Основи проектування цифрових продуктів

доц., Скиба В. М.

2. Основні інструменти

Принципи проектування
та збір інформації

Що розглянемо?

Засоби збору та аналізу інформації.

Графічні редактори.

Засоби прототипування.

Принципи взаємодії та сервіси сумісної
та командної роботи.

Засоби збору
та аналізу інформації

Google

якщо щось слід знайти - Google)

Office 365

хмарні можливості звичного Office, Skype
+ інтеграція із проєктами у Teams.

GSuite

хмарний офіс, відеозв'язок + аналітика .

Figma + відеозв'язок

аналогічно Miro, Whiteboard тощо.

Hotjar

сервіс для аналізу поведінки користувачів.

Графічні редактори

Який би інструмент ви не вибрали, вивчіть ключові можливості і освойте всі гарячі клавіші,
а далі вже визначитеся)))

Тим паче, що інколи сам проєкт диктує інструмент🤔

Будь-який інструмент нам потрібен для прискорення роботи, тому нам не потрібно досконало опановувати весь функціонал, лише потрібно навчитися працювати швидко.

Найпопулярніші...

Найпопулярніша у 2020

Засоби прототипування

Axure

інструмент для створення інтерактивних прототипів сайтів і мобільних додатків.

InVision / InVision Studio

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

Protopie

сервіс, що дозволяє створювати інтерактивні прототипи без коду і запускати їх на пристроях на базі iOS і Android.

Курс

Урок

Framer X

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

Figma, XD

можливості прототипування непогано розкриті і в поширених графічних редакторах.

Простий приклад

Урок

Figma

сервіс для верстки макетів із Figma

Uitrial

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

Конструктори

можливе використання різноманітних no-code
чи low-code рішень...

Командна робота

Дизайнер ніколи не працює один, ніколи...

Як правило робота над продуктом передбачає командну оргранізацію взаємодії.

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

До складу дизайн команди може входити від 2-3
до 10 дизайнерів різного срямування.

Ролі у дизайн команді

Основні ролі у дизайн команді:

- Team Lead;

- Experience Designer;

- Visual Designer.

Team Lead в цілому займається формуванням ключової стратегії та цінністної пропозиції продукту/сервісу.

Сфера відповідальності:

- керує дослідженнями, ключовими напрямами команди та дизайн-процесом;

- забезпечує взаємодію та цілісність проєкту
(інколи займається екосистемою);

- відповідає за цінність продукту та кінцевий результат.

Experience Designer в цілому займається аналізом та проєктуванням користувацького досвіду.

Сфера відповідальності:

- проведення та аналіз досліджень/тестувань;

- фокусування на цінностях продукту/сервісу;

- формування функціональності продукту
(information architecture, scenarios, workflow
та wireframe).

Visual Designer в цілому займається UI дизайном.

Сфера відповідальності:

- досліджує архетип користувача (емоційнийпрофіль) для формування візуальної стратегії;

- створює інтерфейсні рішення відповідно
до очікувань ЦА;

- забезпечує узгодженість (впізнаваність) бренду
в продукті.