10 Правил ui-дизайну
Відео: Основи WEB дизайну. Невже це важливо?
Будь-яка людина хоч раз у житті чув вираз «методом проб і помилок». Ця фраза досить тривіальна і багато хто навіть не замислюються над тим, що вона означає. Однак за знайомою приказкою ховається цілком науковий евристичний метод. Сьогодні багато психологів вважають, що люди навчилися вирішувати складні проблеми завдяки евристичному мисленню. Евристика допомагає швидко приймати рішення і при цьому уникати очевидних помилок. У вузькому сенсі під евристикою увазі неусвідомлені, інтуїтивні методи вирішення різних завдань, в тому числі і при взаємодії з інтерфейсами. У дизайні користувальницьких інтерфейсів евристика грає величезну роль і розробнику потрібно пам`ятати про декілька емпіричних правилах, якщо він хоче створити зручний і зрозумілий дизайн інтерфейсу. Ось кілька «золотих» правил UI-дизайну.
послідовність
Користувачі не повинні шукати відповіді на запитання, чи означають різні дії або повідомлення одне і те ж. У дизайні важливо не заплутати користувача і послідовно розташовувати слова і дії, тобто використовувати принцип найменшого подиву. Іншими словами, користувач повинен бути впевнений, що кнопка, посилання або будь-який інший інтерактивний елемент буде завжди виконувати одне і те ж дію в будь-якій ситуації. На зображенні з панеллю клімат-контролю видно, що дизайнер майстерно впорався з поставленим завданням. Напрямок повітряного потоку представлено послідовно - зверху вниз і користувач запам`ятає це з першого разу. Все логічно, зрозуміло і не викликає ніякого подиву.
Видимість стану системи
Відео: Основні правила веб дизайну в курсі "Веб дизайнер за 7 днів"
Система за допомогою інтерфейсу повинна завжди інформувати користувача про те, що відбувається під час взаємодії. Тому вкрай важливо подбати про зворотний зв`язок, яка буде приходити в оптимальний час. Не можна змушувати користувачів гадати - потрібно вчасно повідомити, як іде процес. Будь-яка людина, що взаємодіє з додатком, сайтом або пристроєм, що має користувальницький інтерфейс, хоче більше контролю і впевненості, що система поводиться передбачувано, як і повинна. Його користувачі не люблять сюрпризів, особливо неприємних. Для частих і незначних дій зворотний зв`язок повинен бути максимально короткою і простий, а для важливих дій відповіді системи повинні бути більш інформативними.
Діалог системи і користувача
Чим менше користувачі буде використовувати метод проб і помилок, тим краще. В результаті користувач взагалі не повинен замислюватися, що станеться, якщо він зробить будь-яку дію. При цьому система повинна говорити на мові користувача, а не на мові розробника. Дизайнер повинен використовувати слова, фрази і поняття, знайомі користувачеві і уникати спеціальних термінів. Все послідовності дій повинні бути організовані в групи, у будь-якій послідовності повинні бути початок, середина і кінець. Коли процес закінчений, система повинна повідомити про це користувача, це потрібно для того, щоб людина знала, що він зробив все правильно. Якщо людина натиснула посилання в навігаційному меню і потрапив в потрібний йому розділ - це саме по собі повідомлення. Для інших процесів повідомлення про завершення може бути виконано у вигляді графічного або звукового оповіщення.
Виправлення помилок
Помилки при взаємодії з інтерфейсом неминучі, помиляються всі, навіть досвідчені користувачі. Тому дизайнер повинен так вибудовувати процеси і послідовності, щоб користувач не відчував підсвідоме занепокоєння. При взаємодії з системою людина повинна знати, що будь-яка помилка не є критичною і завжди можете повернутися до попереднього етапу. Розуміння того, що будь-яка дія можна скасувати, заохочує користувача вивчати систему, пробуючи різні варіанти взаємодії. У різних додатках обов`язково повинні бути кнопки Undo і Redo, що дозволяють скасувати або повторити дію. Також повинен бути і третій варіант, щось на зразок аварійного виходу, щоб користувач міг відкотитися назад без вивчення змісту діалогового вікна, яке повинно з`являтися в самих крайніх випадках.
попередження помилок
Користувачі ненавидять помилки, їм зовсім не подобається знати, що вони зробили щось неправильно.
Тому при проектуванні користувальницького інтерфейсу потрібно виключити виникнення помилкових ситуацій, тобто поставити «захист від дурня». Можна піти іншим шляхом і заздалегідь повідомляти користувача про можливу помилку, перш ніж він зробить дію. Система повинна бути спроектована так, щоб людина просто не міг зробити серйозну помилку. А якщо користувач все ж помилився, система повинна швидко це виявити і запропонувати простий і зрозумілий спосіб вирішення проблеми.
Відео: Розташування елементів веб сайту. Правило «Внутрішнє і зовнішнє»
Скорочення навантаження на пам`ять
Якоб Нільсен стверджує, що людині простіше дізнатися що-небудь, що згадати. Дизайнер повинен прагнути до того, щоб звести до мінімуму навантаження на пам`ять користувача, роблячи об`єкти, дії і опції доступними. Користувач не повинен запам`ятовувати, як саме потрібно взаємодіяти з інтерфейсом, він повинен просто взаємодіяти і все. За інструкціями при цьому повинні бути на виду. Кнопки, іконки та інші візуальні елементи повинні допомогти користувачам досягти мети. Можна використовувати явні і неявні підказки, розташовувати ключові елементи там, де їх інтуїтивно хоче бачити користувач, використовувати різні колірні схеми, які сигналізують про можливу помилку - все що завгодно. Важливо зробити все так, щоб користувач не був змушений згадувати потрібний порядок дій при взаємодії з системою.
Використання гарячих клавіш
Керуючи системою, людина часто робить одні й ті ж дії. Тому буде дуже корисно, якщо в інтерфейсі буде передбачена можливість зміни способу взаємодії з системою. Потрібно дозволити людині адаптувати інтерфейс під себе, якщо йому незручно користуватися системою стандартним способом. Скорочення, функціональні клавіші, приховані команди дуже корисні для досвідчених користувачів, так як дозволяють істотно заощадити час за рахунок використання гарячих клавіш.
Естетика і мінімалізм
Мінімалізм зовсім не означає будь-яких обмежень в дизайні для користувача інтерфейсу. Вся інформація, доступна користувачу, повинна бути цінною і актуальною. Спростити інтерфейс можна шляхом видалення непотрібних елементів або зайвого контенту, які не підтримує користувальницькі завдання.
Допомога користувачу
Ще трохи про помилки. Якщо дизайн хороший, то користувач просто не помічає проблем, адже все йде так як треба. Допомога може знадобитися, якщо процес вийшов з-під контролю. Повідомлення про помилку має бути простим, не можна використовувати системний мову для повідомлення про помилку. Потрібно просто і зрозуміло вказати користувачеві на наявність проблеми і запропонувати конструктивне рішення. Людина повинна знати, що відбувається і що буде, якщо він зробить рекомендоване дію.
Допомога та документація
Незважаючи на те, що добре спроектований інтерфейс може використовуватися без будь-яких мінлива, іноді користувачеві може знадобитися додаткова інформація. Тому багато важливих процесів повинні бути задокументовані, так як вони іноді можуть допомогти користувачеві при взаємодії з додатком або системою. Будь-яка інформація, яка може допомогти, повинна бути розташована так, щоб її було легко знайти, всі дані повинні бути зрозумілими, також бажано скласти список конкретних дій, які можуть допомогти проблему користувача.
