UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Принципы дизайна на примере лучших мировых продуктов
Редакція
Редакція

Опубліковано

Принципы дизайна на примере лучших мировых продуктов

#ux

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

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

Множество принципов

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

Следующая огромная часть – это принципы рационального процесса проектирования. Это набор концепций, который делает вас настоящим профессионалом, способным обеспечить отличный дизайн с большой эффективностью. Применение этих принципов ко всей команде устанавливает ряд стандартов, которым новые сотрудники должны соответствовать или достигнуть в краткосрочной перспективе. Давайте взглянем на принципы дизайна от GOV.UK :

  1. Начинать с нужд пользователя
  2. Делать меньше
  3. Дизайн с данными
  4. Делать трудную работу, для упрощения
  5. Проводить итерацию. Затем еще раз проводить итерацию.
  6. Это для всех
  7. Понимание контекста
  8. Создавайте цифровые сервисы, а не веб-сайты
  9. Быть согласованным, не унифицированным
  10. Делать вещи понятней – это делает их лучше

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

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

Gov.UK

Итак, то, что я искал – это принципы дизайна продукта. И сайт Gov.UK обеспечивает по крайней мере один:

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

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

Возможно, вы знакомы с Human Interface Guidelines от Apple или руководством по дизайну материалов от Google. Принципы проектирования, лежащие в основе этих систем, пытаются унифицировать различные продукты на единой платформе и принести им чувство общности.

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

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

Краткое заключение

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

Вашему продукту нужны принципы дизайна?

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

Что такое хорошие принципы?

  • Простота
  • Наличие примеров в реальном мире
  • Определение дизайн решения
  • Отразите свой бренд

Итог

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

Спасибо!

Поехали:

Airbnb logo

Airbnb

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

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

Хрестоматийный
Мы ориентированы одновременно на дизайн и функциональность. Наша работа должна смело и четко говорить об этом.

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

Дизайн как “общий друг”
Мы помогаем минимизировать неопределенности и улавливаем ожидания онлайн – в нашем продукте. Это средство создания значимого опыта оффлайн – в реальном мире. Мы создаем продукты, чтобы пользователи могли лучше узнать друг друга. Мы также узнаем, что вы ищете, и узнав, мы открываем вам дверь к новым впечатлениям. Мы устанавливаем сцену, помогаем вам представить себя, а затем отходим в сторону. И, как хороший друг, мы всегда рядом, когда вы нуждаетесь в нас.

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

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

Facebook logo

Facebook

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

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

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

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

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

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

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

Apple logo

Apple

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

Согласованность

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

Прямое манипулирование

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

Обратная связь

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

Метафоры

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

Контроль пользователей

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

Google Material Design logo

Материальный дизайн Google

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

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

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

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

Акцент на действиях пользователя делает ключевую функциональность незамедлительной и предоставляет пользователю ориентиры.

Движение придает смысл

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

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

Microsoft logo

Microsoft

Сохраняйте простоту
Мы начинаем с простоты, как основного объединяющего фактора. Когда дизайн интуитивен, мы просто знаем. Мы это чувствуем. Результат – это честный и вечный опыт.

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

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

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

Medium logo

Medium

Направление превыше выбора
Этот принцип часто упоминался во время разработки редактора Medium. Мы намеренно меняли макеты, типы и цвета для ориентирования и направления. Направление было более подходящим для продукта, потому что мы хотели, чтобы люди сосредоточились на письме, а не отвлекались на выбор.

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

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

Firefox logo

Дизайн ценности Firefox

Заботясь о вас

Firefox защищает вас – вашу безопасность, конфиденциальность и качество вашей онлайн-жизни. Он принимает разумные решения для вас, которые ценят ваше время, данные и внимание.

  • независимость пользователя
  • конфиденциальность по умолчанию
  • без сюрпризов
  • практические советы

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

  • исследования дают голос нашему непрофильному сообществу
  • умные значения по умолчанию (т.н. смарт-дефолты)
  • как скрытая, так и явная кастомизация
  • предлагать людям быть больше, чем просто пользователями

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

  • пользовательский контроль и выбор
  • простота использования услуг, которые вы выбираете
  • предлагать способы максимально использовать возможности Интернета

Жизнерадостный
Если другие браузеры могут быть простыми и минималистичными или гладкими и безликими, то Firefox – человек, веселый, причудливый и полный радости. Мы все любим интернет, и Firefox тоже.

  • ощущения, что на другом конце находится человек
  • веселые инструменты проще в использовании
  • юмор и эксцентричность
  • имеет точку зрения

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

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

Глобальный
Firefox используется и создан людьми со всего мира. Это не просто перевод — он создан для всего мира, для каждого уголка. Хотя некоторые виды деятельности универсальны, существует огромное разнообразие использования и потребностей во всем мире, и Firefox заботится об этих различиях.

  • глобальность означает множество отдельных локаций

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

  • 80/20/2: по умолчанию, минимализм поверхности и легкий доступ к остальному
  • понимание и действия пользователя

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

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

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

  • производительность объективна, но быстрота реакции субъективна
  • счастливый пользователь лучше работает

Salesforce logo

Salesforce

Ясность
Устранение двусмысленности. Позвольте людям видеть, понимать и действовать с уверенностью.

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

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

Красота
Проявляйте уважение к времени и вниманию людей посредством внимательно и искусно выполненной работы.

IBM UX

IBM UX

Откройте, попробуйте и купите
Встречайте пользователей там, где они есть. Покажите, не говорите. Создайте плавный переход от “попробуйте” к “купите.”

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

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

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

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

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

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

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

  • Управление Продукт, которым легко управлять, побуждает к частому использованию. Пользователь, которому не нужно задумываться о том, как хорошо работает продукт – счастливый пользователь. Независимо от того, отвечает ли администратор за всю организацию или за работу конечного пользователя, разработка задач управления очевидна для положительного опыта. Помните, что у любого пользователя главное желание – “только не беспокойте меня с управлением”.
  • Обновление Минимизация участия пользователей и сбоев в процессе обновления. При внесении значительных изменений в пользовательский интерфейс не заставляйте своих пользователей угадывать, что было добавлено или удалено. Сообщите им, изменение еще в процессе или уже произошло, что случилось и как это влияет на пользователей.

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

Классическая “поддержка” существует во всех четырех случаях. Поддержка активна, располагает к себе и осуществляется во многих формах:

  • На пользовательских форумах (например, результаты веб-поиска и сайты, вроде TechCrunch)
  • Забота на каждом из этапов: нахождение, проба, покупка или начало работы с продуктом
  • Легкодоступность во время ежедневного использования
  • Справка по командной строке для Leverage и Extend

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

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

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

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

Bing logo

Bing

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

BBC GEL

BBC GEL

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

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

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

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

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

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

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

Локальный / Глобальный
Нам нужно говорить со всеми, но мы признаем индивидуальность. Наши сообщения масштабируемы и локализуемы.

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

Лучший
Последнее, но не по важности, наше качество.

Pinterest logo

Pinterest

Понятный

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

Живой

  • Он красочный Яркая и выделяющаяся индивидуальность.
  • Он визуально реагирующий Физический опыт взаимодействия.
  • _Он оригинальный _Опыт пользования продуктом игривый, веселый и всегда приятный.

Неузявимый

  • Он создан для исследования
    Так же, как с детской игрушкой, вы хотите попробовать его, чтобы посмотреть, что произойдет. Чем больше вы исследуете, тем быстрее вы узнаете и тем больше получите взамен.
  • _Невозможно неправильно нажать _Все разработано, чтобы помочь вам легко перемещаться по сайту и делать именно то, что вы имели в виду.
  • Это обратимо
    Если вы случайно сделали что-то, что не дало результатов, которые вы искали, очевидно, как это исправить.

Lyft logo

Дизайн принципы Lyft

Сколотите основу

Четкий выбор и контекст

Укрепляйте доверие

Последовательность и понятность

Будьте уникальным

Самостоятельный и восхитительный

Foursquare logo

Foursquare

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

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

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

Asana logo

Дизайн принципы Asana

Позвольте пользователям сосредоточиться на своей работе без помех.

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

Увеличивайте уверенность посредством ясности.

В приложении и, тем более в командах, должно быть понятно, что происходит и почему.

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

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

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

Простые и общие задачи должны быть беспроблемными и очевидными. Сложные задачи должны быть эффективными и восхитительными. Но скорость не должна приводить к неточностям.

Поддерживайте каждого пользователя посредством прогрессивной понятности.

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

Будьте последовательны и стандартны, и вводите новшества, когда это необходимо.

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

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

Ссылки

Связанные статьи и ресурсы

  1. Дизайн принципы FTWкрупнейшая коллекция принципов дизайна
  2. Дело принципаот Julie ZhuoВице-президент Facebook по дизайну продукции описывает, что такое хорошие принципы
  3. Разрабатывайте лучший продукт с принципами продуктаот Ste Grainer замечательное описание процесса выбора принципов
  4. Вопрос принципа(ов) дизайна от Cătălin Bridinel некоторые принципы от дизайнера сайта Booking.com, с примерами
  5. Почему принципы дизайна формируют более сильные продуктыот Jessie Chen—больше о процессе определения принципов для вашего продукта
  6. Перестроение вашей команды в соответствии с принципами дизайнаот Stephanie Hornung

Принципы дизайна

  1. Airbnb “Построение визуального языка. За кулисами нашей новой дизайн системы’’
  2. Airbnb “Проектирование ради доверия
  3. Google Материальный Дизайн
  4. Apple iOS Human Design Guidelines
  5. Microsoft Дизайн язык принципов
  6. Facebook Принципы дизайна
  7. Salesforce “Определение принципов принятия дизайн решений
  8. IBM Язык дизайна
  9. Bing “Разрабатывая Bing: Душа и наука
  10. Medium “Создавая полезные принципы дизайна
  11. Firefox Ценности дизайна
  12. BBC GEL Философия дизайна
  13. Lyft Советы от Lyft: Позвольте вашему бренду управлять вашими UX решениями
  14. Foursquare “Представляем новый Foursquare, который узнает, что вам нравится и приведет вас в те места, которые вам понравятся
  15. Foursquare “Разрабатывая новый Foursquare
  16. Pinterest “Перестройка Pinterest, блок за блоком
  17. Asana “Разработка наших принципов дизайна

Перевод статьи Anton Badashov

Найстарші коментарі (0)