BEST PRACTICES FOR ECOMMERCE OVER 200 TIPS ON HOW TO IMPROVE YOUR E-STORE Co-authors:
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
1
BEST PRACTICESFOR ECOMMERCE
OVER 200 TIPS ON HOW TO IMPROVE YOUR E-STORE
Co-authors:
2
"Best Practices for E-commerce is a practical manual for online shops that
shows, step-by-step, how a shop webpage should be constructed so it is
client friendly. A client’s satisfaction from the shopping process is rooted in
their experience of using the shop’s website, and this translates into positive
opinions about the shop, as well as their desire to shop there again. Best
Practices for E-commerce is a must-read and tremendously helpful for both,
those that are only just starting their e-commerce business, as well as those
who would like to exceed their users; expectations and improve their own
services."
Patrycja Sass - Staniszewska, President of the Chamber of E-commerce
3
Introduction„Facts do not cease to exist because they are ignored.”
Aldous Huxley
At Ideacto, during ten years of working on e-commerce projects, we have col-
lected solutions with the most important elements that are crucial for the deve-
lopment or optimization of online shops. Thanks to this, point-by-point, we can
effectively verify the compatibility of the shop’s project with the tested standards.
We created the best practice control lists and gathered them together in this
publication.
Why have we created them?
Because we know just how important every detail is. Using them enables us, on
the one hand, to maintain the high quality of projects, on the other hand, this me-
ans that we can save time, which we can invest into delivering bespoke solutions
for our clients that meet their audiences’ needs.
Why do we share them?
Because we believe that good things come back to you. Period.
How to use the checklist?
Learn more about our good practice and see how this streamlines your project
work. Our collection is a universal tool; therefore you use the checklist for mobile
and desktop versions. At the start of each section, you will find illustrations that
make it easy to understand each point, and this should be used as a pointer (a
guide) in further development of your version of the shop. On the global scale,
since 2016 the use of mobile phones to search the internet has surpassed the use
4
Happy perusing!
The Ideacto Team
of desktop computers for the same purpose. Hence, we have decided to present
the checklist for the mobile version. We would like to emphasize that the ‘mobi-
le first’ approach for e-commerce is a good practice when it comes to practical
solutions.
SEARCH...
SEARCH...
CATEGORY CATEGORY CATEGORY CATEGORY CATEGORY CATEGORY CATEGORY
BANNER WITH PROMOTIONS
BANNER WITH BANNER WITHPROMOTIONS NEW PROCUDTS
BANNER WITH NEW PRODCUTS
PRODUCERS / PARTNERS
PRODUCERS / PARTNERS
This publication stems from the experience and good practice of the following companies:
5
We understand very well just how big an undertaking it is to create a good
and professional e-business. The Best Practices for E-Commerce provides
key advice on how to be successful in the e-commerce industry. At Sendit
S.A., delivery is our specialism and we do it well.
Wojciech Kliber, Managing Director, Sendit S.A.
For our company, a good quality UX has always been the key measurement
of project success. It's not difficult to start a shop. But doing it in such a way
that doubles conversion, lowers the rate of abandoning the basket or raises
the average value of orders, requires experience and knowledge. We are
happy to share this knowledge in this report. We would be delighted to
work with you.
Polish e-commerce is dynamic and has been creating new brands open to
innovation. A lot of good practice has been honed in order to improve the
quality of service and shops profits. What makes this manual great is that all
these practices are in one place, so one can become familiar with the basics
as well as systematize this complex knowledge. At Synerise inspiration and
education are placed highly in our catalogue of values, hence we have
joined this project.
Kacper Gugała, Director of Sales, ORBA
Hubert Tworkowski, Marketing Director, Synerise
6
Co-authors:
7
9 Header and footer
13 Main page
16 Products list
20 Product card
25 Search
28 Cart
31 Ordering process
43 User account
46 Favorite product list
48 Navigation
Content
8
GROW WITH US.
INCREASE IN CONVERSION RATE AFTER DESIGNING A NEW SERVICE
2X MORE PRODUCTS ORDERED OVER THE PRIOR VERSION OF A SHOP
AVERAGE STORE CONVERSION INCREASE OF 1.6% TO 3.1%,WITH SIMULTANEOUS EXPANSION FROM 6 TO 17 MARKETS
23% INCREASE IN CONVERSION RATE YOY AFTER ONLY CHANGING THE CHECKOUT PROCESS
[THIS SPOT IS RESERVED FOR YOUU
OUR SUCCESSES:
CONTACT US
T E L . : + 4 8 6 6 4 3 2 0 6 4 9
E M A I L : I N F O @ O R B A .C O
We w a n t t o h e l p yo u m a x i m i z e t h e c o nve r s i o n ra t e s i n yo u r s h o p . O R B A h a s a t e a m o f ove r 7 0 M a g e n t o s p e c i a l i s t s - f r o m d eve l o p e r s t o U X d e s i g n e r s a n d a n a l y s t s . We c r e a t e a n d o p t i m i z e e - c o m m e r c e s o l u t i o n s . T h r o u g h a d e t a i l e d a c t i o n p l a n a f t e r T h r o u g h a d e t a i l e d a c t i o n p l a n a f t e r i n s p e c t i n g yo u r w e b s i t e w e c a n h e l p t o c r e a t e yo u r o w n s u c c e s s s t o r y.
w w w. o r b a . c o
9
01Checklist
Header and Footer
SEARCH...
TERMS OF USE RETURNS
HELPCONTACT
PRIVACY POLICY
PAYMENT METHODS
DELIVERY METHODS
10
Header
The logo is linked to the Main Page.
In case of using the hamburger menu ( ) in a mobile version, it is important
to consider that the icon is not always understood as a place where there is
a drop-down list (categories). Therefore, it is a good idea to mark the icon as
‘Menu’.
The Search field should be placed in the header and include a search option
clearly marked as ‘Search’ and/or a looking glass icon.
In the header, the cart icon should be always visible, together with the
information about the number of products in the cart, and potentially the total
cost of these as well.
The user has easy access to basic functions, such as Log In/Registration as well
as the list of Saved Products (Favorite/Saved).
After logging in, the place of Log In/Registration should have a pointer to the
User’s Account.
• The introduction of a simplified stuck on (to the top corner of the search box)
version of the header, for when the webpage is scrolled down, or:
• Hiding the header when the webpage is scrolled down. The header should be
visible when a user starts to scroll up.
Important to consider
11
Main menu
The Menu categories are intuitive so that the user does not have to think
about where to search for products.
The categories in the Menu should not be named using industry jargon
(excluding shops selling specialist products).
‘Other’ or ‘miscellaneous’ categories should be absent from the Menu.
There are no empty categories in the menu (not containing any products).
Footer
In the footer, there is a pointer to:
Terms and conditions,
Privacy,
FAQ,
Returns,
Complaints,
Payment information,
Delivery information,
Newsletter.
Contact details (postal address, email address, phone number
including opening hours),
An online shop has a subpage with the information on delivery cots,
shipment time, payment methods and returns policy.
12
• Adding a reference to physical shops, if available.
• Adding a reference to the shop on social media.
• Adding information about SSL certificates and the so-called, security badges.
• Adding a newsletter sign up form.
• Adding an option to ask questions to the contact section of the contact form.
Important to consider
An online shop has a contact section with the contact details of the shop
owner.
13
02Checklist
Main Page
SEARCH...
BANNER WITH
PRODUCERS / PARTNERS
BANNER WITHPROMOTIONS NEW PRODUCTS
14
On the Main Page value proposition of the shop should be clearly presented
(either as a tagline, or banner, or USP).
The Main Page is updated regularly (so it appears ‘live’).
The Main Page should have trust-building elements, for example: logo of
producers, partners, clients, opinions, differences, certificates from opinion-
making services and so on.
On the Main Page, there should be a banner with, for example, offers/what's
new.
• Adding a module with photos of users using the shop’s products, for example
through the use of hashtag/shop’s Instagram accounts.
• Adding an option to sign up to a newsletter/loyalty programme.
• Presentation of the shop’s bestsellers, lower down on the main page (e.g. ‘The
most bought’).
• Presentation for the returning users of the recently viewed products, lower
down on the Main Page.
Important to consider
Home
15
Slider
The slider should not move automatically on the mobile version.
Under the slider, there are visual pointers that suggest that there are more
slides.
Slides are not the only way to reach the specific functions and content. In a
shop, there should be a dedicated sub-page showing all offers.
To change the slides, in the mobile version, users have the option to swipe left
or right.
16
03Checklist
Products list
PRODUCT NAME PRODUCT NAME
SEARCH...
MAIN PAGE
/FILTER BY
PRODUCT NAME PRODUCT NAME
SORT BY
CATEGORY
CATEGORY
17
Products list
Products list should have a header with the name of the specific category.
The list should highlight a way back, the so-called breadcrumbs (especially
when there are three or more embedded levels in the service structure).
The list could be organized according to, for instance: from the cheapest
products/alphabetically. It is important that the direction of sorting is clearly
marked (A/Z or Z/A).
The Products list has page numbers or there is an option to load other
products (infinite scroll).
There is information about the total number of products on the list on the
subpage (also after filters) and how many pages there are.
After the subpage has loaded the Products list, pop-ups are not displayed
because most users will close them without spending any time to find out
what they might offer and cause irritation.
Adding labels such as ‘offers’ or ‘new’ to the product miniatures.
• An option to change the display: tiles/list.
• Using a quick shop function – a button ‘Add to cart’ on a different page of the
list.
• A change of photo after clicking on the colour miniatures in the product box.
Important to consider
18
Filters
The list has the filter option. The filters match the shop’s specialism. Sample
features: price range, producer, colour, size, offers.
The filters allow for a wide range of options in each feature (instead of just
one).
The page informs the user about the active filters and enables their removal
and adding next filters.
There is the option to clear all filters with a click of one button.
The most common features are placed at the very top of the filter panel. All
filters are in one place.
The user has the option to apply filters after subcategories of the category in
which they are currently.
Matching the number of filters to the specifics of a product (there should not
be too many of them in order to avoid the user getting lost).
The chosen filters should be applied automatically or by clicking on ‘apply
filters’ that should narrow the products list.
The size of the area to chose the filters should be designed in such a way that
the user has no problem with clicking on it and choosing the filters.
19
Product on the list
The product has a clickable miniature as well as the name or the entire
product box moves to the product’s page.
If the products have different colour options (or any other options) this
information shouldbe displayed (e.g. colour miniatures).
Products names are as short as possible and contain only the most useful
information (e.g. there are no product codes).
The product box is legible and does not have too many elements.
20
04Checklista
Product Card
SEARCH...
CATEGORY PRODUCT NAME
PRODUCT NAMEPRODUCT CODE
ADD TO CART
PRODUCT DESCRIPTION
SHIPPING INFORMATION
21
Product card
Product card has the full name of the product as well as its individual product
code (especially when the products do not have unique names or if there is a
number of similar products in the offer).
On the Product card there is a designated product price space.
For products on sale: on the Product card the product's original price should
be crossed out and the discounted price should be clearly displayed. Next to
it there should be information about the discount (in percentages or currency
form).
The subpage should have information about the producer. Clicking on the
producer’s name should move to the subpage with the list of all products of
that producer and information about what is available from this producer.
The user has the option to familiarize themselves with the way back (the
so-called breadcrumbs) in the subpage header (this is particularly useful for
shops that have at least three or more levels of the category nesting).
• A special marker (e.g. ‘the last five remaining') should be used to inform clients
about a low number of a specific product in order to for them to make a faster
shopping decision.
• Providing information about the number of items that has been sold in order
to build greater trust in the product.
Important to consider
22
Product configuration
For products that have alternative versions: the Product card has the option to
familiarise oneself with its version (size, colour and so on). Before adding to
the cart the user has the option to decide which version to pick.
For products that have alternative versions: there is an option to sign up to an
email alert when this particular version is not available (e.g. no particular shoe
size).
• Share clients’ opinions.
• Share product ratings.
• The option to send messages with the link to the products to a different
person using Messenger, e-mail and so on.
• Complimentary and/or recommended products could be added to the
bottom of the
Important to consider
Adding products
On the product card there should be ‘Add to cart’ button that is visually
standouts from the other elements on the subpage.
For unavailable products: there should be a special version on the product
page with the option to sign up for email alerts when the product is available.
There should be an option to add a product into a later/wish list/favorites
23
• For shops with physical premises: adding an option to check whether the
product is available in them should be added to the Product card.
Important to consider
Photo gallery
On the Product card there is a dedicated space to add photos.
If there is more than one photo in the photo gallery, the user is informed
about it (e.g. by using miniatures of other photos).
In the mobile version, swiping moves to a next photo in the gallery.
There is also an option to enlarge a photo in order to look at it in more details.
All photos on the website should be high resolution so that it is easy to look at
the details.
• This depends on the shop's industry: adding additional photo forms such as
360 photographs, to scale (e.g. the product being held in hand), photos on
models (fashion industry), a video where the product details are visible.
Important to consider
24
Content Space
In the Product card there is a designated space for a textual description of the
product. For products that require this there should a technical details table.
In the Product card there should be information with shipment details –
methods, cost and the estimated arrival time.
• Adding the option to find out clients’ opinions and adding one’s own opinion.
• Adding the option to find out about products reviews and recommendations.
• Enriching the text with icons that make it easier for the user to find out its basic
functions will make it easier for clients to understand the product description.
• Adding the option to the Product card about how to return the product. It is
important to note that the returns procedure should be as short and easy as
possible.
Important to consider
25
05Checklist
Search
TSHI
T-SHIRT
T-SHIRT TANK
T-SHIRT TOP
PRODUCT NAME PRODUCT NAME
T-SHIRT
FILTER BY SORT BY /
26
Search field
The search button should be clearly visible and its colour should stand out
from the search field.
In the search field there should a placeholder with the text indicating what the
user can search for. The placeholder should disappear instantly after being
clicked on and the focus should shift to a different filed, as long as this field has
been empty.
• The list with suggested search results should be displayed under the search
field when a phrase is being typed.
• Auto completion of the search word/phrase while the user is typing.
• Auto correction of spelling mistakes of search words while the user is typing.
Important to consider
Search results list
The tile of the Search result list subpage should have the name of the
searched phrase and the number of results.
There also should be the option to quickly correct the search phrase with a
suggestion or being able to add the new phrase in the search field.
The typed phrase stays in the search field after moving to the research results.
The subpage should have categories, together with the search results
numbers (e.g. dresses (9), jumpers (3) and so on.
27
The Search results list should have global filters, e.g. price, producers (if these
are present on the page).
There are page numbers or a function to add more products (this action
should be aligned with the page’s category).
The subpage has information ‘no results’.
The subpage displays the suggestion to check whether the phrase has been
entered correctly.
The subpage displays the suggestion to return to the previous or home page.
• Displaying the list of recently viewed products on the subpage.
• Display of default products (e.g. when you enter ‘jumpre’ instead of ‘jumper’,
‘jumper’ should be displayed) or suggestion with a link to the correct phrase.
Important to consider
28
SEARCH...
MAIN PAGE CART
CART (2)
BACK SUBMIT ORDER
VALUE
06Checklist
Cart
PRODUCT NAME
PRODUCT NAME
INFORMATION ABOUT PAYMENT METHODS
INFORMATION ABOUT SHIPPING
DISCOUNT CODE
29
Clicking on the cart icon, in the header, leads to the cart or expands the mini-
cart preview.
In a situation where the user is not logged in and places the products in the
cart, after logging in these products should remain in the cart.
The subpage of the cart has a header with the information about the number
of products in the cart.
If the product does contain other parameters, such as colour or size, these
should be presented in the cart.
Below the product list, a summary of the value of the order and the amount of
discount granted should be displayed.
Cart subpage should have the ‘go to your order'/'place your order'/'go to
checkout’ or a similar button.
Cart subpage has the return link (e.g. ‘Return’ or even better – ‘Go back to [the
previous subpage]’).
The Cart status is remembered between visits or the user is informed about
the automatic clearance after the session ends.
There is information that adding a product into the cart does not mean that it
will be reserved (or information that it is the other way round).
An additional version of the cart subpage has been designed for when there
are no products in the cart. In this view other recommended products are
visible – offers as well as ‘Go back to shopping’/ ‘Continue shopping’ button.
The products in the cart and their chosen parameters as well as additional
order options, delivery, offers and so on, should be presented in such a way
that that the user can easily compare the chosen products.
The cart subpage has a filed for entering a discount code.
Cart
30
• Add information about the potential free delivery (e.g. ‘You need to spend
20zl more to get a free delivery’”) in the cart view.
• Add information about returns, warranty and payment security to the cart view.
• Introduce the option to add a product to save/waitlist in the cart next to each
product.
• Place the module with additional product options under the order summary
in the cart. Recommendations are based on, e.g. purchasing behaviours of
other clients (‘Other clients also bought...'). These can also be complimentary
products that do not exceed 60% of the products' value that has already been
added to the cart.
Important to consider
The cart subpage has information about the time and minimal cost of the
delivery that should be preceded by the word ‘from’.
In the cart there is information about payment methods.
31
07Checklist
Ordering process
The header is simplified, that is the logo, step-by-step guide, link to ‘Go back
to the shop’, and potentially even a helpline number are presented.
A section of the footer is simplified, that it has: the shop name, link to terms
and conditions, additional information such as logo, payment method,
information about SSL, warranty information. Simplified footers are less
important than the simplification of the header.
The actual steps of the ordering process are visually differentiated from other
processes.
Payment is finalized through the secure connection https.
The security of the ordering process is emphasized through the use of
security icons what indicate this or the placement of the security certificates.
The user is informed appropriately early about the delivery methods and
costs, preferably at the beginning of the process (this depends on the
construction of the delivery process).
The difference between the compulsory and optional fill fields is clearly
marked in every stage of the process.
Each step has the navigation option – a link that enables the return to the
previous or go to next step.
The user is informed about what conditions they need to meet in order to go
to the next step.
The appropriate types of input have been identified which allow appropriate
display of different keyboards on mobile devices (e.g. @ is displayed when an
email address has to be typed in).
32
The length of the fields is such that the user can see what they are typing (as
far as it is possible).
In fields such as, e.g. address, name and surname, autocorrect should be
disabled (it is closely related to the fact that this information is corrected by
dictionaries on mobile devices which leads to customer frustration).
Clicking back on a particular step in the ordering process leads back to this
particular step.
33
Step 1 - Log in and registration
STEP 1
PASSWORD
FORGOT PASSWORD?
LOG IN WITH FACEBOOK
LOG IN WITH GOOGLE
STEP 2 STEP 3 STEP 4
LOG IN
LOG IN
REGISTER
ORDER WITHOUT REGISTRATION
34
The user has the option to buy without registering. They can also set up a
new account (register) or log in, as well as the service has the option to log in
through a social media/Google account.
The option to order as a guest is clearly marked.
The log in form has only the following fields: ‘email’, ‘password’, ‘log in’ button
as well as a link ‘forgotten your password?’ (located under the form).
The link ‘buy without registering’ leads to the next step in the ordering
process.
If it is required to log in/register to complete the purchase, the user who has
gone through this process goes back to the point where they have stopped
their shopping.
During the registration the user is informed straight away what conditions
their password should meet (in the form of an appropriate text placed next to
the field).
• The registration form should be as short as possible and the fields should be
easy to choose. The form should have, e.g. only ‘email’ and ‘password’ fields.
• The user should be informed what conditions their passwords needs to fulfil
in order to be secure but this has to be done whilst the user is typing their
password in (during filling out the filed – live inline validation).
• Show clear benefits of registration in the registration view.
• Avoid the need to write in the password again – it is better to ensure than the
user has written the correct email address – and the need to repeat the email
address during the registration process.
Important to consider
Caution! We do not recommend forcing the user to set up an account.
35
BACK
Step 2 - Billing details
NAME * SURNAME *
NEXT
STEP 2
NAME *
PHONE NUMBER E-MAIL *
STREET * FLAT NUMBER *
POSTAL CODE *
COMPANY NAME *
CITY *
SURNAME *
STEP 3 STEP 4
PERSONAL DETAILS
BILLING
36
The Billing Details form has compulsory fields: name and surname, address,
postcode, town/city, phone number, email. The number of fields should be
minimal, and if the form is long it should be split into sections.
The Billing Details subpage, above the form, should have information about
which fields are compulsory to fill out.
For logged in users some fields should be filled out automatically (e.g.
delivery address, billing address).
Next, to the Billing Details form there should be a checkbox ‘I want VAT
invoice with the option to copy the information from the Delivery form.
For logged in users, in particular sections, there should be an option to edit
previously filled in details.
Validation of the form fields should happen dynamically, that is after the fields
have been filled out there is information that this has been completed.
High contrast colours (green and red) and punctuation marks (e.g. ? !) have
been used for validation.
When a field has been filled out incorrectly a clear message of how to correct
the mistake is displayed.
• Introduction of default settings to speed up the filling out of the form (e.g.
Poland for the country, if 99% of the users are Polish) in the selection fields.
• Introduction of an automatic completion in the town/city field based on a
postcode.
• Not allowing letters in fields that require numbers and vice versa to pass.
• There should be a message about the need to check whether the given email
is correct, in the filed that necessitates email address in the event that ‘@’ is
absent.
Important to consider
37
BACK
Step 3 - Delivery and payment
NEXT
DELIVERY OPTIONS
PAYMENT METHOD
EXPRESS
CREDIT CARD
PAYPAL
STANDARD
DELIVERY AND PAYMENT
STEP 3 STEP 4
38
In the ‘Delivery and Payment' step the user has the option to pick a delivery
and payment method.
If the delivery methods require the user to pick a delivery place, the location
and information about this should be added, only after this has been done
the designated fields are displayed (e.g. the choice of Paczkomat).
Next, to every delivery option there should be information about its cost as
well as the estimated delivery time.
Payment methods are clearly described for the user (e.g. PayU – online bank
transfers).
The user is informed about commissions and/or additional costs (if
applicable).
The subpage has a link that enables the user to go back to the previous step.
The subpage has the ‘Go to the [next step name] button’.
• Introduction on the subpage information about what security measure has
been implemented in the shop.
• Inform the user when, at which step, they will be required to pay, if they have
chosen to pay online.
• The possibility to add a discount code or a gift card, especially after the user
has been moved directly to the ordering process from the mini cart.
Important to consider
Attention! The order of steps 1 and 2 can be changed, if there are many delivery methods, and each of them requires different details from the user.
39
BACK
Step 4 - Summary
STEP 4
SUMMARY
PRODUCT NAME
PRODUCT NAME
EXPRESS DELIVERY
DELIVERY
PAYMENT
DISCOUNT CODE
COURIER
CREDIT CARD
VALUE
CONFIRM AND PAY
40
The subpage has such areas as: ‘Ordered products list’, ‘Billing details’,
‘Payment method’.
Each area has the link to ‘edit' which when clicked moves the user back to the
appropriate step in the ordering process. The step to which the user returned
should have a ‘Confirm changes’ button or ‘Go back to summary’.
Above the buttons that confirm the purchase there should be checkboxes,
which have information that relate to the confirmation of the Terms and
conditions/the use of personal data. These should not be ticked by default;
fields that are compulsory and non-compulsory to tick should be clearly
differentiated from each other.
Details for invoices and billing details should be clearly separated from each
other and appropriately marked (if both versions are present).
If the ‘pick up in person' option has been previously chosen, then in the
summary the full pick up delivery is provided.
The subpage emphasizes the total price to pay.
As part of the view, there is the option to accept all checkboxes, which relate
to the purchase, being ticked (permission has been given).
The view has a button that confirms the purchase together with a label. The
example of the CTA (call to action button) approved: ‘Order with payment
obligation', ‘Buy and pay', ‘Order and pay’. Thee buttons are regulated by the
Consumer Right Act, 30 th May 2014, article 17 point 3.
Caution! Permissions should never be checked by default – the user has to give permission by themselves.
41
SEARCH...
Step 5 - Order confirmation
ORDER CONFIRMATION
SEARCH...
Thank you for your order!
Your order number is:
Payment is accepted
MY ACCOUNT
MAIN PAGE
42
The subpage has: information about the order being accepted and the
payment made (if the user has done so), a thank you note, the order number
together with the information that the order confirmation has been sent also
to the user’s email address.
In case the payment has been unsuccessful, an alternative way of payment
confirmation is displayed, together with information that explains why this
might be the case as well as how to attempt another transfer.
The subpage has ‘Go to my account’ (if possible) and ‘Go to main page’
buttons.
• The placements of the modules that aim to encourage the user to do micro
conversion, e.g. signing up to a newsletter, following the shop on social media.
It is encouraged to present the benefits of doing so.
Important to consider
43
08Checklist
User account
MAIN PAGE
CHANGE PASSWORD
MY ACCOUNT
MY ACCOUNT
MY ADDRESSES
John [email protected]
PREVIOUS ORDERS
SEARCH...
John Smith John S
Street 15 Street 15
00-000 City 00-000 Cit
Country Country
Delivery address Delive
Billing address Billing
44
User's accounts haves a local menu that enables to open up particular
subpages.
User account
The user has the option to define and edit the delivery and billing address.
The user has the option to add more than one delivery/billing address (e.g.
‘home’, work’).
The address given during ordering is saved in the user’s account.
User's data
The user has access to their order history.
The order history has information such as order number, order date, order
value, order status as well as the option to go to more details.
The order details have the following information: the ordered products list,
delivery and payment method.
Orders that have not yet been paid for there should be an option to pay.
Order history
45
The user can change their personal details and password assigned to their
account.
In order to change the password to a new one, the old password will have to
be given.
The user has the option to delete their account.
Before the account is deleted, the user is asked for the reason behind this
decision.
Account settings
46
09Checklist
Favorite product list
MAIN PAGE FAVORITES
FAVORITES
PRODUCT NAME
PRODUCT NAME
PRODUCT NAME
PRODUCT NAME
SEARCH...
FILTER BY SORT BY /
ADD TO CART ADD TO CART
47
The user has the option to delete products from the Favorite Product list.
There is an option to add a product straight from the cart to the Favorite
Product list, after the size and/or quantity have been already chosen (as long
as the products require this).
Favorite product list
• No need to register/log in, in order to use the Wish/Favorite list. At the same
time, the user should be informed that the products saved without being
logged in will be added to the Favorite list only temporarily (for the session),
not forever.
Important to consider
48
10Checklist
Navigation
Is consistent and aligned with the structure of the entire system – menu,
search, headers are always in the same location independent of the content.
All buttons used to execute important functions for the user (e.g. add to
the cart) are emphasized and differentiated from other links and buttons
(secondary).
Inactive elements (buttons and so on) are clearly marked and are
differentiated from active elements.
Buttons and links have clear and easily understandable for the user labels
(e.g. ‘Go to cart', and not ‘Click here’).
The shop has implemented a notification system that informs users about
the system status (loading, processing data) as well as about all actions (e.g.
added to cart comparison).
49
Supporting co-authors
Our Partners
Related Documents
