Дизайн – поняття досить широке та невизначене. Коли хтось каже? «Я дизайнер», не відразу зрозуміло, чим він справді займається кожен день. Існує кілька різних областей, об'єднаних під поняттям «дизайн».
Професії, що стосуються дизайну, існують у різних областях – від промислового дизайну (дизайн машин та меблів та ін.), друкованого дизайну (журнали та інші друковані видання) до веб-дизайну (вебсайти, мобільні додатки).
Однак за недавній час з'явилося багато нових дизайн-професій, сфокусованих на розробці інтерфейсів для різного вигляду екранів. Вакансії, під назвою UX- або UI-дизайнери незрозумілі для непосвячених і навіть часто для самих дизайнерів з інших областей.
Спробуймо розібратися в тому, що означає кожен з цих термінів.
UX-дизайнер (USER EXPERIENCE дизайнер)
UX-дизайнер насамперед сконцентрований на тому, як продукт відчувається, сприймається користувачем. Поставлене дизайнеру завдання не має однієї правильної відповіді. UX-дизайнери пробують різні підходи для вирішення якоїсь специфічної проблеми користувача. У широкий перелік обов'язків UX-дизайнера входить завдання переконатися, що продукт послідовно переводить клієнта з однієї стадії в наступну. Один із способів досягти цього – проведення безпосередніх тестів із реальним користувачем, щоб мати можливість спостерігати за його поведінкою. Виявляючи вербальні та невербальні перешкоди, UX дизайнери удосконалюють продукт та послідовно приходять до створення найкращого варіанту взаємодії користувача з продуктом. Тестова версія потрібна для того, щоб забезпечити максимально зручне користування продуктом.
Приклад опису роботи experience-дизайнера у Twitter:
«Визначте моделі взаємодії, потоки завдань, і UI-специфікації. Уявіть різні варіанти розвитку подій, опишіть процес користування та моделі взаємодії від і до та продемонструйте зразки зацікавленим особам. Працюйте з нашим креативним директором та візуальними дизайнерами, щоб поєднати візуальну ідентичність Твіттера та його характерні риси. Розвивайте або зберігайте макети, мок-апи та стандарти за потребою»
Результати роботи:макети зображень на екранах, розкадрування, план сайту.
Інструменти: Photoshop, Sketch, Illustrator, Fireworks, InVision
UI-дизайнер (USER INTERFACE дизайнер)
На відміну від UX-дизайнерів, які є відповідальними за загальне сприйняття продукту, робота UI-дизайнера крутиться навколо того, як продукт спроектований. Такі фахівці відповідальні за дизайн кожної сторінки або екрана, з якими взаємодіє користувач, і зобов'язані переконатися, що UI візуально поєднується зі стежкою, прокладеною UX-дизайнером. Наприклад, UI-дизайнер, що створює аналітичну панель, може уявити найважливіший контент нагорі сторінки, або вирішити, що повзунок або кнопка управління більше підходять сприйняттю користувача регулювання графіка.
Зазвичай UI-дизайнер також несе відповідальність за створення єдиного стилю і повинен переконатися в тому, що відповідний «мова» дизайну використаний у всьому продукті. Збереження послідовності у всіх візуальних елементах та визначення поведінки (наприклад, як відображати помилку чи попередження) підпадають під компетенцію UI-дизайнера.
Кордон між цими двома професіями дуже розмита, і найчастіше компанії наймають одну людину на ці дві вакансії.
Інструменти: Photoshop, Sketch, Illustrator, Fireworks
Візуальний дизайнер (графічний дизайнер)
Візуальний дизайнер це той, хто займається графікою. Якщо ви запитаєте когось, хто не займається дизайном, хто такий дизайнер, мабуть, першим на думку спаде саме графічний дизайнер. Графічні дизайнери ніяк не пов'язані ні про те, як екрани повідомляються один з одним, ні про те, як хтось взаємодіє з продуктом. Натомість, вони зосереджені на створенні красивих іконок, елементів керування та інших візуальних елементів та вибирають відповідні шрифти. Графічні дизайнери працюють над маленькими деталями, яким інші не надають значення, і часто працюють у Photoshop як наближення 4X або 8X.
Також досить поширена ситуація, коли UI-дизайнери виконують подвійну роботу та створюють кінцевий варіант елементів зображень. Деякі компанії вирішують не наймати окремого графічного дизайнера.
Інструменти: Photoshop, Sketch
Interactive-дизайнер (моушен-дизайнер)
Пам'ятаєте майже непомітну анімацію, що підстрибує, коли ви оновлюєте пошту на своєму iPhone? Це робота моушен-дизайнера. На відміну від графічних дизайнерів, які працюють зі статичними елементами, моушен-дизайнери створюють анімацію всередині додатків. Вони мають справу з тим, що робить інтерфейс, після того, як користувач до нього торкається. Наприклад, вони вирішують, як повинне розгортатися меню, які ефекти переходу використовувати, і як має реагувати та чи інша кнопка. Добре виконаний моушен-дизайн стає невід'ємною частиною інтерфейсу, пропонуючи візуальні підказки, як використовувати продукт.
Опис роботи моушен-дизайнера в Apple:
«Висока кваліфікація у графічному дизайні, моушен-графіці, знання у digital art, гарне сприйняття шрифтів та кольору, загальна увага до матеріалів та текстур, а також практичне розуміння анімації. Знання iOS, OS X, Photoshop та Illustrator, також знайомство з Director (або аналогом), Quartz Composer (або аналогом), 3D-моделюванням, моушен-графікою»
Інструменти: AfterEffects, Core Composer, Flash, Origami
UX Дослідник (Дослідник користувачів)
Мета UX дослідника – відповісти на два запитання: Хто наш споживач? і «Що хоче наш споживач?» Зазвичай до обов'язків дослідника входить проведення інтерв'ю з користувачами, дослідження маркетингових даних та загальний збір аналітики. Дизайн – процес постійного вдосконалення. Дослідник може допомогти у цьому процесі, проводячи A/B-тестування, щоб виявити, яке дизайнерське рішення найповніше задовольняє споживчі потреби. UX-дослідник зазвичай - головна опора у великих компаніях, де доступ до величезної кількості інформації дає йому достатньо можливостей, щоб дійти значних висновків.
Опис роботи UX-дослідника у Facebook:
«Упритул працюйте з командами, які створюють продукт, щоб визначити тему досліджень. Проводьте дослідження, які одночасно відносяться як до споживчої поведінки, так і до їхньої думки. Проводьте дослідження, використовуючи широкий спектр якісних та кількісних методів, наприклад, опитування.»
UX-дизайнери виконують обов'язки UX-дослідників.
Результати роботи:портрет користувача, результати A/B тестування, поведінкові дослідження користувачів/інтерв'ю.
Інструменти: мікрофон, папери, документи
Зовнішній розробник (UI-розробник)
Зовнішні розробники відповідають за функціональне здійснення інтерфейсу товару. Як правило, UI-дизайнер передає статичний мок-ап зовнішньому розробнику, який надалі трансформує його в працюючий, інтерактивний продукт. Зовнішні розробники відповідають за кодування, верстку інтерактивної графіки, яку створює моушен-дизайнер.
Інструменти: CSS, HTML, JavaScript
Дизайнер продукту
Продакт-дизайнер – всеосяжне поняття, щоб описати дизайнера, який загалом залучений у процес створення образу та сприйняття продукту.
Роль продакт-дизайнера не дуже добре визначена і різниться у різних компаніях. Продакт-дизайнер може щонайменше займатися кодуванням, проводити власні дослідження, створювати інтерфейс, або створювати візуальні елементи. З початку до кінця продакт-дизайнер допомагає виявити початкову проблему, встановити будь-які критерії для її вирішення, а потім створювати, тестувати та вдосконалювати різні рішення. Деякі компанії, які хочуть працювати в рамках більш «плинного» співробітництва, вказують при пошуку претендента саме цю вакансію, щоб у результаті створити команду різнопрофільних дизайнерів і працювати над власним сприйняттям продукту, проводити власні дослідження і створювати візуальні елементи.
Деякі компанії використовують "UX-дизайнер" або просто "дизайнер" як всеосяжний термін. Прочитання опису вакансії – найкращий спосіб з'ясувати, що входитиме до вашої компетенції.
Опис роботи продакт-дизайнера для Pinterest
«Володання всіма сферами дизайну: взаємодія, візуальна частина, робота з продуктом, макетування. Створення шаблонів елементів зображень та їх верстка».
Шукаю дизайнера
Найпоширеніша фраза, яку я чую від молодих стартапів. Зазвичай вони шукають того, хто міг би робити все перераховане вище. Вони шукають того, хто міг би створювати красиві іконки, створювати лендинги, запускати A/B-тестування, логічно розміщувати елементи UI на екрані, і навіть може робити щось із обов'язків зовнішнього розробника. Через загальний характер, який носить ця посада, ми часто чуємо, що компанія хоче найняти просто «дизайнера», не заглиблюючись у подробиці та специфіку цієї професії.
Кордони між кожним із цих напрямків дизайну дуже розмиті. Передбачається, що деякі UX-дизайнери також будуть працювати над взаємодією зі споживачем, а деякі UI-дизайнери будуть займатися графікою. Найкращий спосіб знайти дизайнера - детально описати, що ви від нього очікуєте в рамках роботи на вашу компанію, і вибрати заголовок вакансії, що найбільш чітко відображає обов'язки дизайнера.
Термін «дизайн» може здаватися оманливо простим. У той же час, він дуже розпливчастий, і якщо ви попросите різних людей пояснити вам дане поняття, їх відповіді будуть дуже відрізнятися.
Наприклад, коли хтось каже: "О, а я працюю дизайнером", більшість людей може не зрозуміти що ж тут мається на увазі. А все тому, що за таким, здавалося б, простим словом криється безліч смислів.
Сьогодні на ринку відбувається зростання сектора технічних підприємств, які, як правило, фокусуються на виробництві різноманітних інтерфейсів для екранів, що веде до появи нових функцій дизайну.
Така професія, як UX дизайнер може здатися на перший погляд дивною і навіть трохи складною, для тих, що раніше з нею не стикався - більше того, деякі досвідчені розробники не розуміють що під нею мається на увазі і можуть задаватися питанням: Хто ж такі UX дизайнери і чим вони взагалі займаються?
Проте зараз UX-індустрія зростає швидко. Достатньо лише подивитись наскільки зросла кількість UX (або «User Experience») фахівців.
Не всі вони нові експерти, хоча б тому, що ринок праці в цій галузі варіюється від новачків до людей, які завжди були фахівцями UX, але ніколи не підозрювали про це.
Вищезазначені обставини можуть створити певні проблеми, наприклад, не кожен, хто називає себе UX дизайнером насправді є фахівцем в області UX. Тому що це професія особливого роду, яку не можна чітко визначити, як би ми говорили про стоматологів або медсестр, більш того, в UX досить складно відрізнити хорошого спеціаліста від поганого.
Хто такий дизайнер?
Робота UX дизайнера, як правило, пов'язана з сприйняттям будь-якого продукту або послуги, тому проблеми дизайну в даному випадку не завжди очевидні.
Вони суб'єктивні, і можуть мати більш ніж одне рішення. По суті, це обов'язок UX дизайнера переконатися, щоб кожен етап процесу проектування продукту випливав із попереднього.
Зазначене може бути досягнуто, за допомогою використання очного користувача тестування, для того, щоб оцінити виконані дії. Якщо користувачі зможуть виконати як вербальні, так і невербальні випробування, то були створені умови для ефективного ux. Наприклад, створення зручної адаптації нових користувачів стало б непоганим рішенням.
Що робить UX-дизайнер?
Хороший UX фахівець може поєднати всі аспекти відмінного досвіду користувача в одному продукті.
Це може бути зроблено тільки в тому випадку, якщо ви переконалися, що зазначені аспекти добре взаємодіють разом, а не окремо. Професіонал, який ми розглядаємо, несе повну відповідальність за майбутні результати і зокрема за сам ux.
Але все ж таки, це лише початок кар'єри для кваліфікованого UX спеціаліста, тому що надалі можуть бути використані різні методи, що дозволяють добре виконувати цю роботу.
Щоб бути дійсно хорошим UX дизайнером, вам знадобляться відмінні комунікаційні навички, захопленість, любов до інновацій, схильність до творчості та ініціативність, щоб розуміти, коли можна поекспериментувати, а коли слід дотримуватись встановлених рамок. Тим не менш, усім фахівцям UX слід почати з нижчих щаблів кар'єри, якщо вони, звичайно, хочуть бути затребуваними на ринку в майбутньому.
Для того, щоб стати успішним UX дизайнером, ви повинні вміти не тільки описувати, але й грамотно використовувати механізми комунікації, алгоритми виконання завдань та вимоги до інтерфейсів.
Ви повинні бути в змозі пояснити інвесторам користувальницьку взаємодію від початку до кінця, а також використовувані характеристики та контекст. За підтримки сильної команди, UX дизайнер може перетворити характеристики будь-якої відомої платформи, наприклад Facebook, у цінний та доступний інструментарій.
Вайрфрейми і скетчі - це лише мала частина роботи
Вайрфрейми та візуальні плани – результат ретельної підготовки, яку необхідно провести, щоб створити продукт. Це дійсно важливо уявити процес підготовки у візуальній формі, наприклад у вигляді презентації PowerPoint, для подальшого використання подібних матеріалів дизайнерами та програмістами.
Досить легко отримати дані про прототипи продукту під час юзабіліті тестів, або навіть створювати скринкасти. Ці інструменти можуть бути також важливими, як і вайрфрейми.
UX дизайнерів можна також розпізнати по тому, як вони фокусуються на ретельно складеному плані покращення дизайну продукту, з метою підвищення його ефективності.
Тим не менш, немає перевіреного методу вибору хорошого спеціаліста UX, тому що їхні обов'язки можуть відрізнятися. Останні мають дуже великий розкид, і охоплюють взаємодію Космосу з фізичними особами, юридичними особами, і навіть з новими технічними розробками.
Проведення тестування користувача
UX дизайн набагато різноманітніший, ніж просто необхідність сидіти разом з клієнтами за вашою онлайн-платформою або програмою, періодично запитуючи їхню думку про ту чи іншу функцію.
Насправді процес оцінки повинен включати спостереження за здатністю клієнта здійснити дії, які були для них спроектовані. Таким чином, вони можуть надати вам свою не відредаговану відповідь про власний досвід користувача.
Для цього виду оцінювання, кількість оцінок від клієнтів, індивідуальних оцінок, а також відбір учасників тестування переважно залежить від того, скільки грошей ви готові інвестувати у проведення його на ранніх етапах створення продукту.
На щастя, клієнтоорієнтоване тестування, насправді таке ж достовірне і просте як і спостереження за взаємодією користувача з вашим продуктом онлайн.
Визначення та створення «персон»
Термін «персона» використовується для позначення вигаданого персонажа, який є однією з категорій користувачів, для яких ви розробляєте продукт. Цей вид оцінки особистості може стати об'єктом ретельного дослідження, якщо це, звичайно, доцільно.
Хоча подібне заняття може здатися дуже привабливим - повністю придумати персонажа, проте, якщо ваша "персона" не базується на статистичних даних про ваших реальних користувачів, то, на жаль, вона буде марною. Створення персонажа також не матиме жодного значення, якщо він не має жодного відношення до вашого бізнесу.
Кращий спосіб створення персонажа - скористатися різними видами досліджень, наприклад тестів користувача, опитувань, анкетування, фокус-груп, а також інших методів.
Коли ви не можете назвати себе UX-дизайнером
Ви не зможете стати по-справжньому кваліфікованим дизайнером UX, якщо ви не навчитеся взаємодіяти з людьми, які повинні допомагати вам формувати свої стратегії.
Назва цієї професії включає словосполучення «користувацький досвід», але, якщо користувач не існує, то ваша діяльність не має найменшої цінності. Якщо ви створюєте дизайн, заснований на трохи більше, ніж цікавій ідеї, при цьому не враховуєте дані про дійсні потреби користувачів, то ви не UX дизайнер.
Те саме може сказати про тих, UX фахівців, які не можуть визначити свою цільову аудиторію. Якщо ви вважаєте, що ваша онлайн платформа ідеально підходить для всіх і кожного, ви не тільки робите свою роботу нездійсненною, ви також нехтуєте справжніми принципами веб-дизайну – цільова аудиторія має бути завжди.
Ще один недолік - намагатися відразу вирішити проблему, замість того, щоб переконатися, що вона дійсно існує, а потім знайти її причину.
Якщо ваш начальник просить вас спроектувати онлайн-платформу, а ви навіть не питаєте навіщо це потрібно зробити, то ви, швидше за все, звичайний (причому не обов'язково талановитий) веб-дизайнер, а не фахівець UX.
Приймати рішення, ґрунтуючись лише на особистому досвіді, також погана ідея. Якщо ваш бос запитує: “Чому ви вирішили використовувати поля для мітки, замість іншого альтернативного варіанта зворотного зв'язку у вашому останньому опитуванні?”, ви повинні відповісти щось краще, ніж просто: “Я вибрав їх тому, що вони мені подобаються”. Це однозначно не працює у UX дизайні.
Якщо ви хочете стати успішним і кваліфікованим UX дизайнером, дуже важливо користуватися всіма інструментами проектування - починаючи від інтерв'ювання клієнтів, закінчуючи юзабіліті тестами, створенням персон, контекстних оцінок, концептуальних моделей, карт сайтів, прототипів продукту, вайрфрейів, А/В оцінки та багато іншого .
Для кваліфікованих UX дизайнерів необхідно не тільки з'ясувати особливості своєї цільової аудиторії, але також мати здатність продемонструвати цю інформацію своїй команді.
Продукт повинен завжди розвиватися
Перше, що потрібно прийняти як даність – це те, що ваш продукт насправді ніколи не буде закінчено. Крім того, продукт не повинен розглядатися тільки з точки зору його самоцінності, бо методи, необхідні для його розробки, також важливі.
Для багатьох UX фахівців може виявитися складно знаходитися жорстких рамках або слідувати плану, проте більшість компаній дотримуються цього шляху. Однак, єдине, що залишається постійним – це зміни, і так буде завжди.
Якщо ви намагаєтеся спроектувати продукт, ви повинні прагнути вдосконалювати методи, необхідні для його виробництва, як і постійно підвищувати кінцевий результат.
Насправді, для UX дизайнерів може виявитися корисним періодично оглядатися на свої минулі проекти (успіхи та невдачі), щоб з'ясувати, чому вони навчилися, і як це можна застосувати у своїй майбутній роботі.
Дизайн – досить широкий та розпливчастий термін. Коли хтось каже: «Я дизайнер», не одразу зрозуміло, чим він займається день у день. Є цілий ряд різних галузей, що входять до цього поняття.
Посадові обов'язки, пов'язані з дизайном, існують у різних галузях, починаючи від промислового дизайну (авто, меблі), друку (журнали та інші видання), і закінчуючи веб-дизайном (веб-сайти, мобільні програми). З недавнім припливом високотехнологічних компаній, орієнтованих створення інтерфейсів для екранів, у дизайні з'явилося багато нової роботи. Посада UX або UI дизайнера може бути незрозумілою не лише непосвяченим, але навіть самим дизайнерам, які приходять з інших галузей.
"У цього питання немає єдиної правильної відповіді."
Давайте спробуємо розібратися, що насправді це означає в ІТ-індустрії.
UX дизайнер
UX дизайнери в першу чергу стурбовані тим, як продукт взаємодіє з користувачем. Це питання не має єдиної правильної відповіді. UX дизайнери досліджують різні підходи до вирішення конкретної проблеми користувача. Основне завдання дизайнера UX полягає в тому, щоб переконатися, що продукт логічно перетікає від одного кроку до іншого. Один із способів, яким UX дизайнер може це з'ясувати — провести власні тести особисто і зробити висновки зі своїх відчуттів. Виявляючи вербальні та невербальні спотикання, він коригує та ітерує, створюючи тим самим «краще» сприйняття для користувача. Як приклад - створення чудового онбордингу для нового користувача.
«Визначати моделі взаємодії, потік завдань користувача та специфіку інтерфейсу. Розробляти сценарії, end-to-end взаємодії, моделі взаємодії, розробку графічного інтерфейсу користувача. Робота з нашим креативним директором та графічним дизайнером, щоб об'єднати візуальну сторону Twitter із його функціональними особливостями. Розробляти та підтримувати, вайрфрейми, мокапи та специфікації при необхідності».
Приклад екрана програми, розробленого дизайнером UX
Джерело: Kitchenware Pro Kit Wireframe від Neway Lau на Dribbble.
Завдання:Вайрфрейми екранів, розкадрування, план сайту
Інструменти: Photoshop, Sketch, Illustrator, Fireworks, InVision
Ви, швидше за все, чули від нього: «Сторінку „Спасибі“ користувач має побачити після закінчення реєстрації».
UI дизайнер
На відміну від UX дизайнерів, які стурбовані загальним сприйняттям продукту, дизайнерам інтерфейсу важливо те, як продукт виглядає. Вони відповідають за проектування кожного екрана або сторінки, з якою взаємодіє користувач і забезпечують візуальну частину інтерфейсу, яку розробив UX дизайнер. Наприклад, UI дизайнер, створюючи аналітичну панель, може вивести вгору важливішу інформацію, або вирішує, слайдер або панель управління є найбільш інтуїтивно зрозумілою для додавання до графіка. UI дизайнер ще зазвичай відповідає за створення повного посібника з оформлення, що забезпечує цілісну мову дизайну, що охоплює весь продукт. Підтримка узгодженості візуальних елементів та визначення того, в якому напрямку слід працювати. Наприклад, як відображати помилки чи попередження, входять до сфери компетенцій UI дизайнера.
«Концепція та реалізація візуальної мови Airbnb.com. Створення розширеного стайлгайду.
Кордони між UI та UX дизайнером досить розмиті, і дуже часто компанії вважають за краще об'єднувати ці ролі.
UI дизайнер визначає загальне сприйняття та зовнішній вигляд програми.
Джерело: Metro Style Interface 4 робота Ionut Zamfir на Dribbble.
Інструменти: Photoshop, Sketch, Illustrator, Fireworks
«Поля „увійти“ та „зареєструватися“ потрібно перемістити у правий верхній кут».
Графічний дизайнер
«Графічні дизайнери чіпляються над дрібними деталями, на які інші не звертають уваги».
Графічний дизайнер це той, хто займається графікою - швидше за все відповість вам не-дизайнер, якщо ви запитаєте його, чим займається дизайнер. Графічних дизайнерів не хвилює те, як екрани посилаються один на одного, ні як хто взаємодіє з продуктом. Натомість їх увага зосереджена на розробці красивих іконок, засобів управління та візуальних елементів та створення відповідного оформлення. Графічні дизайнери проробляють дрібні деталі, які інші не бачать, і часто працюють у Photoshop з 4-кратним і 8-кратним збільшенням.
«Виробляти високоякісні візуальні проекти: від концепції до виконання, у тому числі для робочого столу, Інтернету та мобільних пристроїв з різною роздільною здатністю (іконки, графіка та маркетингові матеріали). Створення та ітерація ресурсів, що відображають бренд, робити продукт красивим та вдихати у нього життя».
UI дизайнерам теж часто доводиться займатися не лише своєю роботою, а й робити піксель-перфект верстку. Деякі компанії вважають за краще не мати окрему людину на роль графічного дизайнера.
Графічний дизайнер проектує, спрямовує та регулює кожен піксель, щоб забезпечити ідеальний кінцевий результат.
Джерело: IOS 7 Guide Freebie PSD від Seevi kargwal на Dribbble.
Інструменти: Photoshop, Sketch
Ви, швидше за все, чули від нього:"Зменшити кернінг і перенести кнопку на 1 піксель вліво!"
Моушн дизайнер
Пам'ятаєте ледь помітне рух, коли ви тягнете екран, щоб оновити пошту на вашому iPhone? Це робота моушн дизайнера. На відміну від графічних дизайнерів, які, як правило, мають справу зі статичними об'єктами, моушн дизайнери створюють анімацію всередині програми. Вони мають справу з тим, що інтерфейс робить після того, як користувач торкається нього. Наприклад, вони вирішують, як меню має ковзати, які ефекти використовуватиме переходів, і як кнопка натискатиметься. Коли все зроблено добре, рух стає невід'ємною частиною інтерфейсу, надаючи візуальні підказки про те, як користуватись продуктом.
«Потрібне знання графічного дизайну, моушн дизайну, діджитал арт, почуття кольору та друкарні, загальна поінформованість матеріалів/текстур та практичне розуміння анімації. Знання прошивок iOS, OS X, Photoshop та Illustrator, а також знайомство з Director (або еквівалент), Quartz Composer (або еквівалент), 3D комп'ютерне моделювання, моушн графіка».
Інструменти: AfterEffects, Core Composer, Flash, Origami
Ви, швидше за все, чули від нього:"Меню має спливати зліва через 800 мс."
UX дослідник
UX дослідник знає все про потреби користувачів.
UX дослідник знає все про потреби користувачів. Мета дослідника - відповісти на два головні питання: "Хто наші користувачі?" та «Чого наші користувачі хочуть?». Як правило, це має на увазі опитування користувачів, дослідження ринку, і аналіз даних. Дизайн – це процес постійного ітерування. Дослідники можуть допомогти в цьому процесі за допомогою проведення тестів типу A/B, щоб з'ясувати, який варіант дизайну задовольняє потреби користувачів. UX дослідники, як правило, є головною опорою великих компаній, де доступ до великої кількості даних відкриває їм широкі можливості для статистично значущих висновків.
«Робота в тісному контакті з групами розробників визначення тем досліджень. Дизайн дослідження, що стосуються як дій користувачів, так і їх сприйняття. Проведення досліджень з використанням та застосуванням різноманітних методів, таких, як опитування.»
Термін UX виник у 1993 році у надрах корпорації Apple, розшифровка звучить як User eXperience. Зі зростанням популярності мобільних пристроїв це поняття увійшло в моду і почало використовуватися повсюдно. Але навіть зараз не всі можуть відповісти з упевненістю, що таке UX-дизайн, чим він відрізняється від UI-дизайну і чому ці речі часто згадуються у зв'язці. Ми допоможемо розібратися.
Що таке UX-дизайн
UX-дизайн - це дизайн досвіду користувача. Він є одним з перших ступенів у створенні продукту і служить для того, щоб програма була логічною, зручною і корисною. і сайтів визначає, які враження отримає людина від їх використання, як саме вона користуватиметься цими продуктами.
Де краще розмістити вхід до особистого кабінету? Скільки кроків має пройти користувач, щоб передплатити розсилку або зробити замовлення? Як він зрозуміє, що операція пройшла успішно? Саме такі питання вирішує UX-дизайнер.
UX-дизайн включає різні компоненти:
- інформаційну архітектуру;
- інтерактивний дизайн;
- юзабіліті (показник простоти, зручності та ефективності продукту в очах користувачів).
UX-дизайнер розбирається в психології та емоціях користувачів, аналізує їх очікування від продукту та ставить за мету, яку потрібно досягти. Далі він вибирає відповідні інструменти та вигадує структуру програми або сайту, яка відповідає всім необхідним параметрам.
Сира ідея сайту або програми схожа на розібраний пазл у нашому офісі. Волею UX-дизайнера із цих шматочків складається зрозуміла структура
UX-дизайнер не має одноманітних завдань, тому для різних проектів нерідко потрібні люди з навичками з різних областей. Існують цілі лабораторії з потужним технічним оснащенням, у яких над дослідженнями працює команда з кількох людей. У таких лабораторіях є прилади, що фіксують психофізичні реакції користувачів (наприклад, рухи погляду та серцебиття), там проводять опитування, спостерігають за користувачами за допомогою включеного та невключеного методу та .
UX-дизайнерам важливо вміти:
- проводити дослідження користувачів;
- створювати вайрфрейми та прототипи сайтів та додатків. Це допоможе оцінити, в якому напрямку розвивати програму або сайт. Причому вміння малювати зовсім не обов'язкову навичку для сучасного UX-дизайнера. Існує безліч інструментів для прототипування, де за допомогою готових елементів можна створити грамотну візуалізацію інтерфейсу (наприклад, Axure, Balsamiq або UXPin);
- проектувати взаємодію, тобто уявляти, як саме людина користуватиметься продуктом. Для цього створюються карти маршрутів користувачів по екранах програми, інтерактивні каркаси сайтів та програм з різними варіантами дизайну;
- тестувати продукт;
- займатися аналітикою. Використання різних метрик (наприклад Webvisor, Hotjar, Mixpanel, UXcam, або Appsee) допоможе зрозуміти, наскільки ефективно працює дизайн, та доопрацьовувати продукт, ґрунтуючись на реальних даних.
Докладніше про принципи та основи UX-дизайну інтерфейсів можна почитати у .
Що таке UI-дизайн
Дизайн інтерфейсів або UI-дизайн - це візуальне втілення UX-дизайну. Його завдання — зробити програму, сайт або інший продукт інтуїтивно зрозумілим, привабливим та максимально простим у використанні за допомогою певних графічних рішень.
UI-дизайнер відповідає за те, як виглядатиме кожен окремий екран або сторінка. Сфера його відповідальності - графічні елементи управління, такі як кнопки та чекбокси, шрифти, колірні схеми та різні візуальні образи.
Як має виглядати кнопка, щоб на неї було зручно натискати? Який розмір шрифту вибрати, щоб добре читався текст? Як оформити повідомлення про помилку, щоб воно привертало увагу, але не дратувало? Відповіді на ці запитання допомагають знайти UI-дизайн інтерфейсів.
UI-дизайнер використовує різні графічні редактори: Photoshop, Illustrator, Sketch, Fireworks, Adobe XD, Gravit Designer, Affinity Designer, Figma
Працюючи над тим, як програма буде виглядати на екрані гаджета, UI-дизайнер орієнтується на гайдлайни мобільних платформ - набори рекомендацій від Apple і Google, завдяки яким програми сторонніх розробників виглядають однаково і органічно вбудовуються в загальну концепцію.
Якщо провести дуже звичайну аналогію з життя, то UX-дизайн - це планування квартири і комунікацій, а UI - вибір шпалер і покриття для підлоги. Однак на практиці UX- і UI-дизайн тісно взаємопов'язані, другий логічно слід за першим, і нерідко тим і іншим займається одна і та сама людина. Тому грань між двома поняттями розмивається, і їх указують разом.
UX-дизайн – що це? В даний час індустрія інтерфейсу користувача зростає швидкими темпами, але UX-дизайн як і раніше є абсолютно новий світ для більшості керівників і менеджерів. Ця сфера ставить собі завдання підвищити задоволеність користувачів продуктом, поліпшити зручність використання, доступність і взаємодія. Поєднує в собі традиційний дизайн взаємодії людини і комп'ютера і розглядає всі аспекти взаємодії користувача з продуктом або сервісом.
Дизайнери UX відіграють провідну роль у покращенні основних потреб кінцевого користувача та намагаються створити продукт, який робить аудиторію щасливою. Це, у свою чергу, призводить до здорової інвестиційної віддачі та допомагає підтримувати зростаючий бізнес чи організацію.
Що робить UX Designer?
Дизайнери UX вивчають та оцінюють, як користувачі ставляться до системи, дивлячись на такі речі, як простота використання, сприйняття цінності системи, корисність, ефективність у виконанні завдань.
Дизайнери UX також розглядають підсистеми та процеси всередині системи. Наприклад, вони можуть вивчити процес оформлення замовлення на веб-сайті електронної комерції, щоб дізнатися, наскільки легко та доступно здійснювати процес купівлі продуктів із сайту. Вони можуть заглибитись у вивчення компонентів підсистеми, наприклад, побачити, наскільки ефективним та приємним є досвід користувачів, які заповнюють поля введення у веб-формі.
UX-дизайн – що це? Концепція технології
Важливою концепцією дизайну UX є процес, за допомогою якого користувачі формують досвід. Коли споживач стикається з продуктом, формується миттєве враження, яке змінюється з часом. У цьому процесі сприйняття, дія, мотивація і пізнання поєднуються, щоб сформувати користувальницький досвід. Цей процес викликає емоційні реакції, які значною мірою визначають, чи буде досвід позитивним чи негативним.
Дизайнери UX прагнуть створити фактори, що впливають на процес навмисно. Для цього розробник UX розглядає три категорії питань: що, чому та як.
Чому— має на увазі мотивацію користувачів до прийняття продукту та бажання ним володіти.
Що— стосується того, що люди можуть робити з продуктом та його функціональністю.
Як- відноситься до дизайну функціональності доступним та естетично приємним способом.
Дизайн UX починається з категорії «чому», потім визначає, «що» і, нарешті, як, щоб створювати продукти, з якими користувачі можуть отримувати значні враження.
Історична ретроспектива
У порівнянні з багатьма іншими дисциплінами, особливо з веб-системами, UX-дизайн є відносно новим. Термін «користувацький досвід» був запроваджений доктором Дональдом Норманом, дослідником когнітивної науки, який також першим описав важливість орієнтованого на користувача дизайну — поняття, згідно з яким проектні рішення мають ґрунтуватися на потребах споживачів. З публікації цього поняття розпочалася історія UX-дизайну.
Незалежно від роботи у стартапі або великій корпорації UX-дизайнер безпосередньо залучений до процесу, щоб зробити продукт корисним та приємним у використанні для цільового ринку компанії. Процес створення продукту містить кілька важливих кроків:
дослідження споживача;
дизайн продукту;
тестування;
реалізація.
Розглянемо кожен із них докладніше.
Дослідження споживача: з чого почати дизайнеру-початківцю?
Аналіз споживчої аудиторії та виявлення потреб передбачає спілкування з реальними користувачами на цільовому ринку. Якщо предмет дослідження існує лише гіпотетично і поки що не створено, предметом обговорення стають аналогічні продукти конкуруючих фірм, їх переваги та недоліки. Якщо продукт вже існує, споживачам пропонуються питання про те, як люди почуваються при навігації по сайту з поточним дизайном, чи легко знайти необхідну інформацію, як структуровані сторінки. Окремо оцінюється якість письмового та графічного контенту та загальне візуальне враження від сайту. Для цієї частини процесу можуть використовуватись такі методи:
прототипування.
управління проектами;
ефективна взаємодія із командою.
запитальники;
обговорення у фокус-групах;
онлайн-опитування;
аналіз завдань.
Важливо відзначити, що якщо продукт є плодом дизайнерської думки і ніяк не пов'язаний у своїй розробці та реалізації з досвідом користувача і зворотним зв'язком, він не є результатом UX-дизайну.
Дизайн
Розробка дизайнерської гіпотези включає уявлення у тому, як нові продукт чи послуга можуть адаптуватися до того, як клієнт вже поводиться (це виявляється дослідженнями користувачів). Дизайн продукту орієнтований на функціональність та зручність використання, а не на те, як він виглядає. На цьому етапі використовуються такі:
інформаційна архітектура;
Тестування
Тестування передбачає перевірку те, що зміни, виконані на етапі проектування, працюють штатно і відповідають своїм завданням. Це відмінний спосіб позбутися проблем чи труднощів користувачів, які були видно на етапі проектування, перш ніж починати роботу на етапі реалізації. Існують різні:
тестування a/b;
юзабіліті;
дистанційне тестування користувачів.
Реалізація
Реалізація передбачає тісну взаємодію з веб-розробниками для досягнення кінцевої мети. Фахівці веб-розробки працюють над тим, щоб перетворити дизайнерські ідеї на реальний сайт. Важливо, щоб розробники працювали в команді протягом усього процесу, щоб зробити цей заключний етап ефективнішим та оптимальнішим.
Що таке досвід користувача?
Веб-сайти та програми стають все більш складними в міру просування технологій. Те, що раніше було одностороннім статичним середовищем, сьогодні перетворилося на широкий інтерактивний досвід.
Але незалежно від того, наскільки змінився виробничий процес, успіх веб-сайту, як і раніше, залежить тільки від одного: як користувачі його сприймають. «Цей сайт дає мені цінність? Чи легко його використати? Чи приємно тут бути?» - це питання, які задають собі користувачі, коли взаємодіють із продуктами компанії, і саме на підставі цього досвіду, як правило, вони ухвалюють рішення про покупку.
Користувальницький інтерфейс (скорочено UX) у дизайні — те, як людина почувається при взаємодії із системою. Система може бути веб-сайтом, веб-програмою або настільним програмним забезпеченням. У сучасному контексті це часто позначається як взаємодія людини та комп'ютера.
Поняття User experience охоплює всі аспекти взаємодії кінцевого споживача з компанією, її послугами та продуктами. Важливо відрізняти загальний дизайн проекту від інтерфейсу користувача, хоча User experience є надзвичайно важливою частиною дизайну.
Також необхідно розрізняти UX і зручність використання: відповідно до визначення атрибут якості інтерфейсу користувача, який охоплює легкість навчання, ефективність використання, приємність, візуальну прийнятність, естетику оформлення.
Професійні компетенції
Дизайнер UX відповідає за всі описані вище етапи процесу та їх виконання. Існує ряд професійних компетенцій, яким приділяється велика увага під час навчання дизайнера:
лідерство;
Ці професійні характеристики дуже важливі для успішної роботи.
У чому різниця між дизайном UX та UI?
Дизайнери інтерфейсу користувача (UI) фокусуються на макеті і фактичному дизайні кожного елемента, з яким взаємодіє користувач, тоді як дизайнери User Experience (UX) зосереджують свою увагу на взаємодіях користувача з цим елементом, а також на комплексному враженні від продукту. Дизайнери UI та UX часто працюють разом, а також у команді з веб-розробниками, для створення продукту, який є візуально привабливим та приємним у використанні.
Що робить дизайнер UX?
Дизайнери UX виконують різний функціонал залежно від проекту та етапу розробки. На ранніх етапах проекту фахівці проводять попередні дослідження досвіду, а потім планують взаємодію за допомогою каркасу та прототипування своїх проектів, які далі перевіряються за допомогою різних евристичних методик.
Під час розробки продовжується тестування та розробка інтерфейсу користувача з метою поліпшення продукту та досвіду взаємодії зі споживачем.
Після запуску проекту дизайнер UX може аналізувати показники користувача, щоб відслідковувати результати своєї роботи, повертатися назад і продовжувати ітерацію для поліпшення слабких місць дизайнерського рішення.
Завдання та методи
Дизайнери UX виконують різні завдання у різних точках процесу. Нижче наведено основний перелік:
Оцінка поточної системи.Якщо система вже існує, професіонал UX буде цілісно оцінювати її поточний стан. Виявляються проблеми та пропонуються виправлення на основі аналізу даних досліджень.
A/B TESTING.Фахівець може розробити дослідження для порівняння ефективності та якості досвіду різних інтерфейсів користувача. Це виконується шляхом висування гіпотези (наприклад, «зелена кнопка привабливіша, ніж червона»). Потім пропонується кілька версій дизайну і в порядку тестування визначається "кращий досвід" (наприклад, "зелена кнопка краща, тому що користувачі клацали по ній частіше".).
Опитування.Розробник UX проводить опитування існуючих та потенційних користувачів системи, щоб отримати уявлення про те, що було найефективнішим дизайнерським рішенням. Оскільки досвід одиничного користувача є суб'єктивним, найкращий спосіб отримати безпосередню інформацію – це вивчення та взаємодія з груповою думкою.
Каркаси та прототипи.На основі своїх висновків, фахівці UX можуть розробляти каркаси різних макетів та прототипи вищої точності.
Користувальницькі потоки.Проектування того, як користувачі повинні переміщатися системою, є ще одним популярним інструментом.
Шаблони проектування
Шаблони забезпечують узгодженість та спосіб знаходження найефективнішого «інструменту» для роботи. Наприклад, при розробці шаблонів інтерфейсу користувача вибір правильних елементів (наприклад, вкладки модуля, слайд-шоу) для певних завдань, заснованих на їх ефективності, призводить до кращого вирішення. Розробники UX не тільки пропонують шаблони проектування, які використовуються на інших веб-сайтах, але й розробляють шаблони для поточного проекту.
Програми
Існує кілька популярних та легко доступних програм для UX-дизайну для роботи та навчання. Інструменти не призначені лише для UX-дизайнерів. Програмісти та веб-майстри також використовують їх.
Курси UX-дизайну використовують інструменти прототипування – на початковому етапі їх можна виконати за допомогою ручки та паперу. Цей недорогий та доступний інструмент навчання дизайнера на практиці дозволяє швидко сформувати прототип та перейти до проектування.
Деякі програмні засоби для створення каркасу та прототипів:
Під час навчання основ UX-дизайну використовується тестування A/B, також відоме як роздільне або багатоваріантне тестування. Цей інструмент порівнює різні версії сторінки. Тестування може бути виконане за допомогою будь-якої з кількох програм.
В основному програмне забезпечення для тестування A/B розбиває трафік веб-сайту на два рівні сегменти. Одна група бачить версію A, а інша – версію B. Статистика, така як коефіцієнт конверсії та показник відмов, відстежується кожної версії. Спліт-тестування визначає, яка версія краща, і це рішення засноване на статистичних даних. Одним з найпопулярніших програм для тестування A/B є Website Optimizer Google.
Управління контентом
Під час навчання UX-дизайну з нуля використовується багато методів інвентаризації контенту. Використання серверної програми на місці (для якого вам потрібен доступ до веб-сервера) найкраще підходить для виробничих сайтів. Будучи ближче до джерела, ніж програмне забезпечення сторонніх розробників, ці програми є більш точними та ефективними. З цією метою може використовуватися простий інструмент Excel для створення та керування інвентаризацією контенту, наприклад шаблон GetUXIndex ()).
Веб-сайти, створені з такими системами керування контентом, як WordPress та Drupal, зазвичай мають вбудовані інструменти, які показують карту існуючого веб-сайту.
Опитування та фідбек
Опитування користувачів – ще одне популярне завдання дизайну UX. Найефективніший та економічний спосіб зробити це – за допомогою програми для опитування та зворотного зв'язку або тестування віддаленого користувача.
Загальні інструменти для проведення опитувань, наприклад, PollDaddy, є гнучкими рішеннями, які також можуть використовуватися для інших завдань. Існують інструменти зворотного зв'язку для зручності використання, такі як Usability та віддалені служби тестування користувачів, такі як юзабіліті-хаб, які адмініструють систему тестування.
Приклади
Приклад UX-дизайну – що це? Дизайн інтерфейсу користувача - це процес створення продуктів, які надають осмислений і експериментальний досвід. Це передбачає ретельний дизайн та зручність використання продукту, естетичне задоволення від застосування та велику функціональність.
Таким чином, продукти, що забезпечують відмінний інтерфейс користувача (наприклад, iPhone є найкращим прикладом UX-дизайну), призначені не тільки для споживання або використання продукту, але і для всього процесу придбання, володіння і навіть усунення несправностей.