Проектування і прототипування інтерфейсів

Проектування зручних інтерфейсів і досвіду взаємодії

Детальніше
Нагороди 6 нагород 4 номінації в UI/UX
рейтинги Рейтинг Evergreen — ITRating Рейтинг Evergreen — CMSMagazine Рейтинг Evergreen — WRate.net

Що таке проектування і прототипування інтерфейсів?

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

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

Під час проектування враховуються три ключові складові життєздатного продукту:

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

Коли потрібно проектувати інтерфейс?

Створення нового продукту.

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

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

Редизайн існуючого проекту.

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

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

75%

– підвищення виручки компаній, відомих як "design unicorns", які зробили ставку на високий рівень UX

Процес проектування і прототипування в Evergreen

— обов'язкові етапи розробки

Аналітика

Мокап

Прототип

Тестування

Коментарі до процесу проектування

slogan-img

Гортайте, щоб побачити інші причини

  1. Аналітика та збір вимог - глибоке і повне розуміння майбутньої цільової аудиторії та її потреб - ключовий принцип, на яку ми спираємося при розробці інтерфейсу. Поки ми не розуміємо для кого ми робимо і які мотиви у користувача ми не переходимо до наступного етапу. В процес аналітики максимально залучений і клієнт, надаючи всю наявну інформацію. На цьому етапі аналізуються ринок, конкуренти, цільова аудиторія, користувачі, збираються функціональні вимоги, уточнюються обмеження, які є на проекті.
  2. Мокап - це нізкодеталізірованний прототип, завдання якого синхронізувати розуміння всіх учасників проектування - клієнта, дизайнерів, аналітиків та ін. В мокап проектуються сторінки, необхідні для виконання ключових сценаріїв користувача, другорядні сторінки на наступному етапі. Швидкий час на створення такого прототипу дозволяє його легко правити, змінюючи структуру і компоненти в процесі обговорення з командою, без значних втрат.
  3. Високодеталізований прототип - це повний прототип майбутнього продукту з усіма сценаріями і інтерактивними діями. Такий прототип повністю передає суть і функціонал проекту - він працює як реальний сайт. За допомогою прототипу можна проводити тестування зручності інтерфейсу, що дозволяє заощадити час на переробках проекту, коли він вже розроблений і випущений в світ.
  4. Тестування - кращий спосіб перевірити правильність всіх гіпотез (припущень що користувачі буду вести себе саме так), які були покладені в основу проектування інтерфейсу. Тестування проводиться наживо або віддалено, його суть зводиться до того що потенційний користувач виконує цільові дії. Досвід користувача (успішність виконання, помилки, емоційна задоволеність) аналізуються і, при необхідності вносяться правки в прототип.
  1. Аналітика та збір вимог - глибоке і повне розуміння майбутньої цільової аудиторії та її потреб - ключовий принцип, на яку ми спираємося при розробці інтерфейсу. Поки ми не розуміємо для кого ми робимо і які мотиви у користувача ми не переходимо до наступного етапу. В процес аналітики максимально залучений і клієнт, надаючи всю наявну інформацію. На цьому етапі аналізуються ринок, конкуренти, цільова аудиторія, користувачі, збираються функціональні вимоги, уточнюються обмеження, які є на проекті.
  2. Мокап - це нізкодеталізірованний прототип, завдання якого синхронізувати розуміння всіх учасників проектування - клієнта, дизайнерів, аналітиків та ін. В мокап проектуються сторінки, необхідні для виконання ключових сценаріїв користувача, другорядні сторінки на наступному етапі. Швидкий час на створення такого прототипу дозволяє його легко правити, змінюючи структуру і компоненти в процесі обговорення з командою, без значних втрат.
  3. Високодеталізований прототип - це повний прототип майбутнього продукту з усіма сценаріями і інтерактивними діями. Такий прототип повністю передає суть і функціонал проекту - він працює як реальний сайт. За допомогою прототипу можна проводити тестування зручності інтерфейсу, що дозволяє заощадити час на переробках проекту, коли він вже розроблений і випущений в світ.
  4. Тестування - кращий спосіб перевірити правильність всіх гіпотез (припущень що користувачі буду вести себе саме так), які були покладені в основу проектування інтерфейсу. Тестування проводиться наживо або віддалено, його суть зводиться до того що потенційний користувач виконує цільові дії. Досвід користувача (успішність виконання, помилки, емоційна задоволеність) аналізуються і, при необхідності вносяться правки в прототип.

Питання та відповіді

     
  •      З чого зазвичай ви починаєте проектування інтерфейсу?     

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

        
      
  •      Ви проводите тестування на користувачах?     

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

        
      
  •      Чи використовуєте ви опитувальники при ux проектуванні?     

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

        
      
  •      Ви можете створити прототип інтерфейсу абсолютно нового продукту, який не має аналогів?     

    Так. У нас є відпрацьований техпроцес проектування і створення user experience. Над проектом працює команда, яка детально опрацьовує портрети користувачів, розробляє карту поведінки користувача на проекті і шукає оптимальні способи реалізації завдань користувача

        
      
  •      Як ви перевіряєте якість проектування?     

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

        
      
  • Проектування інтерфейсу може зробити будь-який дизайнер або фрілансер

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

  • Проектування робити не обов'язково

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

Замовити проектування інтерфейсу