1. USER BEHAVIOR
INTERACTING WITH IMPORTANT
WEBSITE ELEMENTS

2. 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

3. User Experience

4. ● 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

5. UX Example

6. Links. User can:
● Click a link;
● Open in the new tab;
● Save a link;
● Don't think what it is a link...
User Behavior

7. Forms. User can:
● Enter his name in his native language;
● Enter not valid symbols;
● Leave the field empty;
● May be frightened.
User Behavior

8. 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

9. Best Look
● Button
● Pseudo links for:
○ pop-ups
○ drop down list
○ some block on page
Not Links

10. Web Form Usability Is Important.
35% of users go out from site, when they can't fill form
Forms

11. Six Components Of
The Web Forms.
○ Labels
○ Input Fields
○ Actions
○ Help
○ Messages
○ Validation
Forms

12. Labels.
● Info - fields name
● Help - focus on inputs
Forms

13. Input Fields.
Don't forget to add the "Required" mark and
don't reset a focus behavior
Forms

14. Validation.
Forms

15. Button.
● Behavior for hover or active
● Answer after clicking
Forms

16. Help.
Forms

17. Problems. Amazon.
1 interaction 2 interaction

18. Think instead of the user!
● Don't forget behavior for active elements.
● Correct clearance!
● Messages. Errors.
● Do not be boring.
Conclusion

19. Interesting Fact
The $300 Million Button

20. ● NNGroup Reports
● About UX on Wiki
● UX on SmashingMagazine
● The $300 Million Button
Links

21. Lika Pr
UX Designer
skype: people-06
e-mail: people-06@ya.ru