Table of Contents :
1.Analysis of the whole process
2.Visuals
3.Technical
4.Comparsion to the current solutions
5.Clean development mechanism
6.Flow diagram (preview)
7.Mockups (preview)
8.Wireframe with storyboard (preview)
9.Sample workflow (preview)
10.Something Innovative
11.The process of buying in the shop
Ok let's begin with the main assumptions of the Shopping App.
1.Analysis of the whole process
First of all , let's begin with the basics. Let's say we have an shopping app.
The user is opening it regularry to take look at things and stuff , to buy something etc. My idea was to create an minimal , subtle app that can enable user to take look at things and browse them in an easiest way and cleanest way.Imagine a situation when you browsing shop pages , you would like to open the product of interest , you touch that product and the semi transparent window pops-up with the product information.That could be very smart
because when you close that "pop-up" you will back at the same place.
First of all , let's begin with the basics. Let's say we have an shopping app.
The user is opening it regularry to take look at things and stuff , to buy something etc. My idea was to create an minimal , subtle app that can enable user to take look at things and browse them in an easiest way and cleanest way.Imagine a situation when you browsing shop pages , you would like to open the product of interest , you touch that product and the semi transparent window pops-up with the product information.That could be very smart
because when you close that "pop-up" you will back at the same place.
2.Visuals
Well what I do like to see in apps are transitions , these are nice animations between windows , like slides , fades and things like that.For example if we look at that two images , there an very nice idea can be found.When you touch the shopping cart , the background is going to blur , the white window is going to fade into 50% of opacity then the product image can "grow in".The "Fine 505" and it's subtitle can fade in and drop down from above.The buy button can as well "grow in".As you can see there is a circle , you may ask , what's that ? Well it represents actual count of products in cart , there is only one watch in the cart so the only one circle is here.My idea was to swipe left or right between objects.
Well what I do like to see in apps are transitions , these are nice animations between windows , like slides , fades and things like that.For example if we look at that two images , there an very nice idea can be found.When you touch the shopping cart , the background is going to blur , the white window is going to fade into 50% of opacity then the product image can "grow in".The "Fine 505" and it's subtitle can fade in and drop down from above.The buy button can as well "grow in".As you can see there is a circle , you may ask , what's that ? Well it represents actual count of products in cart , there is only one watch in the cart so the only one circle is here.My idea was to swipe left or right between objects.
3.Technical
First of all , I've been thinking – is the user logged in or not ?
Let me assume that the user is logged-in
As the user is logged in , he browsing the store, founds the product that he or she wants to buy.Now the user is clicking the "Buy" Button and what I did is , the delivery method is shown to the user first.That's what I tought would be good , since the user can now choose if he/she wants to order it to home or go to the shop and collect it here.After the user select the delivery method , the payment method pop-up appears.
Depending on what will the user select , different methods are shown.For example if user select "Courier Delivery" Then he or she can pay in Advance by Credit card or PayPal or Pay on delivery , whereas while user wants to collect from the store he or she can pay at the place.After the delivery and paying process is finished.The user and seller will receive an e-mail about the situation. Going into detail , user will receive a mail about his order , what did he/she ordered , what's the price , and what is the type of delivery , type of payment , and lots of other things.If the item was in cart before that it will disappear from that since it's bought.
4.Comparsion to the current solutions
Should I compare my idea to the best apps ? Well if so then let me begin. The apps , were created some time ago , these apps are upgraded , updated over the time. For a starting app that could be too early to compare to that big projects , but , it does not mean , that our new application or store is a far behind. We could show something in a new way , that it hasn't been shown before.
Well , what do you think , about searching for a product by it's photo ?
Imagine that , you see a cool thing but don't know a name of it, you take a photo of that , and search using a picture ,that could be amazing.What I am thinkin of is , to make the app simplest as much as it can be.The next thing is easy buy , a very good idea is a possibility of buying with creating account , this is a very big step into the user-friendly category , since , sometimes there is no time to fill out all the forms and a person would like to buy something quickly.Actually , there could be an checkbox for a person to crete an account if decide.It's all about making the process easy and clear
Should I compare my idea to the best apps ? Well if so then let me begin. The apps , were created some time ago , these apps are upgraded , updated over the time. For a starting app that could be too early to compare to that big projects , but , it does not mean , that our new application or store is a far behind. We could show something in a new way , that it hasn't been shown before.
Well , what do you think , about searching for a product by it's photo ?
Imagine that , you see a cool thing but don't know a name of it, you take a photo of that , and search using a picture ,that could be amazing.What I am thinkin of is , to make the app simplest as much as it can be.The next thing is easy buy , a very good idea is a possibility of buying with creating account , this is a very big step into the user-friendly category , since , sometimes there is no time to fill out all the forms and a person would like to buy something quickly.Actually , there could be an checkbox for a person to crete an account if decide.It's all about making the process easy and clear
5.Clean development mechanism
That image above represents how the CDM of a store app or store page can work. As you can see the workflow is pretty standard.The app or website wants to earnmoney , then they charging for product pages.When John wants to sell watch , he is paying to the company a price they want for a product page.When Jenny wants to buy a wach then she is paying John , he is earning , and so on.There are more things for
an app or website to work in that circulation , adverts , thats a good example.
an app or website to work in that circulation , adverts , thats a good example.
10.Something Innovative
At this point I had some ideas before I even started writing that.There could be many things that can make app better or more unique.For example , if the application is made on iPhone the 3D Touch can be used , it's an amazing thing.Since I am using iPhone 7 I had an opportuinity to try it and it's really cool.What it's all about ?
Actually 3D Touch detects with how big pressure you are pressing the screen , that could be useful , when your app is not running , but it's on the home screen , and when you will touch it with the proper pressure you can use a lot of cool functions 0 without even need to open it , like search or open favourites or open cart or even share the app with friends.
Cool thing about shop could be a suggested products. For example for someone who like shoes - the similar shoes the person likes should be shown , for someone who likes cars - cars he or she like to be shown. The next big thing is a situation when you searching for a product and you wrote it in a wrong way like : "Shose" for "Shoes". In that case the amazing thing would be a suggesting , if you search for "Shose" then maybe somewhere , should appear a suggestion "Maybe you were looking for Shoes ?"
At this point I had some ideas before I even started writing that.There could be many things that can make app better or more unique.For example , if the application is made on iPhone the 3D Touch can be used , it's an amazing thing.Since I am using iPhone 7 I had an opportuinity to try it and it's really cool.What it's all about ?
Actually 3D Touch detects with how big pressure you are pressing the screen , that could be useful , when your app is not running , but it's on the home screen , and when you will touch it with the proper pressure you can use a lot of cool functions 0 without even need to open it , like search or open favourites or open cart or even share the app with friends.
Cool thing about shop could be a suggested products. For example for someone who like shoes - the similar shoes the person likes should be shown , for someone who likes cars - cars he or she like to be shown. The next big thing is a situation when you searching for a product and you wrote it in a wrong way like : "Shose" for "Shoes". In that case the amazing thing would be a suggesting , if you search for "Shose" then maybe somewhere , should appear a suggestion "Maybe you were looking for Shoes ?"
11.The process of buying in the shop
From the developer's perspective :
We have to create graphical interface first , we should create a layout that we would like to see , and that layout should be practical for user.It really depends on us what graphical style we will use to show our shop.We need banner , logo , and other things related to our brand and shop name.There should be categories in the shop like : Clothes , Cars , Sport and so on , that's necessary.We also need search engine.
After that we will have a good basis to move on.Next thing is an product page
It should contain a product name , price , and description.Well if someone would like , then he can add more details , but it really depends on what type of shop is that.
How the buying works , well , when the product page is created and the user click on it , there will be an buy button , after clicking that , we will move into the login window or if we have an account , we can buy it straight away , next things are picking the delivery type and payment method. After the product has been bought
the both sides of transaction should be informed.
From the developer's perspective :
We have to create graphical interface first , we should create a layout that we would like to see , and that layout should be practical for user.It really depends on us what graphical style we will use to show our shop.We need banner , logo , and other things related to our brand and shop name.There should be categories in the shop like : Clothes , Cars , Sport and so on , that's necessary.We also need search engine.
After that we will have a good basis to move on.Next thing is an product page
It should contain a product name , price , and description.Well if someone would like , then he can add more details , but it really depends on what type of shop is that.
How the buying works , well , when the product page is created and the user click on it , there will be an buy button , after clicking that , we will move into the login window or if we have an account , we can buy it straight away , next things are picking the delivery type and payment method. After the product has been bought
the both sides of transaction should be informed.