Как создавать лучшие дэшборды - 6 советов
Как создавать лучшие дэшборды - 6 советов
01 июня 2016

Что нужно знать в дизайне дэшбордов, чтобы ваша повысить качество вашей работы.

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

"Правильно разработанный дэшборд повышает производительность для всех пользователей."

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

Не спешите начинать

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

Вы должны знать 2 ключевых вещи: демографическое количество пользователей и варианты использования. Но есть и чуть менее важные: возраст, пол и интересы пользователей и им тоже нужно уделить много внимания. Вы же не хотите использовать спортивную терминологию на дэшбордах, ориентированных на 13-летних поклонников игры «Драконы подземелья»?))

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

Мы не живем в пузыре и поэтому конкурентная разведка должна занимать 10-15% времени, отведённого на анализ. Мы не предлагаем вам украсть идею конкурента. Мы призываем понять, как работают другие. После того, как у вас сформировалось четкое направление, пришло время погрузиться в разработку приложения.

Уберите лишнее

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

Если взять только одну вещь из этой статьи, то пусть это будет вот этот процесс "дистилляции":

Шаг 1: Возьмите большую белую доску и напишите 3 слова вверху: особенности, навигация и метрика

Шаг 2: Дайте участникам стикеры в различных цветах. Попросите их перечислить все, что делает приложение крутым в каждой из этих категорий, а затем поместите каждый из стикеров на доске под соответствующим заголовком.

Шаг 3: Нарисуйте большой прямоугольник на доске, чтобы представлять панель в виде секцией.

Шаг 4: Поместите ссылки в области навигации, особенностей и метрики.

Шаг 5: Уточните финальные заметки, что остались на доске. Если вы включили календарь в дизайн, решите, какую градацию он будет отображать (недели, месяцы, годы). Если у вас есть виджет для хранения файлов, выберите вторичные действия, которые он может выполнять (копирование, загрузка, обмен, удаление).

Знайте свою платформу

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

Сначала нужно оценить платформу, на которой будет сделано наше приложение. Обязательно необходимо знать базовую структуру и респонсивность платформы, чтобы ваш дизайн не был переосмыслен разработчиком. Одним из хороших примеров является приложение, которое было разработано с использованием Bootstrap. Он имеет информационную панель, основанную на 12 гридной системе. Есть множество хороших инструментов, которые обеспечат вам подходящий стартовый файл для того чтобы начать дизайнить под конкретную технологию.

Спроектируйте уже это

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

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

Иконография является еще одним важным проектным решением. При выборе иконографии вы можете пойти одним из двух путей: использовать набор иконок или создать их самостоятельно.

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

Не забывайте UX

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

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

Возьмите его на прогулку

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

Принимайтесь за работу

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

Читайте также
Почему я бросил работу своей мечты в веб-дизайне?
Почему я бросил работу своей мечты в веб-дизайне?

Что толкает людей на то, чтобы бросить работу в компании, на которую ушло так много времени и усилий?

26.02 0
Тренды веб-дизайна 2017 года
Тренды веб-дизайна 2017 года

Наша команда обращает пристальное внимание на все изменения в мире дизайна. Это помогает всегда держать вас в курсе новостей и новинок этой сферы.

26.02 0
Специфика работы full-stack designer
Специфика работы full-stack designer

Кто такой full-stack дизайнер и в чём заключается специфика его работы? За что full-stack дизайнер несёт ответственность в проекте.

26.02 0
14 преимуществ модульной сетки в работе над дизайном
14 преимуществ модульной сетки в работе над дизайном

Давайте обсудим 14 основных причин, почему модульная сетка улучшит ваш дизайн-процесс.

26.02 0
Комментарии

×
Подписка на новости Skillsup

Заполните поля, чтобы получать новости о дизайне от Skillsup,
обещаем не тревожить чаще 2-х раз в неделю.
Если передумаете — во всех письмах будет ссылка на отписку.