Услуга · Сайты и веб-разработка

Веб-дизайн UI/UX

Работа начинается с вопроса, что человек должен сделать на этой странице, и только потом переходит к оформлению. Нарядный интерфейс, в котором не находится кнопка заказа, вреднее скучного: он прячет проблему за приятной картинкой.

Схемы
до отрисовки
Телефон
проектируем с него
Компоненты
а не набор картинок
Проверка
на живых людях

Состав работ

Есть проектирование поведения и есть оформление. Первое делается раньше и стоит дороже ошибок во втором.

Обсудить объём

Изучение

Кто приходит, с какой задачей, на чём спотыкается в текущем интерфейсе.

Схемы страниц

Без цветов и шрифтов. На них дёшево спорить и легко переделывать.

Макеты

Ключевые страницы во всех состояниях: пусто, идёт загрузка, ошибка, слишком много данных.

Набор компонентов

Кнопки, поля, отступы, типографика. Дальше страницы собираются без участия дизайнера.

Узкий экран

Проектируем от телефона, потому что оттуда приходит основная часть аудитории.

Тест удобства

Даём человеку задачу и молча смотрим, где он застрянет.

Порядок действий

Три-пять недель на обычный сайт. Половина уходит на схемы и окупается вдвое на разработке.

01

Погружение

Разбираем задачи бизнеса и сценарии людей, смотрим статистику, если она собирается.

02

Схемы

Структура и переходы, согласование до отрисовки.

03

Макеты

Оформление и набор компонентов, все состояния интерфейса.

04

Передача

Файлы в виде, готовом к вёрстке, с описанием поведения элементов.

Дизайн, согласованный по личному вкусу руководителя, обычно проигрывает. Нравится или не нравится - вопрос не к интерфейсу, а к обоям в кабинете. Проверяется он иначе: даёте пяти людям из целевой аудитории задачу и смотрите, справятся ли. Это дёшево и почти всегда обнаруживает очевидное.

Вопросы и ответы

Для простого сайта вполне. Свой дизайн окупается там, где интерфейс нетиповой: кабинет клиента, оптовая платформа, сложный подбор товара. Для страницы о компании переплата за уникальность редко оправдана.

Заказчику, и это стоит зафиксировать в договоре. Без исходников следующий подрядчик начнёт с нуля, а вы заплатите за дизайн второй раз.

Не по расписанию, а по симптомам: интерфейс не работает на новых экранах, структура переросла себя, статистика показывает, что люди не доходят до цели. Обновление ради свежести обычно только сбивает привыкших пользователей.

Спроектируем интерфейс

Расскажите про продукт и про то, что человек должен в нём сделать. Начнём со схем, а не с картинок.