Прототипирование

Услуги > Прототипирование

На основе полученных знаний или в качестве естественного продолжения концептуальной стадии мы создаем прототипы низкой и средней точности, чтобы изобразить сквозной путь пользователя. Или же мы используем визуальные композиции для создания интерактивного прототипа для тестирования юзабилити и предложения бренда. Когда проект переходит в стадию полного дизайна, мы разрабатываем информационную архитектуру (IA) и таксономию. Ниже перечислены методологии, которые поддерживают создание прототипов и разработку информационной архитектуры.

WIREFRAMING

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

Каркасные схемы являются ценным инструментом при разработке веб-сайтов и приложений, поскольку они относительно быстро и легко создавать и изменять следующий обзор.

Они позволяют нам определить, как будут располагаться страницы приложения или веб-сайта в различных точках разрыва с примечаниями, описывающими поведение или взаимодействие. Мы используем их, чтобы получить согласие наших клиентов относительно дизайна, прежде чем перейти к стадии создания прототипа. Корректировка электронных схем обходится гораздо дешевле и быстрее, чем более сложные проекты на более поздних этапах.

Что мы включаем в каркас

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

  • Расположение всех компонентов страницы
  • Интерактивные элементы
  • Изображения и копия
  • Названия и заголовки
  • Навигационные и поисковые окна

У нас есть выбор между развитием прототипы с низкой, средней или высокой степенью достоверности и этот выбор действительно зависит от того, как и с кем они будут использоваться. Некоторым людям довольно сложно понять "некачественные" эскизные схемы, потому что в них нет брендинга, копия - placeholder lorum ipsum, а разделы - это просто линии, нарисованные на странице. Повышение точности может обеспечить большую ясность и очень полезно, если будет проводиться пользовательское тестирование.

Определение дизайна

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

Это совместный процесс и мы обычно выполняем эту работу на месте, работая вместе с вами и вашей командой. Как минимум, нам потребуется подробный инструктаж с вами, а затем регулярный доступ к вам на протяжении всего процесса проектирования для проверки и итераций электронных схем по ходу работы.

Результаты

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

wireframe

Пример эскизного проекта с низкой степенью достоверности

ИНТЕРАКТИВНЫЕ ПРОТОТИПЫ

Интерактивные прототипы иллюстрируют не только макет страницы, но и планируемое взаимодействие. С помощью современного программного обеспечения для создания прототипов можно добиться высокого уровня точности, и прототипы могут выглядеть и ощущаться как полностью созданная версия сайта или приложения.

Процесс проектирования

Мы следуем стандартной методологии проектирования пользовательского опыта для создания прототипов и поэтому ожидаем, что многие, если не все этапы процесса проектирования, ориентированного на пользователя, вплоть до этого, уже завершены.

Это означает, что наши прототипы разрабатываются на основе:

  • Четкое понимание требования пользователя относительно предложения
  • Валидация предложения как с пользователями, так и с заинтересованными сторонами
  • Хорошо развитый персоны представляющих основные сегменты аудитории
  • Примеры использования и рабочие процессы
  • Путешествия пользователей
  • Каркасы

При наличии этих элементов мы можем разработать прототипы дизайна, и нам потребуется ограниченное время для работы с вами и вашей командой.

Для облегчения исследований пользователей прототипы создаются на основе правдоподобных сценариев, включающих взаимодействия, которые поддерживают цели пользователя.

Мы используем 25:50:20:5 подход к разработке прототипа.

Сайт первый шаг заключается в том, чтобы создать около 25% прототипа и затем получить обратную связь от клиента, чтобы убедиться, что мы движемся в правильном направлении. Затем мы продолжаем развивать пока мы не завершим примерно 75% проектных работ, а затем завершим дальнейший обзор. После этого мы переносим прототип в полная готовая версия и выделить еще 5% времени для настройки и изменения.

У нас также есть опыт работы с и в составе agile (или lean UX) команды и предоставление ресурса UXD (а также исследовательского ресурса).

ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ ДЛЯ СОЗДАНИЯ ПРОТОТИПОВ:

 prototype software graphic

Наши старшие UX-дизайнеры знакомы с рядом программ для создания прототипов, включая такие популярные продукты, как Axure RPInvisionOmnigraffleЭскиз и многое другое - даже HTML. Нашим клиентам проще, если мы разрабатываем прототипы в программном обеспечении, которое они уже используют, и мы с удовольствием это делаем.

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

ПРИМЕР:

Для крупного розничного клиента нас попросили создать интерактивный прототип для планируемого исследования пользователей. У них был плоский дизайн, поэтому мы могли взять его и создать кликабельные точки, чтобы они были интерактивными. Это позволило сэкономить много времени и денег и обеспечить обратную связь, необходимую для исследования пользователей.

ОБЗОР ПУТИ ПОЛЬЗОВАТЕЛЯ

Кабинетные исследования проводятся для независимого анализа пользовательских маршрутов, чтобы убедиться, что они содержат достаточно информации для создания прототипов. Исследование также используется для определения приоритетности маршрутов для разработки и тестирования прототипов.

Это важный шаг, независимо от того, будем ли мы привлекаться для создания прототипов или команда клиента захочет создать их своими силами. Мы проводим детальный обзор всех пользовательских маршрутов и предоставляем независимый анализ:

  • Сайт целостное путешествие пользователя
  • Сайт точки соприкосновения и каналы и проверить входы и выходы
  • Сайт рабочий процесс и этапы процесса с особым упором на альтернативные виды транспорта

Мы определяем области улучшения путешествий и микро-взаимодействий во время и между ключевыми этапами путешествия пользователя.

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

Мы используем наш богатый опыт тестирования юзабилити прототипов, чтобы дать направление и рекомендации, которые сэкономят время и деньги команды клиента или нашей собственной команды.

ТЕМАТИЧЕСКОЕ ИССЛЕДОВАНИЕ: ОБЗОР ПУТИ ПОЛЬЗОВАТЕЛЯ

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

У вас есть проект?