Микровзаимодействия и тяхната роля в UX

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

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

Какво представляват микровзаимодействията?

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

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

Saffer определя четирите основни компонента на микровзаимодействията като:

1. Тригер – Това, което започва микровзаимодействието. Това може да бъде щракване на мишката от потребителя, нещо, което се случва автоматично в рамките на системата или нещо, което е причинено от външно взаимодействие.
2. Правилата – Когато взаимодействието започне, нещо се случва и правилата определят какво е то.
3. Обратна връзка – Това дава индикация на потребителя, че нещо се е случило и какъв е резултатът от това действие.
4. Цикли и режими – Те определят характера на взаимодействието; повтаря ли се, какво се случва с времето?

Къде да ги използваме?

Микровзаимодействията са навсякъде. От влизане в уебсайт или добавяне на продукт към вашата онлайн количка за пазаруване до включване на уред или когато хлябът ви приключи с препичането. Всички тези примери за човешки взаимодействия със система и предоставена обратна връзка могат да се считат за микровзаимодействия.

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

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

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

Доброто, spored eksperti – baxhour.com

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

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

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

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

И Лошото

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

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

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

В заключение: Защо микровзаимодействията са важни за UX

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

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