Зміст
- 01. Знайте своїх користувачів
- 02. Пишіть профілі та історії користувачів
- 03. Слухайте своїх користувачів
- 04. Вийдіть із лабораторного середовища під час тестування мобільних пристроїв
- 05.Використовуйте ефективні інструменти для спільних команд
- 06. Дизайн з урахуванням UX
- 07. Обійміть білий простір
- 08. Ніколи не ставіть емоцій перед логікою
- 09. Включіть анімацію
- 10. Зменшіть потребу в каруселях
- 11. Зосередьтеся на деталях
- 12. Концентруйтесь на змісті
- 13. Дизайн із вмістом, а не латинським текстом
- 14. Проведіть бесіду з користувачами вашого сайту
- 15. Знайте, що менше - це більше
- 16. Вивчіть закон Хіка
- 17. Ніколи не перебивайте користувачів без причини
- 18. Уникайте «Почати» як заклик до дії
- 19. Будьте ініціативними, коли справа стосується чуйного дизайну
- 20. Зробіть свої дизайни доступними
Збір підказок UX від експертів може стати запорукою успіху вашого веб-сайту. Протягом останніх 20 років я працював із декількома чудовими брендами, працюючи в різних дисциплінах. Роблячи це, ви, як правило, набираєте купу знань, використовуючи їх щодня, навіть не замислюючись. Такі речі, які вкорінюються. Незалежно від того, чи новачок ви в користувацькому інтерфейсі та дизайні інтерфейсу, чи всебічний ветеран дизайну, я сподіваюся, що це невелике розуміння моїх найкращих 20 професійних порад для створення найкращого досвіду для ваших користувачів.
Якщо ви розробляєте абсолютно новий інтерфейс UX, ви хочете побачити, як він порівнюється з користувачем. Ознайомтесь із зручним посібником Creative Bloq з тестування користувачів для всього, що вам потрібно буде знати. Розробка нового сайту? Виберіть правильного конструктора веб-сайтів за допомогою нашого путівника.
01. Знайте своїх користувачів
Як дизайнеру, дуже важливо розробити спосіб взаємодії ваших користувачів із веб-сайтом, продуктом чи мобільним додатком під час його вивчення. Не просто використовуйте аналітику та статистику; потрапити на місце ваших користувачів. Копайте трохи глибше. Зрозумівши користувачів, ви зможете приймати зважені рішення у своєму дизайні.
02. Пишіть профілі та історії користувачів
Створюючи профілі користувачів, переконайтеся, що ви насправді опитуєте людину. Знову і знову я бачу багато профілів, які складаються і не ґрунтуються на будь-якій формі дослідження. Під час написання історій користувачів, якщо мати на увазі реальну людину, це допоможе вам спрямувати цих користувачів до прийняття необхідних вам рішень. Ніколи не вважайте себе дизайнером. Це хороша практика - входити в рутину написання історій користувачів.
Історія користувача - це вимога на високому рівні, що містить достатньо інформації для того, щоб ви могли реалізувати її у своєму UX. Це не тільки допомагає зосередити ієрархію того, що ви намагаєтесь змусити людей зробити, але також допомагає чітко створювати цілі користувачів. Наведіть історії користувачів назад на ваші профілі користувачів у вашому дизайні взаємодії. Зрештою, це допоможе з перетворенням, а також створить ієрархію тестування, з якої можна працювати.
03. Слухайте своїх користувачів
Прослуховування - це один з найважливіших аспектів гарного дизайну UX. Завжди знаходьте час, щоб вислухати своїх клієнтів, а головне, співпрацюючи зі спеціалістами з коефіцієнтом конверсії. Як дизайнер UX ви несете відповідальність зібрати всі вимоги широкого кола зацікавлених сторін.
Ось чому найбільшими цифровими проектами часто є ті, де існує ціла рівновага між цілями клієнта та потребами користувача. Сядьте на той паркан і добре врівноважте.
04. Вийдіть із лабораторного середовища під час тестування мобільних пристроїв
Я давно думав про тестування користувачів. Чому б ви тестували користувача в лабораторії, коли більшість часу, який він використовує на мобільному телефоні, перебуває в русі? Ви можете отримати чудове розуміння, змінивши спосіб тестування та тестування.
05.Використовуйте ефективні інструменти для спільних команд
Якщо ви незалежний бізнес, то, без сумніву, ви співпрацюєте з багатьма спеціалістами у проекті. Налаштування чітких каналів зв'язку є обов’язковим. Я витрачаю більше часу на планування, співпрацю та організацію команд для доставки чудових продуктів та дизайну. Я схильний використовувати програмне забезпечення, таке як Jira або Confluence, для більш важких проектів, а також Trello або Asana для менших проектів, пов'язаних зі Slack (також ознайомтеся з цими найкращими параметрами хмарного сховища). Це фантастичні інструменти, що полегшують вам життя під час реалізації проектів. Це також заощадить вашу поштову скриньку та ймовірність втратити важливий електронний лист.
06. Дизайн з урахуванням UX
Добре шукати натхнення. У мережі є багато чудових ресурсів та величезні спільноти користувачів, які діляться своєю роботою, дослідженнями та результатами, тож шукайте їх. Мені подобається знаходити натхнення для UX в Instagram та на таких сайтах, як awwwards.com та Behance.
07. Обійміть білий простір
Я завжди використовую послідовну типографіку та пробіли. Ваші клієнти очікуватимуть від вас заповнити простір або, безумовно, «збільшити логотип», але пробіли настільки важливі, особливо для мобільних пристроїв. Переконайтеся, що ви дотримуєтеся деяких простих систем сіток. Я роблю це весь час із макетами. Це не тільки робить процес проектування простішим, але й послідовним. Веселіться з пробілами і не бійтеся пограти з розміром друкарських заголовків, а також шрифтами, якими ви користуєтесь. Думайте про веб-сайт, як про подорож: безперешкодно переходьте користувачів з одного розділу в наступний, розуміючи їх персональні цілі та потреби. (Не забудьте переконатися, що ваша послуга веб-хостингу пристосована до потреб вашого сайту.)
08. Ніколи не ставіть емоцій перед логікою
Користувачі часто сприймають візуально приємний дизайн як простий у використанні. Однак існує тонка межа між відволіканням користувача від його завдання та нав'язуванням брендингу / маркетингу. Користувачі частіше помічають елементи вгорі сторінки в порядку їх важливості.
09. Включіть анімацію
Заставки та прості анімаційні програми завантаження створюють інтригу бренду. Коли ви вперше приєднуєтесь до користувача, пройдіть додаткову миль за допомогою простих анімацій, найкращих порад або навіть познайомте свій додаток з деякими анімаціями брендів. Дозвольте користувачеві пропустити або "не показувати", якщо він повертається, але не перевантажуйте ваші анімації. Більше трьох секунд часу завантаження призводить до приблизно 55 відсотків відмов. Надішліть відгук користувачам, якщо час очікування більше однієї секунди.
10. Зменшіть потребу в каруселях
Гаразд, я підніму руку і визнаю, що використовував карусель у недавньому проекті, але це було пояснення процесу замовника, і це було не просто останнім промо-маркетингом, який просив мене додати на домашню сторінку. Статистика вказує на те, що більшість користувачів припиняють перегляд вмісту каруселі після трьох або чотирьох слайдів. Не перевантажуйте карусель більш ніж чотирма слайдами або навіть краще, увімкніть їх у звичку взагалі їх не використовувати.
11. Зосередьтеся на деталях
Подумайте, зосередившись на інших крихітних деталях, оскільки це перенесе ваш досвід користування на новий рівень. Коли ви востаннє розробляли цікаву сторінку 404? Ось кілька чудових прикладів того, як створити сторінку з помилкою 404 - і як цього не робити.
12. Концентруйтесь на змісті
Правило копіювання та вмісту, коли справа стосується вашого інтерфейсу. Добре використовуйте заголовки, підзаголовки та перерви на копіювання. Створіть менші абзаци, щоб допомогти глядачам швидко сканувати ваші веб-сторінки, щоб зробити ваш вміст зручнішим для користувачів. Я люблю переконатись, що копія не надто довга. Будьте чіткими і лаконічними з тим, що ви говорите. Користувачі будуть прокручувати веб-сторінку вниз, доки буде зрозуміло, що відповідна інформація знаходиться внизу сторінки. Однак не робіть сторінки занадто довгими. Все на балансі.
13. Дизайн із вмістом, а не латинським текстом
Я бачу це постійно, коли дизайнери не працюють із вмістом. Це допомагає клієнтам «заповнювати поля», але дизайн UX та UI ніколи не повинен стосуватися цього. Коли я розробляю дизайн, я прагну писати вміст або співпрацювати з копірайтером. Це надає клієнту більше контексту з вашими каркасами та на ранніх етапах проектування. Навіть якщо це перший проект вмісту, він все одно дає змогу приймати більш обґрунтовані рішення щодо того, як буде представлений вміст, з яким взаємодіють люди.
14. Проведіть бесіду з користувачами вашого сайту
Ну не буквально, а метафорично. Зробіть спілкування в Інтернеті розмовним. Вміст може бути набагато привабливішим, коли ваші користувачі підключаються. Не залишайте користувачів у темряві; запропонуйте прості вказівки (я не маю на увазі вафлі) щодо того, що їм потрібно робити. Це робить його більш цікавим. Такі бренди, як Innocent Drinks, є чудовим прикладом того, як створити хорошу розмову з досвідом роботи з брендом.
15. Знайте, що менше - це більше
Пол Ренд, американський художній директор і графічний дизайнер, 1914 року народження, одного разу сказав: "Хороший дизайн не датується, поганий дизайн робить". Ми бачимо багато дизайнерських тенденцій та стилів, які приходять і йдуть, не тільки з точки зору UI та UX, але й у цілому по дизайну. Знайдіть свій власний стиль дизайну. Працюйте над цим, створюйте правила, дотримуйтесь дизайнерської практики та запитуйте, чому. Весь чудовий дизайн завжди об’єднує одне, а це простота. Тож прагніть до простоти та чіткості вашого дизайну, щоб забезпечити його сприйняття аудиторією одним поглядом або взаємодією. Мінімалістичний і простий дизайн легко зрозуміти і більше оцінить ваша аудиторія.
16. Вивчіть закон Хіка
Якщо ви не знаєте про закон Хіка, проведіть його дослідження, оскільки він змінить ваш підхід до дизайну інтерфейсу користувача. Закон Хіка - також відомий як закон Хіка – Хаймана - бере своє прізвисько від британських та американських психологів Вільяма Едмунда Хіка та Рея Хаймана та встановлює час, який потрібен людині для прийняття рішення на основі можливих можливих варіантів вибору.
Закон Гіка оцінює інформаційну спроможність в експериментах з вибору реакцій. Кількість часу, необхідна для обробки певної кількості бітів у законі Гіка – Хаймана, відома як швидкість отримання інформації. Отже, по суті, мінімізуйте ці варіанти. Застосуйте цю практичну пораду до своїх конструкцій. Видаліть несуттєвий шум, щоб користувачі мали чіткий шлях взаємодії.
Ви повинні знайти баланс між створенням привабливого досвіду роботи з брендом, який навертає увагу користувачів, і розробкою чогось, схоже на те, що це було прямо з 1990-х. Пришвидшіть справу, зменшивши ймовірність того, що користувачі будуть відволікатися і піти. Більше досліджуйте закон Хіка, оскільки він, без сумніву, допоможе у створенні вашого кінцевого продукту; це мені точно допомогло.
17. Ніколи не перебивайте користувачів без причини
Не починайте мене з роботи в чатах або миттєвих повідомленнях. Хоча існують плюси і мінуси щодо використання чат-ботів, переривання користувача на початку подорожі до вирішення проблем шкодить їхньому досвіду. Наприклад, відкрити діалогове вікно без того, щоб користувач щось зробив, є поганою ідеєю і просто дратує. Багато сайтів бомбардують відвідувачів запитаннями «Чим я можу допомогти?» Або «Я чат-бот ... давайте почнемо». Діалог завжди повинен відкриватися під час взаємодії і ніколи не бути нав'язливим.
18. Уникайте «Почати» як заклик до дії
Уникайте "Почати" як заклик до дії Це одна з моїх ненависників для домашніх тварин. Я бачу це багато. Насправді уникайте внутрішньої мови під час будь-якого заклику до дії, але особливо "Початок роботи". Ваш клієнт може назвати це одним, але ваш користувач може цього не зрозуміти. Мова є ключовою, тому переконайтеся, що вона проста та пряма. Будьте обережні, щоб ніколи не вживати двозначних мов.
19. Будьте ініціативними, коли справа стосується чуйного дизайну
Я завжди починаю з дизайну для мобільних пристроїв, а потім працюю одночасно на мобільному та настільному ПК. Існує більше підходів, ніж "просто складати вміст" для мобільних пристроїв. Як дизайнер UI я навчився ефективно розробляти чуйні користувальницькі інтерфейси, які використовують гнучкі макети, зображення та таблиці стилів. Якщо ви не створюєте сайт чи додаток, хороші стосунки з кодером є обов’язковими.
20. Зробіть свої дизайни доступними
Кілька років тому я мав досвід роботи з клієнтом, який був надзвичайно розчарований на етапі проектування. Виникла величезна проблема при спробі змусити кольори підписати. Я не з'ясував, що клієнт насправді був злегка дальтонічним. Дальтонізм (дефіцит кольорового зору) страждає приблизно у кожного 12 чоловіка та кожної 200 жінок у світі. У Великобританії це означає, що існує близько 3 мільйонів дальтоніків (близько 4,5 відсотка всього населення), більшість з яких - чоловіки.
Я настійно рекомендую отримати деякі специфікації sim під час процесу тестування. Це перенесе ваше тестування користувачів на новий рівень. Перетворіть свої дизайни в градації сірого, щоб забезпечити уніфіковану роботу всіх користувачів. Уникайте використання синього кольору для будь-якого тексту на веб-сайтах, крім посилань. Пам’ятайте про контрастність і на мобільних веб-сайтах. Зарезервуйте один колір для закликів до дії та переконайтеся, що він контрастує з рештою сторінки. Холодний і темний кольори залишаються на задньому плані, а теплі яскраві кольори, такі як оранжевий, висуваються вперед. Якщо бренд вашого клієнта має подібні кольори за тоном, порекомендуйте новий контрастний колір. Ви можете виявити, що конверсії зростають.
Перегляньте наш посібник з інклюзивного веб-дизайну.
Ця стаття спочатку була опублікована у номері 321 чистий, самий продаваний у світі журнал для веб-дизайнерів та розробників. Придбати випуск 321 або підписатися на net.
