USER BEHAVIORINTERACTING WITH IMPORTANTWEBSITE ELEMENTS
Comprehends all aspects of digital products andservices that users experience directly—and perceive,learn, and use—includi...
User Experience
● Vitruvius. 1st century BC○ Firmitas. Utilitas. Venustas.(Stability. Practicality. Beauty.)● The first and second world w...
UX Example
Links. User can:● Click a link;● Open in the new tab;● Save a link;● Dont 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 frighte...
Best Look — DefaultBest Look — HoverBest Look — Or Hover or else...● Link should look as link● Use target="_blank" for ext...
Best Look● Button● Pseudo links for:○ pop-ups○ drop down list○ some block on pageNot Links
Web Form Usability Is Important.35% of users go out from site, when they cant fill formForms
Six Components OfThe Web Forms.○ Labels○ Input Fields○ Actions○ Help○ Messages○ ValidationForms
Labels.● Info - fields name● Help - focus on inputsForms
Input Fields.Dont forget to add the "Required" mark anddont reset a focus behaviorForms
Validation.Forms
Button.● Behavior for hover or active● Answer after clickingForms
Help.Forms
Problems. Amazon.1 interaction 2 interaction
Think instead of the user!● Dont forget behavior for active elements.● Correct clearance!● Messages. Errors.● Do not be bo...
Interesting FactThe $300 Million Button
● NNGroup Reports● About UX on Wiki● UX on SmashingMagazine● The $300 Million ButtonLinks
Lika PrUX Designerskype: people-06e-mail: people-06@ya.ru
Upcoming SlideShare
Loading in...5
×

User Behavior: Interacting With Important Website Elements

264

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
264
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

User Behavior: Interacting With Important Website Elements

  1. 1. USER BEHAVIORINTERACTING WITH IMPORTANTWEBSITE ELEMENTS
  2. 2. Comprehends all aspects of digital products andservices that users experience directly—and perceive,learn, and use—including products’ form, behavior, andcontent, but also encompassing users’ broader brandexperience and the response that experience evokes inthem. Key factors contributing to the quality of users’experience of products are learnability, usability,usefulness, and aesthetic appeal.—Pabini Gabriel-PetitWhat is UX
  3. 3. User Experience
  4. 4. ● Vitruvius. 1st century BC○ Firmitas. Utilitas. Venustas.(Stability. Practicality. Beauty.)● The first and second world wars○ Ease of use of weapons● 80s years. Projecting interfaces for PC● Jacob Nielsen. Empirical and analytical methods○ Two of the most extensive e-commerce studiesUX History
  5. 5. UX Example
  6. 6. Links. User can:● Click a link;● Open in the new tab;● Save a link;● Dont think what it is a link...User Behavior
  7. 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. 8. Best Look — DefaultBest Look — HoverBest 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 doorLinks
  9. 9. Best Look● Button● Pseudo links for:○ pop-ups○ drop down list○ some block on pageNot Links
  10. 10. Web Form Usability Is Important.35% of users go out from site, when they cant fill formForms
  11. 11. Six Components OfThe Web Forms.○ Labels○ Input Fields○ Actions○ Help○ Messages○ ValidationForms
  12. 12. Labels.● Info - fields name● Help - focus on inputsForms
  13. 13. Input Fields.Dont forget to add the "Required" mark anddont reset a focus behaviorForms
  14. 14. Validation.Forms
  15. 15. Button.● Behavior for hover or active● Answer after clickingForms
  16. 16. Help.Forms
  17. 17. Problems. Amazon.1 interaction 2 interaction
  18. 18. Think instead of the user!● Dont forget behavior for active elements.● Correct clearance!● Messages. Errors.● Do not be boring.Conclusion
  19. 19. Interesting FactThe $300 Million Button
  20. 20. ● NNGroup Reports● About UX on Wiki● UX on SmashingMagazine● The $300 Million ButtonLinks
  21. 21. Lika PrUX Designerskype: people-06e-mail: people-06@ya.ru
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×