The form follow the function, this rules it's usually not use in the web in specially in China where people are more looking for the aesthetic.
Report
Share
Report
Share
1 of 15
Download to read offline
More Related Content
Usability thinking
1. 5 things to know
about usability
Usability or how to increase your business on internet
2. Reminder: what is UX&UI
UX design is responsible for impacting and
enhancing customer satisfaction and loyalty by
giving customers the best possible experience with
the product, such as improving ease of use,
usability, and the overall feel for those using the site.
UI design is responsible for ensuring that it
visually communicates with the path that the UX
design has provided so that users may interact
with each screen or page without interruption.
3. It is the pervading law of all things organic and inorganic, of all
things physical and metaphysical, of all things human and all things
superhuman, of all true manifestations of the head, of the heart, of
the soul, that the life is recognizable in its expression, that form ever
follows function. This is the law.
American architect Louis Sullivan
Quote
“
”
4. Never sacrifice your message for your design.
Focus on readability, narrative, and information
first; artistic flair and frills second. Use your design
to reinforce your message, never the other way
around.
Aesthetic considerations in design should be secondary to
functional considerations. Except if the main function of the
website is the beauty.
Form Follows Function
5. Success Criteria
Identify everyone with
a stake in the project
Define who is the Key
stakeholder because he can
strongly influence the
project's decisions and those
whom it is most important to
satisfy.
Determine the goals
of each stakeholder
Express the business
objectives in terms of
measurable business. Define
the cost and the time for the
project.
Prioritize and
harmonize these goals
Constraints define the
boundaries and restrictions, 5
rules features (scope, quality,
staff, cost, and schedule).
Decide how success
will be measured
By the number of
subscriptions, by the time
that user spend on the site,
by percentage of the number
of sells…
1 2 3 4
6. With the identification of the ecosystem, we can determine what is
the main function of the website to achieve the client’s goal(s)
Main function
7. The usability will help to achieve the goal of the
website.
User side
Usability
The ergonomics of a website can be defined by its
ability to effectively meet the expectations of users
and to provide a navigation comfort.
Client side
8. Rule nº1
Mobile first
Number of internet
Users
2011.6 2015.6
485
Millions
667
Millions
Number of
Mobile Users
2011.6 2015.6
317
Millions
593
Millions
Internet Access Devices of Internet Users in China
70.8% 68.4%
43.2%42.5%2014.12 2015.6
85.8% 88.9%
Desktop Laptop Mobile
2014.12 2015.6
2014.12 2015.6
9. Rule nº2
Website Architecture
With the site map the user needs to find
the same kind of elements for the same
categories. It will facilitate the
navigation for the user.
Home
Solution Who we help About Librairy
tel: 4008219039
Benefits
Products How to start
Why cloud
Shippers
Logistic Company
About Us
Management team
LoginBoard
Blog
Call to action to the
request demo form page
Action
No dedicated page
Main Navigation
Request demo
Login
WEb OTMS
KAKA
Our Story
Partners
Join Us
Contact
Article
White Paper
Case Studies
News News details
News News details
Details
LEGEND
DAO NA LE
Pricing
Implementation
Customer sucess
Blog Article
Request demo
Case studies
Products
Request demo
Case studies
Products
Request demo
Case studies
Request demo
Products
Request demo
Products
Ebook
Request demo
Products
Home
Benefits
Products How to start
Why cloud
Shippers
Logistic Company
About Us
Management team
LoginBoard
Blog
WEb OTMS
KAKA
Our Story
Partners
Article
White Paper
Case Studies Details
DAO NA LE
Pricing
Implementation
Customer sucess
Request demo
Case studies
Products
Request demo
Case studies
Products
Request demo
Case studies
Request demo
Products
Request demo
Products
10. Subconsciously, the user identifies all
the elements on a page. When he
arrives for the first time on your
website he will quickly assimilate what
is a title, a sub-title, a button…
The designer needs to define in the
beginning all the rules and keep it for
all the pages.
Otherwise, the user can be easily lost
if he doesn’t find the same kind of
information on every page
Rule nº3
Hierarchization of the Information
TIPS:
Better to paly with the color for Chinese website
because you are not able to play with the
thickness of the font
11. Rule nº4
Make the life easyer
It’s important to help the user when he
wants to do an action. Forcing him to
act differently as he normally does will
make him unhappy.
For example if the process to
unsubscribe is easy, he will be
satisfied. To hold back a user is
useless because he already took a
decision.
12. Use some text that everyone can understand
in the web ecosystem
If you force the user to think, you will
increase the chance he leaves the website.
Rule nº5
Understanding: choose the word carefully
TIPS:
If you need to do a bilingual website, don’t put both language together. It will double the quantity of text
and it will make the website visually heavier
Example:
Use “edit” and “not change”
Use “read more” not “find out more”
14. Conclusion
The web designer cannot avoid this evolution. It’s really necessary to think
about the function of the website and not only on the aesthetic. Otherwise,
the client will stop to contact us and go on websites like Wix or
Squarspace...