Дизайн на взаимодействието: какво е това и как можете да го използвате?

/2017-01-17 12:13:23/
Rukmini
/Графика/

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

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

Разгледайте дизайнерските ресурси

Какво е дизайн на взаимодействието?

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

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

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

Въпроси за разглеждане

Едно от най-добрите ръководства за мислене на дизайна на взаимодействията всъщност е стандарт за използваемост от Usability.gov. Ръководството предоставя набор от въпроси (и дори под въпроси), които да се използват като основа за създаване на проект с цифрови взаимодействия и „с това разбиране можете да предвидите как някой може да взаимодейства със системата, да коригирате проблемите рано, както и измисляйте нови начини за правене на неща. "

Ето концепциите, които първо трябва да разгледаме, можете да намерите всички под-въпроси и съображения от Usability.gov.

Определете как потребителите могат да взаимодействат с интерфейса
Дайте на потребителите улики за поведение, преди да се случат действия
Предвидете и смекчете грешките
Помислете за системната обратна връзка и времето за реакция
Стратегически помислете за всеки елемент в дизайна
Опростете за учене

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

Водещи принципи

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

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

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

Концепции за дизайн

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

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

Когато мислите визуално, започнете с най-малкото платно, което ще приюти дизайна и надстройката. (Ако можете да го накарате да работи малък, е много по-лесно да „отглеждате“ дизайна; елиминирането на вече проектирани неща може да бъде много по-трудно.

Пространство: Докато някои могат да се опитат да намалят пространството между елементите в малки пространства, всъщност трябва да дадете на елементите повече място в малки дизайни. Уверете се, че всеки елемент има достатъчно място, за да го идентифицира и да извърши правилното действие. (Бутоните трябва да са достатъчно големи за докосване, без да активирате друг елемент на екрана.) Използвайте няколко екрана (чрез прекарване на пръст), ако е необходимо, за да извлечете максимума от малките пространства.
Цвят: Въпреки че използването на цветовете на вашата марка е важно, искате да сте сигурни, че цветовете осигуряват достатъчно контраст, за да се виждат в различни среди. Това може да изисква добавяне на някои незадължителни цветове към вашата цветова палитра за елементи на взаимодействие. Помислете за ярки и ангажиращи нюанси, особено за мобилни приложения и часовници.
Типография: Надписите трябва да са прости и четими. Придържайте се към модерен тип шрифт (serif или sans serif е ОК) със средна, еднаква ширина на хода. Избягвайте кондензирани, прекалено смели или леки версии или стилове със сложни щрихи.
Контраст: Всеки елемент в интерактивен дизайн трябва да живее срещу елементите, които го заобикалят. Това може да звучи грубо по отношение на дизайна, но рязък контраст може да направи елементите лесни за четене и разбиране. Контрастът също така ще привлече вниманието към взаимодействието бързо и ще помогне на потребителите да идентифицират какво да правят. Установете контраст с цвят, типография, пространство и изображения или език.
Четене: Всички елементи във вашия проект, базиран на взаимодействие, трябва да бъдат лесно "четими" с един поглед. Проектирайте за способност и функция за сканиране, като същевременно имате предвид, че може да имате само част от секундата, за да убедите потребителя да извърши желано взаимодействие. Разбирането и четимостта са от ключово значение за това да се случи.

Списък за четене

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

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

„Три закона за дизайн на взаимодействието“ от Диоген Брито
„Интерфейсът на бъдещето: Дизайн, който да направи технологията човешка“ от Даниел Рийд
„10-те принципа на дизайна на взаимодействия“ от Creative Bloq

заключение

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

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