User Behavior: Interacting With Important Website Elements

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

Lika PrUX Designer

skype: people-06e-mail: people-06@ya.ru