Почему визуальная согласованность может улучшить или сломать ваш веб-дизайн

Автор: Peter Berry
Дата создания: 14 Июль 2021
Дата обновления: 13 Май 2024
Anonim
КАК БЫ ПОДКАСТ: ГДЕ ДИЗАЙН ЛУЧШЕ | САНЯ КВО
Видео: КАК БЫ ПОДКАСТ: ГДЕ ДИЗАЙН ЛУЧШЕ | САНЯ КВО

Содержание

Люди - визуальные существа.

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

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

"У вас самое быстрое зрение. У него такая же пропускная способность, как и у компьютерной сети. Затем у вас есть прикосновение, которое примерно соответствует скорости USB-ключа. А затем у вас есть слух и обоняние, которые имеют пропускную способность жесткого диска. . К тому же у вас плохой старый вкус, который едва ли сопоставим с производительностью карманного калькулятора. И [затем] ноль 0,7 процента, это сумма, о которой мы на самом деле знаем.Итак, большая часть вашего видения - большая часть его визуальная, и она вливается - это бессознательно ".


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

Таким образом, поддержание этой последовательности более важно, чем может показаться ... и эта статья объяснит почему.

Знакомство

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

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

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



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

Интуитивное обучение

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



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

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

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


Следующая страница: визуальный поток и первые впечатления ...

Популярное сегодня
Новое мероприятие, которое революционизирует сцену дизайна в Индии?
Далее

Новое мероприятие, которое революционизирует сцену дизайна в Индии?

Президент D&AD Лаура Джордан Бамбах запускает Kyooriu FYIday, новую дизайнерскую инициативу, которая направлена ​​на объединение дизайнерского сообщества в Индии посредством серии семинаров, практ...
5 раз бренды ругались с конкурентами - и побеждали
Далее

5 раз бренды ругались с конкурентами - и побеждали

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

Что можно и чего нельзя делать в анимационных шоу-сериалах

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