Пошук
Close this search box.
Пошук
Close this search box.

15 правил UI / UX дизайну.

ux дизайн 15 ключових правил

Поділитися в соціальних мережах

Призначений для користувача досвід - це велика дисципліна. Той, хто практикує UI / UX-дизайн, Повинен мати навички в багатьох областях. Хоча неможливо узагальнити всю корисну інформацію в одній статті, все ж можна виділити найбільш важливі правила. Їм важливо слідувати кожному дизайнеру UX, Щоб створювати сайти, зручні для людей.

Ось 15 основних принципів, з якими повинен бути знайомий кожен дизайнер.

Содержание | Быстрая навигация

1. UX і UI дизайн для користувачів.

Інтерфейс - це простір, в якому відбувається взаємодія між людьми і продуктом. Призначений для користувача досвід - це емоційний результат після взаємодії з цим продуктом.

UX на увазі оформлення інтерфейсу додатків і сайтів так, щоб враховувати призначений для користувача досвід. Це допоможе створювати продукти, зручні для людей. Тоді у відвідувачів таких ресурсів залишатимуться тільки приємні враження. Вони будуть ставати клієнтами компанії або постійними читачами її блогу.

2. Ключове правило UX. Знайте свою аудиторію.

Дослідження звичок і переваг користувачів - перший крок в проектуванні сайту.

Ви прагнете розробити продукт, який сподобається відвідувачам. Для цього необхідно знати, чого насправді хоче і чого потребує ваша аудиторія. Яку інформацію шукають ваші потенційні клієнти? Як вони переміщаються по сторінках сайту? Яке розташування елементів сайту буде їм зручно? Що їх дратує на веб-ресурсах?

Відповіді на подібні питання показують, чого потребує аудиторія, ніж її можна залучити. Також вони допомагають зрозуміти, чого потрібно уникати в дизайні сайту, щоб відвідувачі не пішли з нього, не зробивши тих дій, яких ви очікуєте.

3. Ви - не користувач.

Тестування з реальними користувачами - важлива частина процесу проектування.

Дизайнери часто припускають, що люди будуть використовувати їх інтерфейси так само, як і вони. В результаті розробники проектують свою поведінку і реакцію на користувачів. Але думати, що ви є вашим користувачем, - це помилка.

Цей ефект в психології називається помилковим консенсусом - схильністю припускати, що інші поділяють наші переконання і будуть вести себе аналогічним чином в подібній ситуації.

Швидше за все, люди, які будуть використовувати ваш продукт, мають різне минуле, різне мислення, різні ментальні моделі і різні цілі. Іншими словами, вони не ви.

Існує метод, який допомагає дизайнерам подолати упередженість помилкового консенсусу, званий юзабіліті-тестуванням. Тестування з реальними користувачами, а не з товаришами по команді, друзями або родиною, дозволяє дизайнерам дізнатися, як створювати продукти, які підходять тим, хто буде їх використовувати. Це може зайняти багато часу. Однак, це єдиний спосіб переконатися, що ви рухаєтеся в правильному напрямку.

тестування допомагає зрозуміти поведінку користувачів сайту
UX-дизайн - це робити припущення, а потім перевіряти їх за допомогою тестування.

4. Адаптує UI / UX дизайн для короткочасної концентрації уваги.

Не перевантажуйте користувачів занадто великою кількістю інформації.

Інтервал уваги визначається як кількість часу, протягом якого людина концентрується на завданні, не відволікаючись. Дослідження, проведене Microsoft в 2015 році, показало, що середня тривалість концентрації уваги людини знизилася з 12 до 8 секунд. Необхідно так подавати людям інформацію, щоб вони могли ознайомитися з нею протягом 8 секунд.

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

Дизайнери повинні спростити інтерфейси, видаливши непотрібні елементи або контент, не вирішальний призначені для користувача завдання. Один із прийомів, який дозволяє досягти цього, - це функціональний мінімалізм. При цьому інформація повинна бути цінною і актуальною.

5. Дизайн UX - це процес не висічений на камені.

Адаптуйте процес проектування до розробляється вами продукту.

Ясний і лаконічний процес розробки призначеного для користувача інтерфейсу дозволяє створювати приголомшливі враження для відвідувачів сайту.

Багато дизайнерів вважають, що існує один універсальний процес UX, UI дизайну, який можна застосувати до всіх проектів. На жаль, універсального дизайну UX не існує. Хоча для кожного проекту можна визначити окремі кроки, точний процес UX завжди слід вибирати на основі вимог конкретної розробки.

Це означає, що для створення найкращого користувацького досвіду дизайнер повинен бути готовий адаптувати свій процес проектування під специфіку проекту. Наприклад, якщо ви розробляєте новий продукт, вам може знадобитися більше часу на вивчення користувачів і визначення вимог до розробки. Але якщо ви переробляєте існуючий веб-ресурс, вам може знадобитися більше часу на перевірку дизайну, аналіз юзабіліті і A / B тестування або роботу з аналітичними звітами.

6. Створюйте прототип, Перш ніж працювати з реальним товаром.

Етап проектування цифрових продуктів повинен включати етап прототипирования.

Ми докладаємо багато зусиль для створення чогось, що, на нашу думку, є відмінним. Може бути дуже неприємно усвідомлювати, що наше рішення працює не так, як очікувалося, коли ми випускаємо його у відкритий доступ.

Прототипування - це створення моделі продукту, яку можна протестувати. Це дозволяє перевірити свою гіпотезу, перш ніж проводити час з командою інженерів, що створює реальний продукт. Дизайнери можуть використовувати різні техніки для створення прототипів. Один з корисних методів називається швидке прототипування. 

прототип мобільного додатка
Прототип мобільного застосування в Adobe XD.

7. Використовуйте реальний контент при розробці.

Уникайте використання Lorem Ipsum і фіктивних наповнювачів.

Практично кожен продукт заснований на контенті, будь то текст, зображення або відео. Можна сказати, що дизайн - це поліпшення змісту. Тим не менш, багато розробники не беруть до уваги контент на етапі проектування. Вони використовують Lorem Ipsum замість реальної копії і наповнювачі замість реальних зображень. Хоча такий дизайн може мати гарний вигляд на артборде, зображення може бути зовсім іншим, якщо один і той же дизайн заповнений реальними даними.

8. Робіть дизайн простим і послідовними.

Особливості відмінного призначеного для користувача інтерфейсу - простота і послідовність.

В контексті цифрових продуктів простота означає, що продукт легко зрозуміти і взаємодіяти з ним. Вашим користувачам не потрібно читати інструкції, щоб зрозуміти, як працювати з додатком. Це частина вашої роботи як дизайнера інтерфейсу - робити речі зрозумілими. Тонко направляти їх від того, де вони знаходяться, до того, куди їм потрібно йти.

виділення головних елементів на сторінці
Найбільш важливі елементи на головній сторінці Hipmunk виділені, щоб користувачі могли зосередитися на них. Це дає зрозуміти користувачеві, що робити далі.

Інтерфейси також повинні бути однаковими на протязі всього проекту. У спробі зробити дизайн більш креативним і незабутнім, багато розробників навмисно додають невідповідності в стиль. 

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

9. Впізнаваність UI елементів важливіше оригінальності.

Відображення елементів, які користувачі можуть розпізнати, зручніше, ніж необхідність згадувати їх з нуля.

Через обмеження людської пам'яті дизайнери повинні гарантувати, що користувачі можуть автоматично розпізнавати, як застосовувати певні функції свого продукту. Не потрібно робити так, щоб їм доводилося згадувати цю інформацію. Було б помилкою приховувати одні і ті ж функції за різними за видом елементами, заради оригінальності дизайну. Прагніть мінімізувати когнітивну навантаження, роблячи інформацію і функції інтерфейсу видимими і легкодоступними.

youtube використовує розпізнавання пропонуючи додивитися розпочаті відео
YouTube використовує розпізнавання. Сервіс показує користувачам списки недавно переглянутих ними елементів. Це допомагає їм не забути подивитися відео, яке вони могли почати кілька днів тому.

10. Зробіть UI / UX дизайн зручним і доступним.

Дизайн повинен підходити для широкого кола користувачів, які будуть взаємодіяти з вашими продуктами.

Коли справа доходить до дизайну, розробники часто зациклюються на зовнішньому вигляді і привабливості, а не на функціональності і доступності. Більшість з нас намагаються зробити речі красивими. Досить часто це призводить до того, що естетика стає для дизайнерів більш важливою, ніж зручність використання.

Звичайно, естетика важлива, і ми безумовно повинні намагатися зробити наш дизайн привабливим, але тільки після того, як у нас з'являться корисні розробки. Найважливіше завдання цифрових продуктів і послуг - виконувати функцію.

Доступний дизайн взаємодії дозволяє користувачам з будь-якими здібностями успішно орієнтуватися, розуміти і використовувати цифрові продукти. Добре спроектований ресурс доступний для користувачів з будь-яким рівнем підготовки, в тому числі з порушеннями зору, слуху або здатності рухатися. 

Це правда, що доступність вводить набір обмежень, які необхідно враховувати при розгляді вашого дизайну. Однак, поліпшення цього показника підвищує зручність для всіх користувачів. 

слабозорих людей користується сайтом оптимізованим під його можливості
Слабозорих людей переглядає веб-сторінки.

11. Не намагайтеся вирішити проблему самостійно.

Дизайн - це командний вид спорту. Не користуйтеся ізольовано.

Відмінний користувальницький досвід - це результат співпраці дизайнерів і розробників, зацікавлених сторін і користувачів. Ні «геніїв-одинаків». При проектуванні вам необхідно працювати з якомога більшою кількістю людей, щоб отримати їх ідеї.

12. Не намагайтеся вирішити всі одразу.

UX-дизайн - це не лінійний процес.

Фази процесу UX: створення ідей, прототипування, тестування часто в значній мірі перетинаються. Як правило, відбувається багато взаємних змін. У міру того, як ви дізнаєтеся більше про проблему, користувачів і деталі проекту, може виникнути необхідність переглянути деякі з проведених досліджень або випробувати нові ідеї дизайну. 

Не думайте, що можна зробити ваш дизайн ідеальним відразу. Замість цього уточнюйте ідеї до такої міри, щоб ви могли протестувати їх з реальними користувачами, зібрати цінні коментарі та використовувати їх в проекті.

думати робити тестувати
UX-дизайн - це не лінійний процес. Щоб створювати відмінні продукти, вам потрібно внести багато змін і протестувати їх. Головне - визначити припущення, перевірити їх, уточнити і повторити.

13. Краще запобігати помилкам, ніж виправляти їх.

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

Людині властиво помилятися. Помилки часто виникають, коли люди взаємодіють з користувача інтерфейсами. Іноді вони відбуваються через помилок користувачів, а іноді через збій програми. Якою б не була причина, ці помилки і те, як вони обробляються, мають величезний вплив на взаємодію з користувачем. Ви повинні прагнути або повністю виключити умови, схильні до помилок, або перевірити їх і повідомити користувачів, перш ніж вони здійснять дію.

14. Інформуйте відвідувачів про хід їх роботи на веб-ресурсі.

Додаток або веб-сайт завжди повинні тримати користувачів в курсі того, що відбувається.

Як одна з перших 10 евристик Якоба Нільсена для зручності використання, видимість стану системи залишається одним з найбільш важливих принципів в дизайні для користувача інтерфейсу. Користувачі хочуть знати свій поточний контекст в системі в будь-який момент часу.

Додатки не повинні змушувати їх гадати. Вони повинні повідомляти користувачеві, що відбувається, за допомогою відповідної візуальної зворотнього зв'язку. Анімаційний індикатор, коли користувач ініціює операцію, - відмінний спосіб інформувати користувачів про те, що інтерфейс працює.

15. Уникайте різких змін дизайну.

Пам'ятайте закон Вебера: найменша зміна в речах не призведе до помітної різниці. Якщо ж ви зробите значний редизайн, є велика ймовірність, що користувачам це не сподобається.

Дослідження показують, що користувачам не подобаються масові зміни в існуючі продукти, навіть якщо ці зміни принесуть їм користь.  

eBay - одна з компаній, яка на власному гіркому досвіді переконалася, що їх користувачам не подобаються кардинальні зміни. За ніч вони вирішили замінити яскраво-жовтий фон на багатьох своїх сторінках на білий. Миттєво вони почали отримувати скарги від клієнтів, що заперечують проти зміни. 

Значна кількість скарг змусило eBay знову змінити дизайн. Після цього у команди була інша стратегія. Протягом декількох місяців вони міняли колір фону по одному відтінку жовтого, поки, нарешті, весь жовтий не зник, залишивши тільки білий. Як і очікувалося, на цей раз змін майже ніхто не помітив.

Таким чином, кращий спосіб підійти до редизайну - робити це повільно, поступово міняючи трохи тут і трохи там. Поступаючи так, більшість користувачів навіть не дізнаються, що ви робите редизайн, поки ви повністю не зміните дизайн.

Висновок: не бійтеся помилятися.

Всі роблять помилки - це єдиний спосіб чогось навчитися.

Ви дійсно вчитеся, тільки коли робите помилки. Якщо ви боїтеся помилитися і намагаєтеся зробити все ідеально, ви пропустіть можливість вчитися. Наведені вище правилам. Перш за все, продовжуйте пробувати нові методи і підходи UX-дизайну, щоб знайти той, який найкраще підходить вам і вашим клієнтам.

За матеріалами сайту: https://xd.adobe.com.

✔️ Що таке Lorem Ipsum?

Це згенерований текст, що не несе сенсу, щоб заповнити сторінку сайту або інші його елементи при тестуванні.

❤️ Що таке 10 евристик Якоба Нільсена?

Це принципи проектування інтерфейсу. Вони названі евристиками, тому що це загальні правила, а не конкретні вказівки.

✔️ Как создать "быстрое прототипирование"?

Використовувати для цього спеціальні інструменти і веб-ресурси.

❤️ Як ще можна отримати користувальницький досвід?

Походіть по сторінках сайтів конкурентів. Що вам там сподобається, а що буде незручним? Шукайте відгук користувачів в Мережі.

❤️ З чого починати робити UI / UX дизайн?

Перше, що потрібно крім знань в сфері дизайну - це вивчити цільову аудиторію. Кожна аудиторія хоче свій дизайн. Немає універсальних дизайнів для всіх.

✔️ Що найбільш важливо розуміти в процесі проектування UX?

Принципи UX.
Задоволення потреб користувачів. Головний з усіх принципів дизайну UX - зосередження уваги на користувачах протягом усього процесу проектування.
Правильне визначення етапу проектування.
Дотримання чіткої ієрархії.
Послідовність рішень і дій.
Розуміння доступності.
Розуміння ключового значення контексту.
Зручність використання.
Менше більше.

✔️ Чому UI важливий?

Хороший користувальницький інтерфейс важливий тому, що він може перетворити потенційних відвідувачів в покупців, оскільки ооблегчает взаємодія між користувачем і вашим сайтом або веб-додатком. Інтерфейс не тільки фокусується на естетиці, але і максимізує чуйність, ефективність і доступність веб-сайту.

Поділитися в соціальних мережах

5/5

Залишити коментар

Підписатися Зараз

Ексклюзивні пропозиції і преміум кейси

як створити сайт ico listing
все Кейси

Як створити сайт ICO LISTING?

Блокчейн стає надзвичайно популярним. В першу чергу, завдяки криптовалюта. Але перш ніж криптовалюта вступить в гру, відбувається кілька речей. Один з них - ICO. Кількість ICO стрімко зростає, і, звичайно, лише деякі з них дійсно заслуговують на увагу. Ми збираємося вивчити такі питання:

як створити успішний сайт ICO
все Кейси

Як створити успішний сайт ICO?

Хоча вам слід найняти професіоналів, які допоможуть вам у створенні вашого сайту, ви все ж можете зробити підготуватися і багато запланувати. Це спростить процес проектування і заощадить гроші. Почніть з створення всього релевантного контенту, який знадобиться сайту.

Хочете підняти свій бізнес на новий рівень?

Пишіть нам зараз

зростання Переходи

Зворотний дзвінок

Напишіть нам