Наукові конференції України, Друкарство молоде-2020

Розмір шрифту: 
Проектування UX/UI дизайну мобільного додатку
Владислав Геннадійович Дарико

Остання редакція: 2020-04-21

Тези доповіді


Якісний UI/UX дизайн — це те, що відрізняє успішний мобільний додаток серед інших. UX дизайн — це розробка структури та користувацького інтерфейсу додатка, що заснована на користувацькому досвіді, а UI дизайн — це візуальне представлення користувацького інтерфейсу додатка. Загалом розробка UX дизайну базується на аналізі ймовірної поведінки користувача в момент використання додатка та підвищенню зручності використання на основі цього аналізу, тому першим етапом розробки є аналіз специфіки продукту, а саме визначення сфери діяльності, функціоналу, аналізу цільової аудиторії, ринку та конкурентів. Це необхідно для визначення ймовірних шляхів, які будуть здійснені користувачем, які наглядно структурують у вигляді асоціативної карти (Mindmap). Наступними етапами є схематичне прототипування (Sketching) та розробка каркасної структури додатку (Wireframing), які представляють собою схематичне зображення елементів навігації на екранах в аналоговому та цифровому вигляді. На цьому етапі виконується розробка початкового низько деталізованого прототипу. Це виконується для того, щоб остаточно затвердити концепцію роботи додатка, що дозволяє скоротити час та матеріальні ресурси, так як одразу після даного етапу можна переходити до тестування. На етапі тестування UX/UI дизайну відбувається аналіз взаємодії потенційних користувачів з інтерфейсом додатку. Аудиторії пропонується виконати конкретні завдання, при цьому ведеться спостереження за їх поведінкою. На основі чого вдосконалюються елементи дизайну та розробляються альтернативні рішення. На основі розроблених Wireframe та Mindmap розробляється та тестується інтерактивний анімаційний прототип. Після затвердження остаточної версії концепції відбувається перехід до розробки UI дизайну. Першим етапом є створення Moodboard. Це набір зразків елементів майбутнього дизайну: палітр кольорів, розроблених раніше, які можна використати як ідеї для оформлення розроблюваного додатку. Після цього розробляється дизайн-концепція. Для цього обирають 5–6 унікальних екранів, дизайн яких надається для узгодження і тільки після цього виконується дизайн всіх екранів додатка. Наступним етапом є виготовлення високо деталізованого інтерактивного прототипу. Цей вид прототипу відрізняється від попереднього тим, що він має вигляд завершеного додатку, але зберігає свої недоліки щодо виводу реальних даних та складної структури. Для розробленого прототипу створюється різноманітна анімація. Наприклад, анімація переходів між екранами числайдера тощо. Останнім етапом розробки UX/UI дизайну є підготовка та передача матеріалів на етап розробки самого додатку. Для цього формуються матеріали у всіх необхідних розмірах і станах та разом з анімованим прототипом передаються розробникам. Дуже важливим моментом є комунікація з розробниками, адже досить частим випадком є невідповідність розробленого додатка прототипу. Для усунення цих розбіжностей виконується перевірка якості розробки додатку (Design review) — дизайнер звіряє створений розробником додаток з прототипом та вказує на розбіжності, які в подальшому оперативно усуваються. Таким чином досягається створення додатка в своєму кінцевому вигляді, який і хотів отримати замовник.


Ключові слова


проектування; дизайн; мобільний додаток

Full Text: PDF