Проектирование интерфейсов
Интерфейс — это вся видимая пользователю часть сервиса, с которой он взаимодействует, решая свои задачи.
Проектирование интерфейсов — это всегда поиск наиболее эффективного решения, которое основано на понимании задач, мотиваций и обстоятельств пользователей и в то же время учитывает цели, возможности и ограничения со стороны бизнеса и технологий.
Результатом проектирования являются макеты и сопроводительные материалы, которые можно передать команде разработки.
- Глубинное исследование всего, что окружает продукт
- Решение, которое учитывает интересы бизнеса и клиента
- Финальный дизайн и поддержка внедрения на этапе разработки
Детально изучаем сам сервис и все, что его окружает: поведение пользователей и сценарии их взаимодействия с сервисом, прямых и косвенных конкурентов, возможные риски и ограничения, релевантные технологии и тренды индустрии.
Источники информации: бриф заказчика, конкурентный анализ, интервью с экспертами в предметной области, кабинетное и полевое обследование, юзабилити-тесты и эксперименты.
Разделяем модели пользователей, описываем их различия в целях, ожиданиях и контекстах использования сервиса.
Формулируем требования к каждому разделу сервиса: на какие вопросы пользователи должны получить ответы, необходимые функции, технологические и бизнес-требования.
Строим Customer Journey Map: схематично визуализируем логику взаимодействия пользователей с сервисом при решении разных задач.
Описываем User Stories: детализируем в текстовом формате, как пользователь закрывает свои потребности через интерфейс сервиса, и как интерфейс реагирует на действия пользователя.
На основе зафиксированных ожиданий и адаптированных визуальных паттернов из брендбука компании разрабатываем визуальную концепцию сервиса — несколько ключевых экранов, иллюстрирующих, как будет выглядеть интерфейс продукта, и объяснение заложенных в концепцию принципов.
Итеративно детализируем пользовательские сценарии и презентуем заказчику. Собираем обратную связь и вносим корректировки.
Систематизируем дизайн-макеты, используя библиотеки стилей и компонентов — это помогает ускорить дизайн-процесс и упростить разработку продукта.
Собираем макеты в интерактивный прототип, который моделирует реакции интерфейса на поведение пользователя.
Проводим usability-тестирование прототипа на респондентах и подтверждаем или опровергаем гипотезы, которые были заложены в дизайн-решениях.
Дорабатываем макеты по результатам тестирования.
Консультируем команду разработки на протяжении всего процесса проектирования — объясняем сложные механики, взаимосвязи и паттерны поведения элементов.
При необходимости корректируем решения и обновляем документацию, чтобы обеспечить концептуальную целостность проектного решения в условиях меняющихся технологических ограничений.
Файл в Figma, содержащий детализированные макеты по всем ключевым сценариям, и UI-kit
Файл в PDF, содержащий ключевые результаты тестирования, описание пользователей и выявленные проблемы.
Документы, на основе которых были созданы макеты: CJM, User Stories и другие материалы.
Создаем цельный пользовательский опыт, который возникнет в результате работы человека с интерфейсом, а не изображения отдельных экранов.
Ставим во главу процесса проектирования аналитику: изучаем лучшие практики, цели заказчика и задачи реальных пользователей.
Критически анализируем свои решения и постоянно улучшаем интерфейс. Потому что хотим гордиться результатом своей работы.
Летом 2019 года мы запустили сайт, который полностью спроектировали сами. Придумали формат подачи информации и ее организацию, нашли баланс между медиа, исследовательскими и заказными проектами.
Раскрываем внутреннюю кухню: как построили работу на каждом этапе, чтобы создать продукт, который оправдает ожидания клиентов и решит задачи бизнеса.
Как мы придумали реальное будущее мобильного банка в перспективе 3-4 лет на основе существующих технологий и развивающихся привычек пользователей.
Диалог с пользователем вместо заполнения форм, статус по финансам вместо списка продуктов с остатками и контекстное возникновение новых сценариев управления финансами. Прогноз, аргументация и дизайн-макеты от Markswebb.
Найти, приоритезировать и решить проблемы пользовательского опыта в вашем цифровом продукте.
Подробнее Поиск лучших практикПровести исследование лучших практик у ваших прямых конкурентов, компаний из смежных отраслей и зарубежных аналогов.
Подробнее Создание лучшего сервисаОпределить конечную интегральную метрику качества цифрового продукта и сформировать план действий по ее достижению.
Подробнее
Array
(
[SESS_AUTH] => Array
(
[POLICY] => Array
(
[SESSION_TIMEOUT] => 24
[SESSION_IP_MASK] => 0.0.0.0
[MAX_STORE_NUM] => 10
[STORE_IP_MASK] => 0.0.0.0
[STORE_TIMEOUT] => 525600
[CHECKWORD_TIMEOUT] => 60
[PASSWORD_LENGTH] => 6
[PASSWORD_UPPERCASE] => N
[PASSWORD_LOWERCASE] => N
[PASSWORD_DIGITS] => N
[PASSWORD_PUNCTUATION] => N
[PASSWORD_CHANGE_DAYS] => 0
[PASSWORD_UNIQUE_COUNT] => 0
[LOGIN_ATTEMPTS] => 0
[BLOCK_LOGIN_ATTEMPTS] => 0
[BLOCK_TIME] => 0
[PASSWORD_REQUIREMENTS] => Пароль должен быть не менее 6 символов длиной.
)
)
[SESS_IP] => 3.238.95.208
[SESS_TIME] => 1632309721
[IS_EXPIRED] =>
[BX_SESSION_SIGN] => 4a25dd52ddcd0026258c8462931c2e82
[SESS_ID_TIME] => 1632309721
[fixed_session_id] => f049ff91f93adffea5a58bc3f8294898
[SESS_SHOW_INCLUDE_TIME_EXEC] =>
[UNIQUE_KEY] => 7f6df42780681da39acc6c3c8ec048cf
[BX_LOGIN_NEED_CAPTCHA_LOGIN] => Array
(
[LOGIN] =>
[POLICY_ATTEMPTS] => 0
)
[header_auth] => Y
)