Фирменная символика программного обеспечения

Примечание

Это руководство по проектированию было создано для Windows 7 и не обновлялось для более новых версий Windows. Большая часть руководства по-прежнему применяется в принципе, но презентация и примеры не отражают наше текущее руководство по проектированию.

Фирменная символика — это эмоциональное позиционирование продукта так, как воспринимается его клиентами. Успешная фирменная символика требует умелого создания образа продукта и не достигается только с помощью логотипов и цветовых схем.

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

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

Примечание: Рекомендации по значкам, шрифтам, цвету, анимации , звуку и оконным кадрам представлены в отдельных статьях.

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

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

Атрибуты хорошей фирменной символики программного обеспечения

При правильном выполнении фирменная символика программного обеспечения имеет следующие атрибуты:

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

В отличие от этого, неудачные попытки фирменной символики программного обеспечения имеют следующие атрибуты:

  • Не имеет очевидной темы или точки.
  • Находится в лицо пользователя.
  • Раздражает.
  • Повсюду.
  • Имеет настраиваемый внешний вид без каких-либо преимуществ пользователя.
  • Становится быстро утомительным.

Начните с самого продукта

Успешная фирменная символика программного обеспечения начинается с разработки самого продукта. Хорошо разработанная программа имеет тщательно разработанные функциональные возможности, направленные на соответствующую целевую аудиторию. Уникальные функциональные возможности и чрезвычайное внимание к деталям делают мощные заявления фирменной символики. Дополнительные сведения см. в разделе How to Design a Great User Experience.

Тщательно выберите название продукта.

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

Что под брендом

Элементы фирменной символики программного обеспечения можно классифицировать следующим образом:

Источник

  • Название продукта
  • Логотип продукта
  • Цветовая схема продукта
  • Звуки, относящиеся к конкретному продукту

Снимок экрана: снимок экрана с логотипом Windows с темами Windows

Некоторые основные элементы фирменной символики из Windows Vista.

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

Получатель

  • Фигуры элементов
  • Стили значков и рисунков
  • Вторичные графические элементы
  • Контрастные цвета
  • Анимации
  • Transitions
  • Тени
  • Фон и прозрачность

рисунки марок и календарей, используемых для фирменной символики

рисунок дизайна в сплошной, основные цвета фигура синего и зеленого ленточного дизайна

Некоторые вторичные элементы фирменной символики из Windows Vista.

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

Третичного

Наконец, есть еще одна категория элементов фирменной символики, о которых следует помнить.

  • Пользовательские рамки окна
  • Пользовательские элементы управления

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

Где использовать фирменную символику

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

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

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

Где не маркировать

Хотя вы можете использовать любой элемент в программе в качестве возможности фирменной символики, не используйте рабочий стол Windows (включая рабочую область, панель быстрого запуска или область уведомлений) для фирменной символики.

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

Использование профессионалов фирменной символики

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

Если вы делаете только пять вещей...

  1. Начните с проектирования продукта. Самый мощный брендинг заявление, чтобы удовлетворить потребности ваших клиентов особенно хорошо.
  2. Выберите хорошее название продукта, которое будет запоминающимся, отличительным и кратким образом передает преимущества продукта.
  3. Думайте о брендинге с точки зрения опыта и создания эмоциональной связи, а не логотипов продуктов и цветовых схем.
  4. Предпочитать вторичные элементы фирменной символики. Ограничьте использование основных элементов фирменной символики несколькими стратегическими возможностями.
  5. Получите помощь от профессионала по брендингу.

Рекомендации

Общие сведения

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

  • Сфокусируйте свои усилия по фирменной символике на специальных интерфейсах в вашей программе, таких как:

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

    Хорошо:

    снимок экрана: панель управления с логотипом Windows

    Лучше:

    Снимок экрана: панель управления без логотипа

    В лучшем примере вместо логотипа продукта для элементов панели управления Windows используется дополнительный графический элемент.

  • Не используйте фирменную символику, которая отвлекает или вредит удобству использования или производительности.

  • Не используйте рабочий стол Windows для фирменной символики. Дополнительные сведения см. в разделе Desktop.

Имена и логотипы

  • Ограничьте использование логотипов продуктов и компаний в пользовательском интерфейсе. Не оштукайте логотипы компании или продукта на каждой поверхности пользовательского интерфейса.

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

    Неправильно:

    Снимок экрана: графический перепользование названия компании

    В этом примере название компании используется чрезмерно.

    Неправильно:

    Снимок экрана: окна с несколькими логотипами

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

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

  • Используйте графические логотипы. Графические логотипы являются более стабильными, чем текстовые логотипы, так как на них не влияют изменения шрифта, размера текста, языкового пакета или темы.

  • Не используйте анимированные логотипы.

Элементы управления

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

    Неправильно:

    Снимок экрана: кнопка входа с фирменной символикой

    В этом примере показан пользовательский элемент управления, неправильно используемый для фирменной символики.

Экраны-заставки

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

Звук

  • Как правило, звук не рекомендуется использовать только для фирменной символики. Если вы используете звук для фирменной символики:
    • Звук воспроизводится только при запуске программы, но только в том случае, если программа была запущена пользователем.
    • Синхронизируйте звук с визуальным событием, таким как переход пользовательского интерфейса, например отображение окна программы.

Дополнительные сведения см. в разделе Звук.