View
448
Download
1
Embed Size (px)
DESCRIPTION
Citation preview
USER BEHAVIOR
INTERACTING WITH IMPORTANT WEBSITE ELEMENTS
Comprehends all aspects of digital products and services that users experience directly—and perceive, learn, and use—including products’ form, behavior, and content, but also encompassing users’ broader brand experience and the response that experience evokes in them. Key factors contributing to the quality of users’ experience of products are learnability, usability, usefulness, and aesthetic appeal.
—Pabini Gabriel-Petit
What is UX
User Experience
● Vitruvius. 1st century BC○ Firmitas. Utilitas. Venustas.(Stability. Practicality. Beauty.)
● The first and second world wars ○ Ease of use of weapons
● 80's years. Projecting interfaces for PC
● Jacob Nielsen. Empirical and analytical methods ○ Two of the most extensive e-commerce studies
UX History
UX Example
Links. User can:● Click a link;● Open in the new tab; ● Save a link;● Don't think what it is a link...
User Behavior
Forms. User can:● Enter his name in his native language;● Enter not valid symbols;● Leave the field empty; ● May be frightened.
User Behavior
Best Look — Default
Best Look — Hover
Best Look — Or Hover or else...
● Link should look as link● Use target="_blank" for external links● Add icon for external links● Use title, users need know what is behind the door
Links
Best Look
● Button● Pseudo links for:
○ pop-ups○ drop down list○ some block on page
Not Links
Web Form Usability Is Important.
35% of users go out from site, when they can't fill form
Forms
Six Components Of The Web Forms.
○ Labels○ Input Fields○ Actions○ Help○ Messages○ Validation
Forms
Labels.
● Info - fields name● Help - focus on inputs
Forms
Input Fields.Don't forget to add the "Required" mark and don't reset a focus behavior
Forms
Validation.
Forms
Button.● Behavior for hover or active● Answer after clicking
Forms
Help.
Forms
Problems. Amazon. 1 interaction 2 interaction
Think instead of the user!● Don't forget behavior for active elements.● Correct clearance!● Messages. Errors.● Do not be boring.
Conclusion
Interesting Fact
The $300 Million Button
● NNGroup Reports● About UX on Wiki● UX on SmashingMagazine ● The $300 Million Button
Links