Опасностите от отвличане на свитъци в уеб дизайна

Статията на Трент Уолтън Отвличане на превъртане казва, че очакванията на потребителите за скролиращо взаимодействие на даден уебсайт не трябва да бъдат унищожавани с цел разказ.

как да промените размера на документа в

Той цитира случая с Apple последните продуктови страници, които спират превъртането в целеви места на страницата. Преди това писах как ми хареса това, но промених мнението си за това.



Създаването на завладяващо преживяване със силен разказ е нещо, което трябва да се види, когато се направи правилно. В момента се наблюдава и тенденция, при която дългите превъртащи се страници със специфични секции имат анимации или по-задълбочени проектирани взаимодействия.



Те са страхотни и обичам да откривам същите тези уебсайтове и да приемам съдържанието. Но трябва да бъдем внимателни с този подход, тъй като една малка грешка може да причини цялото преживяване да се разпадне.

Когато подкопавате очакванията на потребителите за това как работи даден контрол за дадена уеб страница, това може да разгради техния опит и да създаде негативна реакция.



Ако изпреварвате скоростта на превъртане на дадена страница, вие отнемате контролите на потребителя, за да преминете през съдържанието на страницата по свое време.

Отваряне на връзки в нов прозорец на браузъра, не подчертани връзки, които се смесват с основното копие, без свързване на логото на страница обратно към началната страница: всички тези малки подробности, които нямат твърди и бързи правила срещу тях, са всичко, което може отнема от опита на потребителя. Взаимодействията са малки, но мощни.

Вижте тези примери за лошо взаимодействие при превъртане:



01. iPad Air

Дизайнът на страницата за Apple iPad Air е голям нарушител в спирането на скоростта, с която можете сами да превъртате страницата. Това е приятен ефект, докато не искате да прескочите част от съдържанието.

как да направите инфографика в

02. Kit Kat

Уебсайтът за Kit Kat предлага разказ чрез дълга превъртаща се страница с множество взаимодействия и големи изображения. Позволява на потребителя да контролира как да приема съдържанието: бързо или бавно или дори като използва предоставената навигация отстрани на страницата.

какво е интелигентен обект в Adobe Photoshop

03. ConvergeRVA

Бъдете внимателни, за да спрете потребителя в неговите песни. Когато потребителят стигне до картата с помощта на мобилно устройство на нашия стар сайт за конференции ConvergeRVA, превъртането на картата пренебрегва възможността за превъртане на потребителя и спира страницата мъртва. Поправихме това в новата версия на сайта.

Думи : Джийн Крофорд

Мисията на Gene е да работи неуморно, като осигурява вдъхновение и прозрение за разработчиците. Тази статия първоначално се появи в нетно списание брой 249.