UI/UX-дизайн для бизнеса в Дубае и ОАЭ
Некоторым командам нужен дизайн без разработки: сайт или продукт, который исследован, протестирован и описан так, чтобы его могли разработать ваши собственные программисты или другой подрядчик. Итог этой работы — результаты исследования, протестированный прототип и файлы дизайна, готовые для разработчиков.
Кто заказывает только дизайн
- Компании со своими разработчиками
- Ваши инженеры умеют разрабатывать, но за исследования пользователей, сценарии и дизайн интерфейса никто не отвечает.
- Основатели перед разработкой
- Вам нужен кликабельный прототип, чтобы протестировать его с клиентами, показать инвесторам или получить точные оценки от разработчиков.
- Команды, заменяющие продукт или портал
- Внутренний инструмент, сценарий бронирования или клиентский портал работает, но пользователям с ним трудно, и вы хотите сделать редизайн перед переработкой.
- Заказчики, разделяющие дизайн и разработку
- Правила закупок или тендера требуют заключать договор на этап дизайна и принимать его отдельно.
Если вы хотите, чтобы мы и спроектировали, и разработали продукт, начните с веб-разработки или разработки SaaS. Если у вас уже работает продукт и вы сначала хотите понять, что с ним не так, UX-аудит меньше по объёму и быстрее. Продукты по подписке с онбордингом, ролями и биллингом подробно разбираются в услуге дизайн SaaS-продуктов.
Исследования соразмерно решению
Исследования нужны, чтобы снизить риск сделать не то, поэтому их объём зависит от того, что поставлено на карту. Для маркетингового сайта это могут быть интервью с заинтересованными лицами, анализ данных аналитики и поиска и несколько разговоров с недавними клиентами. Для продукта или портала обычно добавляются анализ задач с реальными пользователями, разбор обращений в поддержку и изучение того, как те же задачи решают конкуренты.
В ОАЭ пользователи редко представляют одну группу. Сценарием бронирования могут пользоваться клиенты-эмиратцы на арабском, экспаты на английском и сотрудники, которые весь день работают с ним на компьютере. Там, где это важно, мы привлекаем участников из всех этих групп, проводим сессии на арабском или английском и сообщаем о том, что наблюдали, а не придумываем персонажей на основе предположений.
Результаты дизайна
- Итоги исследования
- Что мы узнали, как мы это узнали и что это значит для дизайна, с приложенными подтверждениями.
- Пользовательские пути и сценарии
- Ключевые задачи, расписанные по шагам, включая ошибки и переходы в email, WhatsApp или к сотрудникам.
- Информационная архитектура
- Навигация, перечень страниц или экранов и иерархия контента.
- Вайрфреймы
- Схематичные макеты всех ключевых экранов, согласованные до начала визуального дизайна.
- Кликабельный прототип
- Прототип основных сценариев, протестированный с пользователями и доработанный по итогам наблюдений.
- Дизайн интерфейса
- Детальные экраны для мобильных, планшетов и компьютеров на английском и арабском с состояниями наведения, фокуса, загрузки, пустыми состояниями и ошибками.
- Библиотека компонентов
- Переиспользуемые компоненты и дизайн-токены — отправная точка для полноценной дизайн-системы, если она вам нужна.
- Передача разработчикам
- Спецификации отступов, типографики, брейкпоинтов, взаимодействий и доступности, организованные так, чтобы разработчикам не приходилось гадать.
Дизайн для арабского и английского с самого начала
Арабские макеты, созданные после английских, почти всегда приходится переделывать. Мы проектируем оба направления вместе, чтобы решения о сетках, иконках и компонентах работали в каждом из них.
- Макеты, порядок навигации, индикаторы прогресса и иконки со стрелками, например «назад», зеркалятся справа налево.
- Логотипы, элементы управления воспроизведением, номера телефонов и большинство графиков не зеркалятся.
- Для арабского текста нужен специально созданный для него шрифт, часто более крупный кегль и больший межстрочный интервал, чем для латиницы.
- Смешанный текст, например английские названия брендов или коды товаров внутри арабских предложений, проверяется на правильный порядок.
- Длина текста на разных языках различается, поэтому компоненты проектируются так, чтобы вмещать оба варианта без обрезки.
- Выбор между западными и восточноарабскими цифрами делается один раз и применяется последовательно.
Как проходит работа
Старт
Цели, ограничения, техническая платформа, заинтересованные лица и порядок согласования решений.
Исследование
Интервью, анализ данных и конкурентов, сведённые в итоги с рекомендациями.
Структура и сценарии
Информационная архитектура и карты пользовательских путей, согласованные с вашей командой.
Вайрфреймы и тестирование прототипа
Вайрфреймы превращаются в кликабельный прототип, который тестируется с пользователями и дорабатывается.
Дизайн интерфейса
Визуальный дизайн для всех размеров экранов и обоих языков с описанием всех состояний.
Передача и поддержка при разработке
Разбор макетов с вашими разработчиками и период, в течение которого мы отвечаем на вопросы во время разработки. Продолжительность этой поддержки согласуется в коммерческом предложении.
Объём работ, инструменты и стоимость
На протяжении всей работы мы делимся с вашей командой файлами дизайна, прототипами и комментариями, поэтому по итогам файлы остаются у вас.
Это работа только по дизайну. Она не включает фронтенд-код, настройку CMS, написание текстов и разработку фирменного стиля. Если позже вы захотите, чтобы мы разработали то, что спроектировали, файлы передачи станут отправной точкой проекта по веб-разработке или веб-приложению.
Стоимость зависит от необходимого объёма исследований, количества разных экранов или шаблонов, того, проектируются ли оба языка полностью, и количества раундов тестирования. После созвона по объёму работ мы называем фиксированную цену. Смотрите кейсы или запросите коммерческое предложение.
Частые вопросы клиентов
Чем отличается UI-дизайн от UX-дизайна?
UX охватывает исследования, структуру и сценарии — то, могут ли люди выполнить свои задачи. UI охватывает визуальный интерфейс: макет, шрифты, цвета и компоненты. Эта работа включает и то, и другое.
Смогут ли наши разработчики работать по вашим файлам без вас?
Да, в этом и смысл передачи. Файлы включают все состояния, брейкпоинты и макеты справа налево со спецификациями, и мы подробно разбираем их с вашей командой.
Нужны ли нам исследования пользователей или можно сразу перейти к дизайну?
Для простого маркетингового сайта часто хватает небольшого исследования. Для продукта или портала, которым люди пользуются каждый день, отказ от исследований обычно обходится дороже.
Со сколькими пользователями вы тестируете?
С таким количеством, чтобы увидеть закономерности; для сфокусированного раунда юзабилити-тестирования это часто около пяти человек на группу пользователей. Мы согласуем число с вами исходя из решения, которое должен обосновать тест.
Вы проектируете мобильные приложения так же, как сайты?
Да, процесс исследований и дизайна тот же. Разработка нативных приложений — в услуге разработка мобильных приложений.
Готовы построить систему роста?
Отправьте короткое описание задачи или напишите нам в WhatsApp. Мы ответим уточняющими вопросами, предложим объём работ и следующий шаг.