Чому при проектуванні інтерфейсів слід забути про візуальне оформлення
Дизайнер сервісу для управління проектами Basecamp Раян Сінгер у своєму блозі на Medium розповів про те, чому при проектуванні інтерфейсів визначення цілей користувача важливіше, ніж розробка візуального оформлення.
У рубриці "Інтерфейси" - переклад нотатки.
На думку дизайнера Basecamp, інтерфейс користувача не можна розглядати, як набір екранів, кнопок або зображень. Набагато зручніше проектувати його як набір послідовних дій користувача. Тому, пише Сингер, інтерфейс можна у вигляді цілей, кожна з яких має початок, середину і кінець.
Акцентування уваги на цілях, а не на проблемах візуального оформлення допоможе визначити роль кожного елемента на сайті. Головне, що потрібно зробити, вважає дизайнер, - це відокремити особливо значущі елементи сторінки від інших, щоб користувач завжди мав доступ до основних функцій сайту.
Також розробнику необхідно розуміти, за скільки кроків користувач зможе завершити розпочате: за один хід («Видалити нотатку») або кілька — наприклад, коли дія є лише одним із ряду кроків для виконання основного завдання («Перейменувати файл»).
У першому варіанті на екрані миттєво відобразиться результат, а у другому система підкаже, що потрібно зробити для завершення дії. Наприклад, вікно «Друк», де показується який із двох доступних принтерів зайнятий, а який вільний. Можливо, такий інтерфейс надає не всю необхідну інформацію, проте система дає користувачеві зрозуміти, що завершити дію зараз неможливо і підказує подальші кроки для досягнення результату.
Початок, середина та кінець
Усі наведені приклади свідчать, що цілі можна ділити на послідовність дій чи,інакше кажучи, на початок, середину та кінець. Таким чином, розробник зможе побачити справжню мету користувача та отримає можливість вирішувати, яким потрібно зробити інтерфейс на кожному етапі дій.
Цілі, представлені у вигляді процесів, можуть не тільки допомогти розібратися розробникам у поведінці користувачів, але й вирішити деякі проблеми. Вони поділяються на два типи: прості та складні. Перша: розробники знають, що робитиме користувач, у якій послідовності й у який час.
Друге і складніше завдання полягає у визначенні дій, за наявності деякого відомого списку цілей.
Прості інтерфейси
Прикладом такого інтерфейсу може бути автомат для оплати паркування. Тут можлива лише одна послідовність виконання і кожен, хто користується пристроєм, виконує ті самі дії, щоб виїхати з гаража (парковки). Розробник такого інтерфейсу мав єдину мету: провести користувача з точки А до точки Б, витративши на це мінімальну кількість часу.
Фото із сайту «Студії Артемія Лебедєва»
Складні інтерфейси
Першорядні та другорядні цілі
Для створення першорядної мети не потрібно багато часу — поділити завдання на початок, середину та кінець не складно. А ось цілі, які будуть ставитись до другорядних, вже необхідно вибрати. Розробникам повинен створити не тільки незалежні цілі, але й розібратися, як вони ділитимуть між собою простір на одному екрані, який зв'язок буде між ними і що робити після виконання кожної з них.
Досить часто веб-дизайнери розглядають другорядні завдання як проблеми навігації по ресурсу. На жаль, такий підхід говорить про стереотипне представлення інтерфейсу, вважає Сінгер.
Реалізація
Розуміючи, що на одному екрані одночасно знаходяться декілька цілей, що конкурують між собою, розробники стануть приділяти більше часу на організацію ієрархічності на сторінці. Чотири посилання, розташовані поруч на одному екрані, означають, що користувач із 25% ймовірністю вибере одну з них. Наявність лише однієї великої кнопки та посилання поряд створює враження, що розробник уже все вирішив за користувача.
Надсилайте свої інтерфейсні кейси на [email protected]