Создание макета или проектирование
Создание макета пользовательского интерфейса для вашего сайта, мобильного приложения или программы – это отрисовка всех экранов и блоков вашего продукта, начиная от обозначения их прямоугольниками в концептуальном макете и заканчивая детальными изображениями всех элементов управления, пиктограмм, фонов и иллюстраций в детальном макете.
Создание макета базируется на результатах пользовательского исследования и на концепции пользовательского интерфейса, сделанных на предыдущих этапах, которые являются обязательными для создания качественного макета.
В чем суть услуги?
Проектировщики пользовательского интерфейса изучают концепцию пользовательского интерфейса, анализируют данные пользовательского исследования и на основе этих данных:
- Разрабатывают структуру интерфейса продукта с делением на экраны и блоки.
- Создают концептуальный макет, который включает в себя схематическое изображение всех экранов и блоков.
- Создают детальный макет, который содержит детальные изображения всех элементов управления, пиктограмм, фонов и иллюстраций.
Как идет работа?
Создание структуры интерфейса
Создаем схемы пользовательского интерфейса, включающей все экраны и блоки и их взаимосвязи между собой.
Создание концептуального макета
который содержит все экраны и блоки и показывает как они расположены и как они соотносятся друг с другом.
Создание детального макета
который содержит все экраны и блоки, все детальные изображения всех элементов управления, всех пиктограмм, фонов и иллюстраций и пригоден для реализации (верстки и программирования).
Представление заказчику результатов работы
Консультируем по использованию полученных данных и дальнейшим шагам.
Какие результаты может дать проектирование?
успешных кейсов
лет опыта проектирования интерактивных продуктов
%
успеха во всех проектах
Особенности нашей методики
При разработке макетов мы в первую очередь ориентируемся на ваши бизнес-цели и на цели и потребности ваших клиентов. Также у нас есть богатый опыт – мы уже более 15 лет занимаемся проектированием пользовательских интерфейсов сайтов, мобильных приложений и программ в разных сферах бизнеса. Это позволяет нам создавать самые эффективные пользовательские интерфейсы. Мы используем самые современные инструменты, которые позволяют в онлайн режиме видеть разработку макета и принимать участие в этом процессе.
Артём Кузнецов
Директор компании Ю-эксперт
Нацеленность на бизнес-результат
При разработке сценариев мы в первую очередь учитываем бизнес-цели заказчика.
Учет целей и поведения пользователей
Мы фокусируемся на целях и задачах ваших клиентов и разрабатываем макеты с учетом важности и частоты использования каждого сценария.
Высокая конверсия
Наш процесс проектирования позволяет разрабатывать самое эффективное взаимодействие клиентов с вашим продуктом и гарантирует высокую конверсию.Проектирование рекомендуется для вашего проекта, если:
- Вы работаете на рынке потребительских товаров и услуг, ориентированном на обычных пользователей.
- Ваш продукт (сайт, приложение или программа) рассчитан на массовую аудиторию.
- Вы понимаете, что без ощущения субъективной удовлетворенности от взаимодействия с вашим продуктом потребители не будут совершать покупки или заказывать ваши услуги.
Заказчику предоставляется
1. Концептуальный макет пользовательского интерфейса
2. Детальный макет пользовательского интерфейса 3. Личная презентация результатов работы экспертом и устная консультация по применению полученных данных
Как Касперский увеличил продажи антивируса?
Заказчик Лаборатория Касперского Задача Создать интерфейс нового флагманского продукта, определив и устранив недочеты предыдущей версии.
Решение После проведения юзабилити-экспертизы продукта стало ясно, что нужно менять пользовательский интерфейс в сторону его упрощения, чтобы он стал более понятен пользователям. Лаборатория получила конкретные рекомендации по реструктуризации информации, устранению лишнего визуального шума и оптимизации окон. Это помогло компании быстро отреагировать на запрос рынка и выпустить новую версию, продажи которой существенно выросли по сравнению с предыдущей по всему миру.
Отзыв о проекте, в котором было проектирование
Проведение более 10 пользовательских исследований в России и за рубежом (США, Франция, Германия и пр), разработка концепций для всех флагманских продуктов компании, проектирование и авторский надзор. Помощь в создании отдела проектирования пользовательских интерфейсов и обучение сотрудников. Сотрудничаем с 2008 г.
Проект полного цикла от сбора требований и создания концепции до разработки детального макета и авторского надзора для Рекламной Сети Яндекса, включая 5 внутренних интерфейсов для сотрудников компании. Юзабилити консалтинг для ведущих сервисов компании: Яндекс.Маркет, Яндекс.Диск, Яндекс.Почта и др. Помощь в создании отдела проектирования пользовательских интерфейсов и обучение сотрудников.
Проект полного цикла от сбора требований и создания концепции до разработки детального макета и авторского надзора для мобильного приложения компании.
2 проекта полного цикла от сбора требований и создания концепции до разработки концептуального макета и авторского надзора. Мы спроектировали 2 мобильных приложения под iPad: для руководства компании и для финансового департамента компании.
Проект полного цикла от сбора требований и создания концепции до разработки детального макета и авторского надзора для веб-сайта компании. Сайт компании содержит интернет-магазин с более чем 5000 позиций товаров. Для формирования структуры каталога товаров применялся метод карточной сортировки. Сотрудничаем с 2014г.
Проведение 2-х пользовательских исследований в России и США для веб-сервиса мониторинга IT-инфраструктуры. Юзабилити-консалтинг на тему улучшения и развития веб-сервиса.
6 проектов полного цикла от сбора требований и создания концепции до разработки концептуального и детального макета и авторского надзора. Мы спроектировали 3 личных кабинета: пациента, врача и корпоративного клиента. Также мы спроектировали веб-версию автоматизированного рабочего места процедурной сестры для всех медицинских офисов компании в России и за рубежом и для Регистратуры. Юзабилити-консалтинг на тему дальнейшего развития продуктов и сервисов компании. Сотрудничаем с 2009 г.
Проект полного цикла от сбора пользовательских требований и разработки персонажей и сценариев до проектирования пользовательского интерфейса для дистанционной онлайн системы обучения английскому языку.
Проект полного цикла от сбора требований и создания концепции до разработки детального макета и авторского надзора для онлайн сервиса удаленной бухгалтерии.
Проект полного цикла от сбора требований и создания концепции до разработки детального макета и авторского надзора для всех сайтов цирков (более 40) в нашей стране. Так же мы спроектировали сайт для программы лояльности компании. Сотрудничаем с 2017г.
Примеры проектов, где был сбор требований
Какие есть варианты проведения разработки макета?
Главная страница
- Особенности: разработка концептуального и/или детального макета одной главной страницы.
- Преимущества: самый быстрый и бюджетный вариант для небольших проектов. Создание или улучшение самой важной страницы / экрана сайта на которую приходится 60-80 процентов всего трафика.
- Продолжительность:
- ~ 1-2 недели.
Базовый
- Особенности: разработка концептуального и/или детального макета ключевых страниц.
- Преимущества: включает в себя глубокую и качественную переработку 3-5 ключевых страниц сайта на которые приходится 80-90 процентов всего трафика. Подходит для большинства проектов.
- Продолжительность:
- ~ 2-3 недели.
Детальный
- Особенности: разработка концептуального и/или детального макета всех страниц.
- Преимущества: самая детальная проработка макета. Рекомендуется для крупных проектов.
- Продолжительность:
- ~ 2-4 недели.
Вопросы и ответы
Что мы получим в результате?
Вы получите файл с концептуальным макетом, в котором будут обозначены все экраны продукта и все блоки. Также вы получите файл с детальным макетом, который содержит все экраны и блоки, все детальные изображения всех элементов управления, всех пиктограмм, фонов и иллюстраций и пригоден для реализации (верстки и программирования).
Является ли макет ТЗ для разработки?
Детальный макет является важной частью ТЗ на разработку, но к нему ещё необходимо добавить описание концепции и другую информацию, которая выявляется при общении с разработчиками.
Что такое концептуальный макет?
Это изображение всех экранов и блоков пользовательского интерфейса, которое делается на основе анализа концепции пользовательского интерфейса. Пример можно посмотреть тут – https://uexpert.ru/rosgoscircus/#3
Чем концептуальный макет отличается от детального?
В концептуальном макете все экраны и блоки пользовательского интерфейса изображаются схематически, а в детальном макете они прорисованы детально – так как это уже будет выглядеть в готовом продукте. Пример можно посмотреть тут – https://uexpert.ru/rosgoscircus/#3
Что входит в детальный макет?
В детальный макет входит изображение всех экранов пользовательского интерфейса, всех элементов управления, всех окон, всех текстовых блоков, вся пиксельная графика (пиктограммы, фоны, заставки) и т.д. Пример можно посмотреть тут – https://uexpert.ru/rosgoscircus/#3
Делаете ли вы интерактивные макеты?
Да, при необходимости мы делаем интерактивные макеты. Эти макеты позволяют посмотреть весь интерфейс так, как будто он уже реализован. Вы сможете покликать по ссылкам, увидеть переходы между страницами или экранами, вызвать диалоговые и информационные окна.
Можно ли протестировать макет на целевой аудитории?
Да, специально для этого мы делаем интерактивные макеты, которые позволяют посмотреть весь интерфейс так, как будто он уже реализован. Вы сможете покликать по ссылкам, увидеть переходы между страницами или экранами, вызвать диалоговые и информационные окна.
Мы находимся в другом городе / стране, можно ли заказать вашу услугу?
Да, конечно. Мы провели множество успешных проектов дистанционно, благо современные технологии позволяют это сделать без потери качества.
Хотим заказать разработку макета, с чего начать?
Прежде всего мы рекомендуем связаться с нами любым удобным для вас способом и мы обсудим ваш проект и подскажем, какой вариант разработки макета будет оптимальным именно для вашей ситуации.
