• Like
User Behavior: Interacting With Important Website Elements
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

User Behavior: Interacting With Important Website Elements

  • 214 views
Published

 

Published in Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
214
On SlideShare
0
From Embeds
0
Number of Embeds
3

Actions

Shares
Downloads
4
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. USER BEHAVIORINTERACTING WITH IMPORTANTWEBSITE ELEMENTS
  • 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. User Experience
  • 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. UX Example
  • 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. 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 — 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. Best Look● Button● Pseudo links for:○ pop-ups○ drop down list○ some block on pageNot Links
  • 10. Web Form Usability Is Important.35% of users go out from site, when they cant fill formForms
  • 11. Six Components OfThe Web Forms.○ Labels○ Input Fields○ Actions○ Help○ Messages○ ValidationForms
  • 12. Labels.● Info - fields name● Help - focus on inputsForms
  • 13. Input Fields.Dont forget to add the "Required" mark anddont reset a focus behaviorForms
  • 14. Validation.Forms
  • 15. Button.● Behavior for hover or active● Answer after clickingForms
  • 16. Help.Forms
  • 17. Problems. Amazon.1 interaction 2 interaction
  • 18. Think instead of the user!● Dont forget behavior for active elements.● Correct clearance!● Messages. Errors.● Do not be boring.Conclusion
  • 19. Interesting FactThe $300 Million Button
  • 20. ● NNGroup Reports● About UX on Wiki● UX on SmashingMagazine● The $300 Million ButtonLinks
  • 21. Lika PrUX Designerskype: people-06e-mail: people-06@ya.ru