1. Что такое теория высоких концепций для дизайна UX?
2. Что такое концепция «высокого понятия» в онлайн-мире?
3. Что произойдет, если вы правильно поняли?
4. Сколько концепт слишком много концепт?
5. Когда приземлиться ваш высокий концепт?
6. Как донести свою концепцию
7. Формулировка единого предложения
8. Видео объяснения
9. образность
10. Шрифт и цвет
11. Дизайн доступный
12. Как проверить, что вы его нашли
13. Применяя все это на практике

Наше деловое партнерство www.banwar.org

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

Стивен Спилберг однажды сказал: «Если человек скажет мне эту идею в 25 словах или меньше, он получится довольно хорошим фильмом». Он имел в виду, что лучшие фильмы «блокбастеров» с массовым обращением способны вкратце изложите свою концепцию или предпосылку в одном коротком предложении, например, « Челюсти» («Речь идет о акуле, терроризирующей маленький город») и «История игрушек» («Речь идет о некоторых игрушках, которые оживают, когда никто не смотрит»).

Что если бы то же самое было верно для веб-сайтов? Есть ли у сайтов, которые объясняют свою «концепцию» простым способом, более эффективный подход к массовой привлекательности для пользователей? Например, если мы посмотрим на очень простой макет главной страницы Google, он дает пользователям одно ясное сообщение о его концепции, а также постер фильма Jaws :

Домашняя страница Google: «Речь идет о поиске материалов». ( Большой предварительный просмотр )

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

Что такое теория высоких концепций для дизайна UX?

Итак, давайте отнесемся к этому серьезно и посмотрим на это с точки зрения UX Design. Само собой разумеется, что если вы можете объяснить «концепцию» или цель вашего сайта простым способом, то понизите когнитивную нагрузку на новых пользователей, когда они попытаются это понять, и при этом вы резко увеличите свои шансы на их участие.

Параллели между теорией «High-Concept» и передовой практикой UX Design очевидны. Аудитория блокбастера предпочитает простые, легко соотносимые концепции, представленные несложным способом. Веб-пользователи часто предпочитают более простой, удобный для восприятия дизайн пользовательского интерфейса (UI), чистые макеты и отсутствие помех.

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

Что такое концепция «высокого понятия» в онлайн-мире?

Что мы имеем в виду, когда говорим «высокая концепция»? Для фильмов это просто - это то, о чем фильм, основная сюжетная линия, которую можно легко поместить в одно предложение, например, Парк Юрского периода «о тематическом парке, где динозавры возвращаются к жизни».

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

Что произойдет, если вы правильно поняли?

Почему «высокая концепция» так важна? Каковы преимущества представления UX Design с «высокой концепцией»? Одна из ошибок, которую мы часто упускаем из виду в UX Design, заключается в том, чтобы сосредоточиться на специфике пользовательских задач и забыть о критической важности первоначальных мнений. Другими словами, мы сосредотачиваемся на том, как пользователи будут взаимодействовать с сайтом после того, как они захотят с ним работать, и пропустят процесс принятия решений, который предшествует всему. Рассмотрение «высокой концепции» позволяет нам сосредоточиться на этом начальном этапе.

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

Сколько концепт слишком много концепт?

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

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

Netflix: «Это позволяет вам смотреть шоу и фильмы где угодно». ( Большой предварительный просмотр )

Когда приземлиться ваш высокий концепт?

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

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

Как донести свою концепцию

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

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

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

Spotify: «Это позволяет вам слушать множество музыки.» ( Большой предварительный просмотр )

Формулировка единого предложения

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

Если мы возьмем пример Гугл Диск - это довольно сложный сервис, но он представлен в очень простом концептуальном виде - изначально в одном предложении, которое предполагает безопасность и простоту:

Затем на следующем уровне сайта появится немного больше концепции сервиса, но он все равно останется в одном единственном предложении до 25 слов (Спилберг был бы рад):

Диск Google: «Место, где вы можете безопасно хранить свои файлы в Интернете». ( Большой предварительный просмотр )

Видео объяснения

Это не ограничивается вашей формулировкой, так как на странице есть множество других элементов, которые вы можете использовать для обоснования своей концепции. Видео объяснения используется для Амазонка познакомить пользователей с концепцией Amazon Go. На самом деле, это очень сложная техническая проба машинного обучения, компьютерного визуального распознавания и искусственного интеллекта (ИИ) для переосмысления покупок. Поскольку это просто оформлено на сайте, это может быть объяснено в «высокой концепции».

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

Amazon Go: «Магазин реальной жизни без кассовых аппаратов». ( Большой предварительный просмотр )

образность

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

Спасите детей… «Это благотворительная организация, которая помогает детям». ( Большой предварительный просмотр )

Шрифт и цвет

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

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

Legoland: «Большой тематический парк Lego для детей». ( Большой предварительный просмотр )

Дизайн доступный

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

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

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

Airbnb: «Это позволит вам снимать дома людей для поездок». ( Большой предварительный просмотр )

Как проверить, что вы его нашли

Теперь, когда вы разработали свой сайт, и вы счастливы, что он раскрывает свою концепцию почти так же, как блокбастер 80-х годов - но как вы можете это проверить? Было бы неплохо проверить это с помощью нескольких раундов углубленного исследования пользователей в лаборатории, но в действительности у вас редко будет такая возможность, и вы будете полагаться на более «партизанские» методы.

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

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

• Можете ли вы вспомнить название сайта, который вы только что видели?
• Какова цель страницы, которую вы только что видели?
• Было ли очевидно, что сайт, который вы только что видели, предлагает?
• Как вы думаете, вы бы использовали сайт, который вы только что видели?

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

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

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

1. Цель высокого концепта
   Когда вы устанавливаете цель любого нового сайта (или страницы, или рекламы), попробуйте свести его к единой простой всеобъемлющей «высокой концепции».
2. Запиши это
   Документируйте, что вы хотите, чтобы эта ключевая концепция была в 25 словах или меньше
3. Обратиться назад
   Постоянно возвращайтесь к этой концепции на протяжении всего процесса проектирования. От выбора шрифтов и цветов до создания заголовка - убедитесь, что все это поддерживает ту концепцию High-Concept, которую вы записали.
4. Попробуй это
   Когда закончите, используйте 5-секундный тест вашего проекта с несколькими пользователями и сравните их первоначальные мысли с вашей первоначальной концепцией High-Concept. Если они соотносятся, то отлично, если нет, вернитесь к шагу 3 и попробуйте снова.

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

Похожие

Комментарии