UI: графічний інтерфейс
Інтерфейс має бути зручним, естетичним, сучасним і не дорогим у реалізації. Наші дизайнери беруть участь у стадії виробництва інтерфейсу, тестуванні інтерфейсу та готують макети для потреб фронт-енд програмістів.
Створення мокапів
Каркасний UX дизайн наші дизайнери переводять в графічний інтерфейс у хмарній програмі Figma, що дозволяє кільком дизайнерам одночасно працювати над макетом, стейкхолдерам спостерігати за створенням UI в реальному часі, а програмістам отримати CSS коди та графіку усіх компонентів.
Варіації
Ми пропонуємо кілька стилістичних рішень одного і того самого інтерфейсу. Для цього наші дизайнери розробляють 2-3 сторінки у різних за стилем реалізаціях. Замовник може обрати той, що йому найбільше сподобався, або той, що обрали майбутні користувачі в ході тестування чи шляхом накладання теплових карт.
Адаптивний дизайн
Для складних інтерфейсів наші дизайнери створюють мокапи для різних розмірів екрану залежно від кількості брейкпоїнтів. Таким чином фронт-енд програмісту буде легко макетувати, коли зрозуміло як виглядає сторінка на різних екранах. Проте у більшості випадків для економії часу дизайн створюється у двох варіантах — для десктопу та мобільного.
Дизайн система / UI kit
Ми працюємо з компонентною структурою інтерфейсу. Вона складається з елементів, які консистентно використовуються по всій системі. Для цього ми створюємо UI kit, що містить у собі всі інстанси елементів інтерфейсу. Для складних систем доцільно більш детально описати поведінку компонентів. UI kit та дизайн система — це документ, що слугує єдиним джерелом знань для дизайнерів, фронт-енд розробників та тестувальників QA.
Згідно нашим підрахункам - введення дизайн системи економить до 20% часу при розробці продукту, оскільки фронт-енд розробка може здійснюватися відразу з UX прототипів.
Згідно нашим підрахункам - введення дизайн системи економить до 20% часу при розробці продукту, оскільки фронт-енд розробка може здійснюватися відразу з UX прототипів.
Як порахувати проект?
Оцінити роботи по часу і вартості можна після того, як ми ознайомимося з вашим проектом. Для цього нам потрібно зустрітися чи проговорити деталі онлайн.
Контакти
Yellow.Arrow.Design,
Projector. Design Environment & Co-working
вулиця Кожум'ятська, 10,
Київ, Україна, 02000
+38 (0) 63 572 62 52
Ця електронна адреса захищена від спам-ботів. Вам потрібно увімкнути JavaScript, щоб побачити її.
Pavlo Salyga
salyga.pavlo
