Ux дизайн приклади. Хто такі UX дизайнери та чим вони займаються. Що таке UI-дизайн

Представляємо нову статтю серії. У цій частині циклу розглянемо позицію UX/UI дизайнера - спеціаліста, який відповідає за відповідність зовнішнього вигляду та логіки продукту.

UX/UI дизайнер- спеціаліст, який займається проектуванням інтерфейсів користувача.

Типовий робочий деньвключає в себе:

• роботу над пріоритетними завданнями (проектування, малювання);
• спілкування із замовником;
• внесення поправок.

Переваги і недоліки

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

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

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

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

«Я навчалася на програміста-сисадміна, але завжди було цікаво робити щось у Фотошопі. Раніше не було такої кількості туторіалів, відеоуроків та статей, як зараз, тому більшість функцій та можливостей я освоювала методом тику. Пізніше вирішила спробувати Ілюстратор, він був набагато складнішим за Фотошоп, але прекрасний для створення вектора. Мені подобається створювати щось нове, щось корисне та красиве, подобається покращувати та бачити досягнутий результат. Сфера дизайну дозволяє все це робити. Цікаво й те, як змінюються тренди, з'являються нові програми та фічі, потрібно завжди за всім цим стежити та постійно розвиватися».

«UX/UI дизайн мені подобається тому, що це дуже перспективний напрямок. Технології швидко розвиваються, на зміну одним інтерфейсам приходять нові, і всі їх потрібно проектувати. Тут можна не тільки думати про те, чи виглядає інтерфейс красиво, а й про те, наскільки він зручний і наскільки він може вирішити проблему людини (чи швидко знайти потрібну кафешку, чи замовити квиток на концерт, чи допомогти приготувати улюблену страву). . Інтерфейси є скрізь: від медичної техніки до автомобілів. Коли машини літатимуть, треба буде, щоб хтось продумав взаємодію їхнього інтерфейсу з людиною. І це будемо ми – UX/UI дизайнери».

Ще один плюс – можливість працювати віддалено (20% всіх дизайнерів), великий вибір проектів на фрілансі.

Серед мінусівПрофесії дизайнери називають спілкування із замовниками, які не знають, чого хочуть, а також недооціненість колегами з IT:

«У 80-90% випадків доводиться працювати без ТЗ з вимогами типу: «Зроби мегакрасиво та мегаконфігуровано».

«Недоліком професії вважаю ставлення до дизайну та дизайнерів в Україні. Чомусь усі вважають, що якщо вони колись відкривали Фотошоп, то автоматично можуть бути дизайнерами та самостійно вирішувати, скільки часу піде на дизайн. Особливо цим грішать недосвідчені менеджери та програмісти (один менеджер із новачків стверджував, що зробив би завдання за 30 хвилин у Пейнті, але в нього немає часу на мистецтва)».

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

«Мінус - як і у всьому ІТ - сидяча робота, страждають очі і іноді замовник, якому треба зробити білий #ffffff ще білішим:)»

Як стати і куди рухатися далі

Перший і головний навичка щодо UI - освоїти графічний редактор. Найпопулярніший інструментарій - Adobe Photoshop, Sketch, Principle, Adobe Illustrator, After Effects. Для початку можна спробувати перемалювати скріншоти будь-якої мобільної програми або сайту. Але не просто скопіювати (хоча і це потрібно вміти), а помітити якусь незручність та запропонувати рішення, як зробити краще.

Також важливо розуміти теорію кольору, типографіку, композицію, ергономіку сайту (принципи юзабіліті інтерфейсів), основи маркетингу, бізнес-аналіз, психологію. Для більш ефективного спілкування з розробниками будуть корисні навички верстки (HTML/CSS) та базові знання JavaScript та фреймворків.

Вивчення UX можна розпочати зі знайомства з методологією, почитавши книги Нільсена Нормана, Алана Купера, Джефа Раскіна, Стіва Круга, Алістера Коберна. Більш прикладна література - "User Experience Team of One: A Research and Design Survival Guide" Leah Buley.

«У сучасному світі можливостей для реалізації безліч. Я купував і продовжую купувати онлайн-курси на таких платформах як Coursera, Udemy, Edx. Дивлюся онлайн-конференції від Adobe, Google, читаю технічну літературу, аналізую роботи на Dribbble, Behance, Awwwards».

«UX/UI дизайнеру треба вивчити класику інтерфейсу користувача: „Не змушуйте мене думати“ Стіва Круга, „Дизайн звичних речей“ Нормана, читати Люка Вроблевскі. Необхідно постійно практикуватися, ставити себе на місце користувача. Знайти ментора, який вказуватиме на помилки, давати поради та сприятиме зростанню».

Почати кар'єру можна з фрілансу на різних англомовних платформах, також буде корисно випробувати свої навички на чемпіонатах, наприклад Dev Challenge. Це допоможе напрацювати портфоліо.

UX та UI навички та компетенції ()

З особистих якостей важливі:

• посидючість;
• завзятість;
• креативне мислення;
• перфекціонізм;
• бажання вчитися та розвиватися;
• вміння чути критику.

«Людина, яка проектує інтерфейси, - це інженер, вона повинна мати сильне аналітичне мислення, мати високорозвинене скіло емпатії і вміння проникати в суть речей. Звичайно, є ще практичні навички - це володіння різними технологіями та інструментами, але це, як правило, на другому місці, людина має бути інженером за вдачею. А стати не складно, якщо над цим старанно працювати, читати книги та статті з дизайну (композиція, квітознавство, типографіка) та з психології (потрібно розуміти, як людина робить вибір і як працює її мозок), ходити на лекції та воркшопи і дуже багато практикуватися».

Можливі кар'єрні шляхи UX/UI дизайнера:

• удосконалюватись як дизайнер, підвищувати рейт (якщо фрілансер);
• освоювати суміжні напрямки, розвиваючись як дизайнер продукту; VR дизайнер; VFX дизайнер; Game дизайнер;
• дорости до позиції Арт-директора (Head of Design);
• розвиватися як , якщо хочеться переключитися з дизайну управління продуктом загалом;
• стати, якщо цікаво координувати людей;
• зайнятися, якщо більше цікавий технічний аспект;
• освоїти програмування та стати UI-розробником;
• спробувати себе у маркетингу або .

«Технології дуже швидко розвиваються і постійно з'являється щось нове, для всього потрібен свій специфічний дизайн, є свої вимоги та особливості. А ми, дизайнери, допомагатимемо всьому цьому ставати кращими, красивішими і зручнішими:)»

Дякую за допомогу у написанні статті Юлії Бондаренко, Максима Паливоду, Марини Поповиченко та 25 інших українських дизайнерів, які розповіли DOU про свою посаду. Наведені у статті цитати взяті з їхніх оповідань.

Будь-який дизайн, не важливо, наскільки він добрий, буде абсолютно марним, якщо це не UX дизайн. Є сотні тисяч ресурсів, які створюють дивовижний дизайн інтерфейсів і графічний дизайн і користуються послугами найкращих професіоналів з нереальним талантом, але не можуть зайняти гідне місце в мережі. А все, тому що взаємодія між сайтом і користувачами зростає експоненційно, це означає, щоб знайти відгук у користувача, веб-дизайнерам необхідно піклуватися про досвід користувача (UX - User Experience - «досвід взаємодії»). Саме на цьому етапі на допомогу прийдуть UX дизайн інструменти - відмінні онлайн сервіси, які дають підказки щодо проектування інтерфейсів користувача дизайнерам. Саме про них ми поговоримо детальніше у цій статті.

Оскільки дизайнери повинні враховувати не тільки красу та правильність організації елементів, але й складніші фактори, пов'язані з поведінкою відвідувачів на сайті, вони нерідко вдаються до допомоги UX дизайну інструментів, які можуть допомогти їм автоматизувати деякі завдання або значно спростити процес їх виконання. На щастя, проектування інтерфейсів – це вже давно не нова тема, і в Інтернеті є сотні інструментів проектування UX. Звичайно ж, ми не перераховуватимемо їх усі. Щоб допомогти вам, ми відібрали тільки деякі, найбільш цікаві та корисні UX дизайн інструменти з невеликими описами, щоб показати їх основні характеристики, і дати вам можливість вибрати саме той, який підійде якнайкраще.

UX дизайн інструменти для моделювання та проектування мокапів та прототипів

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

Інструмент для проектування інтерфейсів Moqups

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

Wireframe

Це ще один інструмент для створення структурних схем сторінок (wireframing) із зручним мінімалістичним інтерфейсом. Інструмент простий у використанні і включає лише необхідний мінімум функцій, максимально спрощуючи процес використання. Створення схем за допомогою цього інструменту вигідно відрізняється тим, що користувачі можуть ділитися ними з іншими. Кожна схема або мокап, яку ви створюєте, отримує свою унікальну URL-адресу, яку ви можете надіслати замовнику або іншим членам команди.

Pencil

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

Balsamiq

Не хочете витрачати годинник на створення прототипів? У цьому випадку ви просто повинні спробувати Balsamiq. Він простий, але дуже ефективний, коли доходить до створення прототипів. З Balsamiq користувачі можуть створювати кілька макетів, які можна протестувати та вибрати той, який забезпечує кращий результат.

PowerMockup

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

Mockplus

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

UXPin

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

Solidify

Gliffy

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

POP

Інструменти для тестування A/B

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

Desinion

Чи не впевнені, що створюєте проект, який користувачі дійсно хочуть побачити? За допомогою цього інструменту A/B тестування ви можете задати будь-яке питання, що вас цікавить, і отримати реальну відповідь користувачів. Інструмент має дуже корисну функцію – обговорення. Ви можете запустити обговорення на своєму сайті, щоб залучити користувачів до процесу проектування. Крім того, ви можете створювати приватні обговорення та ділитися ними лише з друзями чи колегами.

Visual Website Optimizer

Це простий, але надзвичайно потужний інструмент, який дозволяє проводити A/B тестування на найвищому рівні. З його допомогою, також можна проводити багатоваріантне тестування та спліт-тестування. Сегментовані звіти та аналіз доходів також будуть доступні у Visual Website Optimizer.

Optimizely

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

Інструменти для юзабіліті тестування

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

Loop11

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

Crazy Egg

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

Usability Tools

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

Appsee

Це аналітичне програмне забезпечення, яке використовується для відстеження активності користувачів додатків. Цей інструмент допоможе вам отримати цінні дані про те, як користувачі взаємодіють із програмою. Функція «User Recording» цього інструменту є вражаючою. Вона реєструє дії користувачів і цим дає вам чудове уявлення про поведінку користувачів. Це корисний інструмент для покращення загальної продуктивності вашої програми та збільшення конверсії.

Attensee

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

UserVoice

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

MouseStats

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

UX дизайн інструменти для створення прототипів та спільного проектування

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

FileSquare

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

Notism

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

Red Pen

Завдяки RedPen колективне створення дизайнів та прототипів буде швидким та легким. Цей інструмент UX призначений для спільного моделювання дизайнів та створення прототипів. Він спеціально розроблений для полегшення спільної роботи із графічним контентом. Обмін відгуками дуже простий: для того щоб виділити якийсь із елементів і залишити замітку, користувачеві просто потрібно навести на нього курсор. Після цього з'являється невелике текстове поле, де можна залишити свої відгуки.

Memosort

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

Trello

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

Invision

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

Підбиваємо підсумки

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

Як стати дизайнером.

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

Ось як у мене все це відбувалося, крок за кроком:

1. Зрозумійте всі напрямки дизайну

Є візуальні дизайнери, дизайнери взаємодій, дизайнери досвіду користувача (UX), дизайнери інтерфейсів (UI), продуктові дизайнери, графічні і так далі. Є й універсали, які знають лише потроху. Починайте з того, щоб з'ясувати, яка спеціалізація вас цікавить.

2. Читайте статті з UX/UI дизайну на шляху на роботу

4. Зробіть перерву, коли зіткнетеся з труднощами

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

Я з посмішкою згадую день, коли я зніяковіло зізналася своєму другові, що гадки не маю, як працювати інструментом «перо» (вам буде смішно через кілька місяців). Мій друг і я отримали роботу в одній компанії через рік і до цих пір посміхаємося, згадуючи день, коли в буквальному сенсі витратили 8 годин, малюючи фігури в Photoshop.

5. Читайте гарні книги.

6. Знайдіть дизайнера, який знає, як робити і питайте його іноді

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

7. Надихайтеся

Слухайте Матіаса Дуарте, віце-президента з дизайну Android, та його розповіді про матеріальний дизайн.

Дивіться роботи на Dribbble, The Best Designs та Awwwards. Зробіть натхнення пріоритетним завданням. Воно допоможе вам зрозуміти шаблони UX, візуальний дизайн і додасть вам сил.

8. Працюйте над неіснуючими проектами

Якщо ваша мета – стажист або позиція початкового рівня в UI/UX дизайні, вам потрібно щось показати роботодавцю. Це найскладніший крок, це як зістрибнути зі скелі. Навряд чи ви будете готові розпочати роботу над проектом, але зробіть це так чи інакше. Спробуйте створити порфтоліо в Sketch або Illustrator, почніть з потоків користувача, вайрфреймів, взаємодій і, нарешті, повноцінного мокапа. Після цього переробіть сайт, якому це просто потрібно. Створіть власну програму зі списком завдань. Створіть програму доставки. Продовжуйте створювати те, що вас хвилює.

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

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

Хто такий UX-дизайнер, чим він займається

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

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

Якщо докладно розглянути кожен із цих етапів, то легко зрозуміти, з чого розпочати навчання UX-дизайну.

Хто може стати UX-дизайнером

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

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

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

Тому добрими проектувальниками можуть стати і архітектори, і інженери, і програмісти. Головне – розібратися в основах інтерактивного дизайну та зрозуміти, як будується логіка роботи в UX. Це можна зробити самостійно або на спеціальних курсах UI/UX-дизайну.

З чого почати

Розпочати навчання UX-дизайну можна з курсів, книг та статей. Головне - скласти правильний план навчання, сформулювати цілі та рухатися від загального до приватного.

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

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

Дослідження

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

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

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

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

Аналіз даних

Коли завдання продукту зрозумілі, дизайнер продумує логіку взаємодії.

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

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

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

Створення сценаріїв допомагає продумати структуру програми або сайту та базові елементи.

Проектування

На цьому етапі візуалізують усі зібрані дані. Будують структуру програми, мають елементи кожному екрану.

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

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

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

Дизайн

Створенням остаточного варіанта займається UI-дизайнер. Але часто малювати остаточний варіант доводиться самостійно. Тому корисно отримати основні навички та навчитися UI-дизайну.

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

Для цього підходять графічні редактори, де працюють дизайнери:

• Adobe Photoshop,
• Adobe XD,
• Sketch,
• Фігма.

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

Аналіз метрик

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

Працюють над продуктом - проводять юзабіліті- та A/B-тести. Покращують досвід користувача, додають нові можливості.

Як вчитися UX-дизайну

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

Щоб навчитися UX-дизайну, потрібно представляти весь шлях розробки продукту та покращувати навички, необхідні кожному етапу.».

Живий зворотний зв'язок із викладачами

Необмежений доступ до матеріалів курсу

Стажування у компаніях-партнерах

Дипломний проект від реального замовника

Гарантія працевлаштування у компанії-партнери для випускників, які захистили дипломні роботи

При вивченні теорії не забувайте про практичні навички. Створіть макет сайту або придумайте мобільний додаток. Розділіть проект на частини та ретельно попрацюйте над кожною: проведіть дослідження та аналіз, потім займіться проектуванням та дизайном. Тільки практика допомагає дизайнеру стати добрим фахівцем.

29.09.2017

User Experience (досвід взаємодії) або UX- це популярний нині термін у технологічних та дизайнерських індустріях. Так як UX продовжує розвиватися і визначатися, багато людей все ще не впевнені, що означає UX і як правильно використовувати цей термін.

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

Що таке User Experience (UX)?

UX розшифровується як "user experience (досвід взаємодії)". Досвід взаємодії – це те, як люди взаємодіють із продуктом.

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

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

Успіх продукту полягає в тому, як користувачі його сприймуть. Використовуючи продукт, люди зазвичай оцінюють свій досвід взаємодії так:

• Чи я отримав користь від цього продукту?
• Чи легко його використати?
• Чи приємно його використати?

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

Елементи UX

Дон Норман (Don Norman), співзасновник Nielsen Norman Group, був першим, хто ввів поняття “user experience” у 90-ті роки, сказавши "Досвід взаємодії охоплює всі аспекти взаємодії користувача з компанією, її послугами та продуктами".

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

У цьому відео Дон Норман ділиться своєю думкою про джерела терміна UX.