Факултет по психология на Московския държавен университет

Колективно, съзнателно

Как да създадете перфектен интерфейс

Представете си, че сте дизайнер и разработвате интерфейса на някакво интернет приложение. Как науката психология може да ви помогне? Разбира се, с моите изследвания върху проблема с човешкото внимание и неговата роля в процеса на възприемане на информация. Възможно ли е да правите уеб дизайн, без да знаете нищо за тези изследвания? Възможно е, но най-вероятно ще е глупост. Затова е по-добре да се запознаете с това как работи възприятието на нашия мозък.

Ето как можете да си представите графично метода Usability

Sheep"R"Us / Flickr

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

Използваемост и UX

Първо, нека да разгледаме общото стандартни принципидизайн на интерфейса. Важен фактор при разработването на уеб дизайн е вземането под внимание изследване на психологията на възприемането на информация.Това се прави отчасти с помощта на методи Използваемост(използваемост) и Потребителски опитили UX ( потребителски опит).

Ще трябва да идентифицираме най-характерните характеристики на UX и тяхното съдържание. Но първо трябва да разделим понятията ИзползваемостИ Потребителски опити съпоставете получената информация с данни за психологията на възприемането на хипертекста.

Използваемостпо-често използвани за повишаване на познаваемостта и лекотата на използване на интерфейса, увеличаване на скоростта на изпълнение на задачите и др. С други думи, методът за използваемост започва от въпроса: „Колко лесно е за потребителя да реши проблема?“И неговият основната цел- задържане на клиента на уебсайта или приложението.

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

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

Ето как би изглеждал UX методът

Благодаря ви, че посетихте моята страница / Flickr

За по-голяма яснота, нека сравним тези два метода, използвайки примера за избор на маршрут: каква е разликата между шофиране по бетонна магистрала (използваемост) и шофиране по криволичещ планински път (потребителско изживяване, UX)? Стигайки до вашата дестинация по магистралата, вие, без да правите нищо допълнителни усилия, карайте по прав път на максимум зададена скорост. Използваемостта постига същия ефект – да води потребителя до крайната цел по най-лесния и удобен път. Но планинският път е криволичещ и ще отнеме повече време, за да го преодолеете, но шофирането по него е много по-интересно и приятно благодарение на пейзажа и планинския въздух. Концепцията за потребителско изживяване взема предвид точно тези фактори, които могат да доставят удоволствие.

Емоционален интерфейс

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

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

• опитайте се да използвате не повече от три цвята;
• създават контраст между фона и възприеманата информация;
• използвайте хармонични комбинации от нюанси.

Всички тези разпоредби идват от психологията на възприемането на цвят, наситеност, форма, обем и т.н. Цветът влияе на човешкото подсъзнание, причинявайки определени асоциации и емоции. Известният швейцарски психолог Макс Люшер изследва емоционалното въздействие на цвета върху хората. Той разкри, че предпочитанията към определени цветове отразяват ориентацията на субекта, неговото настроение и съществуващите личностни черти. В резултат на това Lüscher разработва цветовия тест, който е един от основните инструменти за оценка на състоянието на човека. Изследванията върху възприемането на формата показват, че заоблените, гладки линии са свързани с безопасността и остри ъглиа прекъснатите линии се възприемат като проява на агресия и предизвикват безпокойство. Познаването на характеристиките на човешкото възприятие ще помогне на дизайнера да създаде продукт, който ще предизвика положителни емоции.

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

Удобен за потребителя интерфейс

За да опростим възприемането на потребителската информация, т.е. да гарантираме функционалната страна на интерфейса (неговата използваемост, както си спомняме), трябва да се позовем на резултатите от следните психологически експерименти.

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

• поддържащи данни с подходящ дизайн;
• „говорещо“ заглавие за създаване на ключови потребителски очаквания;
• придружаване на визуална информация със смислен текст.

Не трябва да забравяме и ефекта на бинокулярното съперничество, поради което не сме в състояние да възприемаме комбинация от различни картини едновременно. Нека добавим към това резултатите от изследване на възприемането на същността на холистичния образ на картина в зависимост от цвета и по този начин да получим следните препоръки:

• не претоварвайте интерфейса с маловажна информация и подреждайте съдържанието в правилната последователност;
• използвайте тематични, подходящи икони, които да придружават текста;
• подчертайте важна информация сред текста.

По този начин използваемостта определя функционалната страна на взаимодействието в двойката човек-технология, а UX изследванията са насочени към анализиране на потребителската страна на това взаимодействие и създават настройки за специфична емоция у потребителя.

Виктория Баскакова

Анастасия Маринчева

Кастехано М. С., Мак М. Л., Хендерсън Дж.Задачата за гледане влияе върху контрола на движението на очите по време на активно възприемане на сцена // Journal of Vision. – 2009. – Т. 9, 3. – С. 6-6.

Грегъри Р.Л.Знанието във възприятието и илюзията // Философски транзакции на Кралското общество B: Биологични науки. – 1997. – Т. 352, 1358. – С. 1121-1127.

Hassenzahl M., Diefenbach S., Göritz A.Нужди, влияние и интерактивни продукти – аспекти на потребителското изживяване // Взаимодействие с компютри. – 2010. – Т. 22, 5. – С. 353-362.

Хасензал М., Трактински Н. Потребителски опитизследователска програма //Поведение и информационни технологии. – 2006. – Т. 25, 2. – С. 91–97.

Ларсън К., Пикард Р.Естетиката на четенето // Появява се на конференцията на консорциума за взаимодействие човек-компютър, Сноу Маунтин Ранч, Фрейзър, Колорадо. – 2005 г.

Саарилуома П., Йокинен Й.П.П.Емоционални измерения на потребителското изживяване: психологически анализ на потребителя // Международен журнал за взаимодействие човек-компютър. – 2014. – Т. 30, 4. – С. 303-320.

Саноцки Т., Сулман Н.Цветовата хармония увеличава капацитета на визуалната краткосрочна памет //Journal of Vision. – 2009. – Т. 9, 8. – С. 322-322.

Tong F. и др.Бинокулярно съперничество и визуално съзнание в екстрастриатния кортекс на човека // Neuron. – 1998. – Т. 21, 4. – С. 753-759.

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

Синдром на грозното пате

Както показва практиката, по-голямата част от потребителите са силно привързани към първата версия на дизайна на конкретен проект. Този дизайн е проучен от тях в максимална степен. Съответно те възприемат следващите версии на сайта (или локалните елементи), след редизайна, през призмата на това как нова версияподобен на предишния. Ето защо посетителите се чувстват не на място в началото.

Банерна слепота

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

Ефектът на несигурността (ефектът на Блума Зейгарник)

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

Ефектът на неопределеността се основава именно на тази особеност на човешкото поведение. Открит през 1927 г., ефектът установява някакъв вид емоционална връзка с потребителя, читателя или наблюдателя на продукта.

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

Гещалт принципи

Те представляват основните, фундаментални правила на психологията в контекста на дизайна и човешкото възприятие чрез компютър.

Закон за близосттазаявява, че набор от обекти, разположени на повече от един друг в близостотколкото други обекти, потребителят ги класифицира като група.

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

Закон на прагматизмаказва - един и същи елемент е способен да играе много важна роляв едно визуално представяне и станете част фонова картинав различен.

Много ясен пример за това правило е логото на Macintosh, което съдържа няколко визуални полета. Едно общо нещо с усмихнато лице, както и щастливо лице, представено в профил.

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

Закон за затварянепоказва, че човек е склонен да комбинира обекти, които в действителност не са едно цяло.

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

Ефект личен опит . Получава най-голямо разпространение в областта на творчеството текстово съдържаниепоради факта, че е в състояние да установи някаква връзка между читателя и автора.

Удовлетворението от продукта се определя като „комфорт и приемливост на употреба“. Определянето на удовлетворението е доста трудно, тъй като това е преди всичко емоционален компонент. Бяха въведени следните оценки:

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

По този начин горните критерии се използват за анализиране на използваемостта на продукт или софтуер. Те се използват за анализиране на резултатите от тестване на използваемостта и изследване на използваемостта.

Правила и принципи за използваемост

Има няколко основни правила и принципи на използваемост, на които трябва да обърнете внимание, когато разработвате дизайн на уебсайт или променяте неговата структура.

Основни точки, за които трябва да се провери на този етапса следните:

• 
  правилно показване на сайта в различни браузърипри различни настройкиекран на монитора;
• 
  уместност ключова информацияи информация за специални оферти;
• 
  лекота на навигация в сайта;
• 
  лекота на търсене и поръчване на стоки (услуги).
• 
  степента на удовлетвореност на потребителите при използване на сайта ( тестване на използваемосттас участието на потребители от целева аудиториясайт)

Анализът на използваемостта на уебсайта е пряко свързан със сцената маркетингов одит „Уеб анализи“. Информацията, получена в резултат на тестване на използваемостта, се използва за създаване на пълно описание на аудиторията на сайта и служи за разработване на препоръки за подобряване на ефективността на взаимодействието на потребителя с интернет проекта.

Основни правила и принципиизползваемост бяха публикувани в списание Smashing, 31 октомври 2007 г.

Следва извадка от статията:
„Професионалният уеб разработчик трябва да бъде адвокат на посетителя на сайта, да защитава неговите интереси и да гарантира, че независимо от сложността на сайта, потребителят винаги ще може да намери това, от което се нуждае. За да изпълните успешно тези задачи, трябва да можете ефективно да защитавате вашите идеи и решения в дискусии с клиенти и колеги. Вашата работа е да коригирате лошите идеи и погрешните концепции, а не да ги следвате сляпо.

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

^ Правило 7±2

Възможностите на мозъка за обработка на информация не са неограничени, според изследване на Джордж Милър краткотрайна паметможе едновременно да съдържа от 5 до 9 обекта. Този факт често се използва, за да се оправдае необходимостта от намаляване на броя на елементите в навигационни менютадо 7, което причинява разгорещен дебат, тъй като не е напълно ясно как това правило трябва да се прилага в мрежата. [ Проучванията на Милър ]

Правило за 2 секунди

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

^ Правило за 3 кликвания

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

^ Правило 80/20 (принцип на Парето)

Идеята е, че 80% от ефекта идва от 20% от действията. В бизнеса това правило често се прилага под формата: „80% от продажбите идват от 20% от клиентите.“ В уеб дизайна и използваемостта това правило работи не по-малко ефективно. Например, можете значително да подобрите въздействието на уебсайт, като идентифицирате 20% от потребителите, клиентите, действията, продуктите или процесите, които генерират 80% от печалбата и им обърнете специално внимание по време на разработката.

^ Осем златни правила за front-end разработчици

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

1. 
   Стремете се към логиката
2. 
   За напреднали потребители трябва да има бърз начин(съкращения, клавишни комбинации, макроси)
3. 
   Трябва да има информативна обратна връзка
4. 
   Диалогът трябва да бъде завършен
5. 
   Обработката на грешки трябва да е проста
6. 
   Трябва да има лесен начин за отмяна на действия
7. 
   Потребителят трябва да чувства, че всичко е под негов контрол
8. 
   Поддържайте краткосрочната си памет възможно най-ниска

Правилото на Фитс

Публикуван от Пол Фитс през 1954 г., моделът на човешкото движение определя количествено времето, необходимо за бързо придвижване до целевата област като функция на разстоянието до целта и размера на целта. Обикновено това правило се използва, когато се разглежда движението на мишката от точка А до точка Б. Това може да е важно, когато поставяте елементи, върху които искате да увеличите броя на кликванията.

^ Обърната пирамида

Обърнатата пирамида е стил на писане, при който основната идея е представена в началото на статията. Статията започва със заключение, последвано от ключови точки, и завършва с най-малко важната информация. Потребителите искат да получават информация възможно най-бързо, така че обърнатата пирамида е идеална за мрежата. Гуруто по използваемост Якоб Нилсен споделя същото мнение. .

удовлетворение

Потребителите не избират оптималния път при търсене необходимата информация. Те не се нуждаят от най-доброто и надеждно решение, напротив, често са готови да се задоволят с бързо и не най-доброто решение, което ще бъде „доста приемливо“. По отношение на мрежата, удовлетворението се описва точно от този случай: потребителят е получил „напълно приемливо“ решение на проблема – дори ако алтернативни решенияпо-пълно покрива своите дългосрочни изисквания.

^ Психология в използваемостта

Синдром на бебето-пате

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

^ Банерна слепота

Потребителите игнорират всичко, което изглежда като реклама, и интересното е, че го правят доста ефективно. Макар че хората забелязват рекламата, нея все още винаги игнорирани. Потребителите са разработили доста ясни модели, които следват, когато изпълняват задачи в мрежата. различни действия: Когато търсят информацията, от която се нуждаят, те се фокусират върху частите от страницата, където тази информация може да бъде разположена - основният текст и хипервръзките. Големи, цветни, анимирани банери са напълно игнорирани в този случай.

^

Ефектът на неопределеността (ефект на Зейгарник)

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

Открит от Блума Зейгарник през 1927 г., ефектът помага за установяване на емоционална връзка с читателя и е невероятно ефективен в маркетинга. Читателите ще запомнят по-добре за какво е била рекламата и дори малки частище се запомни по-ясно и точно. Ефектът Zeigarnik се използва и при писане на текстове за мрежата, за да привлече и заинтересува посетители.
^

Гещалт принципи на възприемане на формата

Това са фундаментални правила на човешката психология в контекста на дизайна на интерфейса човек-компютър.

^ Закон за близосттазаявява, че когато видим колекция от обекти, ние разпознаваме обектите, които са по-близо един до друг като група.

Истински пример за закона на близостта от MTV Music Awards 2002.
^ Закон за подобиетогласи, че човек подсъзнателно групира подобни обекти.

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

В логото на Macintosh можете да видите както нормално щастливо лице, така и щастливо лице в профил.
^ Закон за симетриятазаявява, че сме склонни да възприемаме симетричните обекти като един обект.

Закон за затварянезаявява, че хората са склонни да комбинират обекти, които всъщност не са обединени.

^

Ефектът на самопрепратката

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

От автора:Днес имаме много важна тема - принципите и правилата за използваемост на уебсайта. За това са написани много книги и статии. Най-великите умове на човечеството са разработили свои собствени формули за лесното използване на уебсайт. Изглежда, как можете да угодите на всички интернет потребители, защото те са толкова различни? Но, както показват изследванията, има определени модели на потребителско поведение на сайта, които трябва да се вземат предвид при разработването му. Разбира се, ако целта на ресурса е да привлича трафик и да печели, а не да сплашва с киселинни цветове, мигащи банери (или още по-добре със звук) и мистериозна навигация.

Принципи на използваемостта на интерфейса

Повечето основен принцип, който трябва да минава като червена нишка през целия интерфейс, звучи така: „колкото по-просто, толкова по-добре“. Значението му е, че използването стандартни техникидизайнът на уеб страница прави живота много по-лесен за потребителя.

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

Принцип 1: Навигация. Хоризонтално и вертикално меню.

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

JavaScript. Бърз старт

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

Принцип 2: Без грешки.

Тестване и пак тестване. Всеки ден. Без уикенди и празници. Сайтът трябва да работи коректно, защото всяка секунда от неправилната му работа, всеки линк, водещ до никъде, или бутон на несъществуваща страницаще ви струва посетители и клиенти. Никой няма да се задържи на неработещ сайт. И не забравяйте да проектирате страницата 404 в стила на вашия уеб ресурс.

Принцип 3. Правилен дизайн на хедъра на сайта.

Именно в горната част на сайта хората прекарват погледа си по-често и по-дълго. Някои хора дори са прекалено мързеливи, за да превъртат страницата надолу. Признавам си, аз също принадлежа към тази група потребители. Ако заглавката не съдържа необходимата ми информация (меню, информация за връзка, телефонни номера и т.н.), едва ли ще губя време да я търся. Като цяло разбирате - в заглавката поставяме всички данни, към които бихме искали да привлечем вниманието на клиентите преди всичко.

Принцип 4. Свободно пространство.

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

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

Принцип 5. Качествен текст.

Качеството на текста включва не само неговия семантичен компонент и липсата на грешки, но и правилно форматиране. относно разстояние между редоветеВече споменах, остава да поговорим за техники, които могат да привлекат повече внимание към вашето съдържание. Това:

наличие на заглавия и подзаглавия;

разпределяне ключови думиИ важна информация (с удебелен, бележки под линия, маркери и др.);

JavaScript. Бърз старт

Разгледайте Основи на JavaScriptНа практически примерпри създаване на уеб приложение

използване на номерирани и обозначени списъци;

разделяне на текста на параграфи, състоящи се от 3-4 изречения.

Принцип 6. Търсене в сайта.

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

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

Принцип 7. Скорост на зареждане.

Продължавайки предишното изискване за използваемост на уебсайта – хората са много нетърпеливи, идват в интернет за информация и искат да я получат възможно най-бързо. Според проучване на Nielsen Norman Group потребителите прекарват средно 27 секунди на уеб страница и рядко превъртат до края. Това се случва, защото в интернет има много боклук и безполезна информация - ако хората изучаваха всеки ресурс в детайли, щяха да полудеят.

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

Относно използваемостта" url="http://marketnotes.ru/about-usability/usability-principls/">

Четейки за евристични методи за оценка на дизайна и използваемостта, забелязах, че всички се позовават на някакви общоприети принципи на използваемост, но никой не пише какви. Вариантите са два: или са толкова ясни и естествени, че дори не си струва да се говори за тях, или никой наистина не знае какви са тези принципи. След анализ на статиите, които се свързват с тях, и просто мислене и за двете търсачки, стигнах до разочароващо заключение: никой не знае нищо и всички статии са неточни копия на една от статиите на Джейкъб Нелсън. Някои дори оставиха връзка към тези най-общоприети принципи.

Уви, не намерих нито една статия на руски (или украински), където да са разкрити. Затова реших, че си струва малко да преведа и дешифрирам същите тези принципи.

И така, 10 общоприети принципа за използваемост. Нека ги разгледаме по-подробно.

1. Видимост на състоянието на системата.

Този принцип означава, че потребителят ВИНАГИ трябва да знае какво се случва и къде по пътя е спрял. Ако това е сложна регистрация, посочете, че това е стъпка 2 от 3. Ако нещо се изтегля или се изпълнява някакъв скрипт, покажете % обработени. и т.н.

Прост пример - Сигурен съм, че всеки е срещал ситуация, в която сте кликнали върху някаква икона, но нищо не се е случило. Съдейки по това колко активно се върти винта и мига монитора, все пак нещо се случва и след няколко минути се отваря прозорец на програмата, например (все още отварям IE по този начин). Какво да правите в интернет, когато всичко се зарежда не на вашия компютър, а на сървър в друга държава. Повечето потребители просто щракват върху бутона „изпрати“ няколко пъти, качват едни и същи файлове няколко пъти и т.н. И всичко това, защото няма връзка между потребителя и системата.

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

И още една лимитирана цифра - 10 секунди. Потребителят трябва да получи това, което иска в рамките на 10 секунди след своето действие (например, докато преглежда резултатите от търсенето, потребителят е отворил прозорец 5. След това той бързо преглежда всеки от тях. Ако след като е отворил прозореца в рамките на 10 секунди, той не е върнете се там - считайте го загубено за вас).

(Не съм проверявал сам числата, нито съм ги измислял, взети са от книга).

(това е пример от Contact. Когато качвате снимки, виждате процеса и преценявате колко време остава да чакате).

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

Само преди няколко дни разгледах два сайта компютърни темис доста подобна структура и дизайн. НО! Единият беше посветен на функциите на конфигурацията операционна системаи второ - компютърни курсовеза начинаещи.
Както разбирате, това са две напълно различни аудитории и фразата „щракнете върху ред 35 в регистъра“ ще бъде повече от разбираема за аудиторията на първия сайт, но ще шокира 99% от потребителите на втория сайт.

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

(на пръв поглед става ясно към кого е насочена информацията в този сайт. Начинаещ дори няма да прочете какво има. Само по дизайна е ясно, че е за програмисти).

3. Потребителски контрол (свобода на избор)

Потребителят винаги трябва да контролира ситуацията, така да се каже, да държи пръста си на пулса (или поне трябва да има такова впечатление). Какво означава това на практика? Например, когато попълвате формуляр, трябва да има бутон „изчистване на формуляр“. Ако формулярът съдържа няколко стъпки, потребителят трябва да се върне към предишната стъпка или обратното, ако е възможно, да пропусне някои, за да се върне към нея по-късно.

Тази ситуация ще създаде у потребителя впечатлението, че той е „отговорният“; никой не се опитва да го измами или обърка. И усложнението на пръв поглед на интерфейса, когато правилният подходще се превърне в опростяване. В крайна сметка за хората е много по-лесно да направят 2-3 прости стъпкиотколкото една сложна (тук става въпрос, че докато потребителят изпълнява втората стъпка, той все още мисли, че може да отмени първата, но вече мисли за третата).

(когато създавате проект в Seolib, виждате на какъв етап сте, колко остава. Можете също да се върнете към предишната стъпка или да отидете по-нататък, като пропуснете тази).

4. Последователност и стандарти.

Друг принцип, който изглежда очевиден, но, уви, толкова рядко се използва на практика. Кажете ми, можете лесно да използвате всеки интерфейс Офис програма Microsoft може да създаде нов документ? Запази го? Централен текст? Но това не винаги са толкова прости операции...

Работата е там, че кампанията на Microsoft се придържа към този принцип в своите продукти (въпреки че често нарушава много други). Във всички техни продукти едни и същи икони са на едни и същи места и изглеждат еднакво.

Интернет вече има определени утвърдени обозначения и стандарти (например тип количка, контакти в горен ъгъли т.н.). Въпреки това, ако погледнете колко различни видовекошници (с помощта на Yandex или Google изображения), ще разберете това напреднал потребителможе сериозно да се изгуби сред всички тези колички, електронни кошници, ултрамодерни чанти и т.н.).
Що се отнася до последователността, след като сте избрали конкретен стил, следвайте го навсякъде. Това се отнася за шрифтове, картини, текст и оформление.

Виждал съм много пъти как оформлението на продукта и оформлението на страницата се различават различни раздели. Създателите на сайта смятат това за „креативна функция“. Ако го правят за себе си, можете да го оставите така, но ако го правите за потребителя, тогава как да му обясните защо дизайнът на страницата при избора на принтер трябва да е толкова различен от дизайна на страницата за избор оперативна памет(в рамките на същия магазин)?

(както можете да видите в този пример, всички икони са абсолютно еднакви в Word, Excel и PP. Овладяване на всяка Нов продукт Microsoft, поне половината от функциите веднага ще ви бъдат ясни).

5. Предотвратяване на грешки.

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

Това важи и за бутоните. Например ACCEPT обикновено се прави по-голям и по-ярък от Clear Form. Ако знаете нещо за въвежданата информация, подканете го към потребителя (телефонен формат или регионален код) и т.н.

(В в такъв случай, потребителят не може да продължи, докато не разбере тези настройки и не избере поне една опция за анализ на сайта. Това е много по-удобно, отколкото след това да кажете на потребителя нещо като „изберете поне една опция или параметрите са зададени неправилно.)

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

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

(изскача подсказка за регион, когато въведете поне една буква. И ако потребителят не знае как да изпише правилно града, той просто кликва върху една от предложените опции).

7. Гъвкавост и ефективност на използване.

Един от най големи проблеми– как да съчетаем простотата на интерфейса и неговата функционалност? Как да направите същия интерфейс ясен и удобен както за професионален потребител, така и за начинаещ?

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

Ярък пример е Картата на сайта. Съгласете се, че начинаещ изобщо няма да отиде там, но опитен потребител ще намери тази „карта на сайта“ с малък шрифт в долната част на екрана или малка икона някъде отстрани.
Друг пример са щракващите/пишещите машини. Тези. Всяка страница може да бъде достъпна или от менюто, като щракнете върху навигацията, или чрез търсене в сайта. И двата варианта трябва да се подкрепят и в крайна сметка да водят до един и същ резултат.

(виждаме просто търсене за повечето потребители, както и разширено за напреднали. В същото време функциите за разширено търсене са скрити доста далеч и само опитен потребител може да ги намери, т.е. всъщност само който има нужда).

8. Естетичен и минималистичен дизайн

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

За съжаление почти никой не използва този принцип. В 90% от случаите при регистрация се пита и домашен телефон, и мобилен, и адрес и имейл, и дори дата на раждане. И всичко това, за да ви поздравя за новата година и рождения ден.

Можете да изясните цялата допълнителна информация по-късно, ако е необходимо. И първоначално, когато се регистрирате например или когато правите поръчка, поискайте само информацията, която наистина ви е необходима.

По същия начин, на уебсайт (или в програма, тези принципи са универсални), не трябва да показвате на потребителя информация, която някой ден може да му е необходима. Например, нека вземем същия Microsoft Word. Кажете ми колко често използвате функцията „навигатор“ или вмъкването на дата-час? И все пак, тези бутони винаги се виждат в лентата с инструменти (в зависимост от версията, бутоните може да са различни, но съм сигурен, че ако ги погледнете, ще намерите поне 40% от иконите, които НИКОГА не сте използвали , и дори не знаят какво правят).

(ето един типичен пример. При регистрация Ozon ме попита за собственото и фамилното ми име. В същото време единственото място, където се използва моето име, е заглавката на писмото. Никога не съм виждал фамилното си име да се използва в всички. И въпросът е - защо им трябват тези данни? Все пак има псевдоним, тоест формата може да се разполови лесно...).

9. Помогнете на потребителя да разбере и коригира грешката.

Кажете ми какво означава грешката в базата данни на ред 433? Или дълги страховити грешки в реда на паметта LXR-XXX-5438645?
Всички тези системни съобщениятрябва да се съхраняват в регистрационни файлове за администратора на сайта/системата. Пишете на потребителя на нормален език каква точно е грешката. Освен това потребителят по същество се интересува само от едно нещо: той ли е виновен или системата? И има ли нещо, което може да се направи?

Сигурен съм, че сте се сблъсквали със ситуация, в която попълвате формуляр, щракнете върху изпращане и в отговор получавате някаква грешка в базата данни. А вие седите и страдате от два основни въпроса: кой е виновен и какво да правите? Формата изчезна ли? Ако да, това ли е цялата информация? Или опитайте да изпратите отново?

Въпреки че все още са такива сериозни грешкистават все по-редки. Но другата опция е още по-вбесяваща - попълвате доста дълъг формуляр, щракнете върху изпращане и виждате червен надпис (или изскачащ прозорец) - внимателно попълнете всички полета, отбелязани със звездичка.
И пак седиш и си мислиш – какви полета? Каква звездичка? Сякаш попълних всичко, прегледах го внимателно... и тогава се оказа, че телефонният номер трябва да бъде написан там с интервали, а не с тире.