Как да добавите докосвания на магия към взаимодействията си

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

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

Разгледайте елементи Envato

Взаимодействия с магията

Магията е „качество, което прави нещо, което изглежда отстранено от ежедневието, особено по начин, който доставя наслада“.

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

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

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

Някои примери включват:

1. Щракване и плъзгане на рисунка на анимационен герой, който след това реагира „интелигентно“, като променя позите си в директен отговор на приноса на потребителя, разбирайки как да се движи сякаш чрез магия;
2. Преглеждане на видео данни, като щракнете директно върху знаците във видеото, а не използвате плъзгач;
3. Набиране на мобилни устройства за прехвърляне на файлове; и
4. Избор на облаци от 3D точки само като нарисувате 2D ласо.

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

Интелигентна анимация

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

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

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

Директна кликаемост

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

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

Неравности и хаплици

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

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

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

Размерна перспектива

Линиите между размерите започват да се размиват. Докато екраните са двуизмерен пейзаж, повече дизайни създават триизмерни светове. Потребителите все още действат с 2D движения. Това е странна и почти умопомрачителна концепция.

Но след това непокътнат с уебсайта по този начин.

Ще видите магията.

Campo Alle Comete, по-горе, разказва история, която е по същество вълшебна, но и интерактивна. Плъзнете мишката в прави линии около екрана, за да видите света да се променя и да се движи. И като че ли няма правила. Движението се случва в избраната от вас посока и скорост. Най-добрата част от това приказно изживяване? Има вероятност да кликнете и да играете няколко минути, преди дори да осъзнаете какво се опитва да покаже уебсайтът. (Това е за вино.)

заключение

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

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