improving web design and usability. content the purpose of web design web design according to men ...
TRANSCRIPT
![Page 1: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/1.jpg)
Improving Web Design and Usability
![Page 2: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/2.jpg)
Content
The Purpose of Web Design
Web Design According to Men
Web Design According to Women
Web Designed for Dating
Mystery of Colors
10 Most Common Usability Mistakes
![Page 3: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/3.jpg)
The Purpose of Web Design
Emphasize the content
Make visitors feel good and suggest them to come again
Provide the information in comfortable way
Be unique
Branding
![Page 4: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/4.jpg)
Web Design According to Men
Focused on target
Systematic
Analytical methods
Visual orientation
Concentration
Details are not important
Psychical dispositions
![Page 5: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/5.jpg)
Web Design According to Men
Instant information
Facts
Photos, charts, blueprints
Gadgets
Entertainment
What is he expecting
![Page 6: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/6.jpg)
Web Design According to Women
Focused on relationships
Empathy
Synthetic methods
Intuition
Experience
Details are very important
Psychical dispositions
![Page 7: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/7.jpg)
Web Design According to Women
Friendly interface
Acceptance
Pictures, beautiful graphics
Easy to get informations
Fun and relaxation
What is she expecting
![Page 8: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/8.jpg)
Web Designed for Dating
Meet the needs both of the man and the woman
Find the consensus
Attract people to join the service
Main goals
![Page 9: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/9.jpg)
Mystery of Colors
![Page 10: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/10.jpg)
Hot
Fire
Stop
Warning
Error
Aggression
Daring
![Page 11: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/11.jpg)
In Russia, red means beautiful. The Bolsheviks used a red flag as their symbol when they overthrew the tsar in 1917. That is how red became the color of communism.
In India, red is the symbol for a soldier.
In South Africa, red is the color of mourning.
In China, red is the color of good luck and is used as a holiday and wedding color.
![Page 12: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/12.jpg)
Fresh
Youthful
New
Envy
Jealousy
Inexperience
Fertility
![Page 13: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/13.jpg)
In ancient Greece, green symbolized victory.
In the highlands of Scotland, people wore green as a mark of honor.
Green is the national color of Ireland.
Green means “go.” When “all systems are green,” it means everything is in order.
![Page 14: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/14.jpg)
Peace
Water
Far distances
Relaxing
Male
Sadness
Cold
![Page 15: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/15.jpg)
In China, blue is for little girls.
In Iran, blue is the color of mourning.
The pharaohs of ancient Egypt wore blue for protection against evil.
In ancient Rome, public servants wore blue. Today, police and other public servants wear blue.
![Page 16: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/16.jpg)
Happy
Sunny
Cheerful
Caution
Slow down
Selfishness
Provoking
![Page 17: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/17.jpg)
In Egypt and Burma, yellow signifies mourning.
In India, yellow is the symbol for a merchant or farmer
In tenth-century France, the doors of traitors and criminals were painted yellow. Also in the Middle Ages, actors portraying the dead in a play wore yellow
Yellow has good visibility and is often used as a color of warning. It is also a symbol for quarantine, an area marked off because of danger.
![Page 18: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/18.jpg)
Mystery of Colors: Conclusion
Colors can highlight emotions
The same colors could have different meanings in diverse cultural backgrounds
Think about aiming
Use colors wisely, emphasize the relevant content
Every page must provide the same information even when is switched to black&white (printed page)
![Page 19: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/19.jpg)
10 Most Common Usability Mistakes
When the website is not leading to the expected results, something is wrong.
Maybe you feel you have to do something with the webdesign. But you don´t know what.
Let´s point out at least the 10 most common webdesign and usability mistakes.
![Page 20: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/20.jpg)
1. Insufficient Page Name
Problem:
The title (or name) of the page brings no information about purpose and main goals of the website. Visitors could be confused.
10 Most Common Usability Mistakes
Solution:Append short watchword or small caption. It would be best on the top of the Homepage.
![Page 21: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/21.jpg)
![Page 22: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/22.jpg)
2. The Value of the Website is Hidden
Problem:
Visitors can´t find the answers for the following questions: What is the most important thing on the website? What is the biggest strength of its service?
10 Most Common Usability Mistakes
Solution:Put on the homepage short introduction about the website. Highlight your benefits.
![Page 23: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/23.jpg)
![Page 24: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/24.jpg)
3. Inconsistent Navigation
Problem:
Page navigation is different page by page. Navigation menu is changing its placement. Items are disappearing.
10 Most Common Usability Mistakes
Solution:Place the navigation bar (or column) at the same position. Follow the hierarchy.
![Page 25: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/25.jpg)
![Page 26: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/26.jpg)
4. The Graphics is Misguiding
Problem:
The graphic layout does not correspond with the idea of the website. You feel strange about the topic when you are visiting the pages.
10 Most Common Usability Mistakes
Solution:Look at the other websites with the similar content. Think about the common factors and, of course, about your visitors.
![Page 27: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/27.jpg)
![Page 28: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/28.jpg)
5. Page Layout is not Well Styled
Problem:
Page elements are not aligned. There is a big amount of unused space.
10 Most Common Usability Mistakes
Solution:Align page elements. Be consistent. Put most important informations at top of page.
![Page 29: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/29.jpg)
![Page 30: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/30.jpg)
![Page 31: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/31.jpg)
6. Bad Indication of Links
Problem:
Links on the page are not clearly indicated. They don´t use text descriptions.
10 Most Common Usability Mistakes
Solution:Underline the links. Give a text-description notice when the link is external.
![Page 32: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/32.jpg)
![Page 33: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/33.jpg)
7. Too Many Tasks
Problem:
There are too many things to do at the Homepage. We don´t know what is more important.
10 Most Common Usability Mistakes
Solution:Don´t have more than 4 main tasks (things visitor can do) at the homepage. Reduce the possibility of choice to basic operations.
![Page 34: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/34.jpg)
![Page 35: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/35.jpg)
![Page 36: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/36.jpg)
8. Visuals Are Not Reaching the Culture
Problem:
Photography and other graphics are not following the audience culture background which is the website focused on.
10 Most Common Usability Mistakes
Solution:Use the graphics according the propositions of the audience. What is routine in Africa could be very strange in Europe.
![Page 37: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/37.jpg)
![Page 38: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/38.jpg)
9. Technology Designate the Visitors
Problem:
To view the page correctly visitors must install latest plug-ins and other add-ons from the internet. Many of them will not do that.
10 Most Common Usability Mistakes
Solution:Build the website from the user perspective. Besides the modern technology leave also enough space for users not so friendly with the hourly updates. Presentation must be viewable on older browsers too.
![Page 39: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/39.jpg)
![Page 40: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/40.jpg)
10. Web Design For Effect
Problem:
You have cool website reflecting the latest trends in design, but users don´t understand it.
10 Most Common Usability Mistakes
Solution:Webdesign have to be fine, but more important is, if it is also user friendly.
![Page 41: Improving Web Design and Usability. Content The Purpose of Web Design Web Design According to Men Web Design According to Women Web Designed for](https://reader035.vdocument.in/reader035/viewer/2022062321/56649e6b5503460f94b68e60/html5/thumbnails/41.jpg)