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

1.1 Визуальный фидбек, подтверждающий действия пользователя

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

Важно показать, что система действительно улавливает тап/ клик.

1.2 Визуальный фидбек, показывающий состояние системы

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

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

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

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

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

По материалам книги Патрика Макнейла «Веб-дизайн. Идеи. Секреты. Советы»

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

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

4.1 Избегайте неприлично длинных строк текста

Оптимальное количество символов в стандартном абзаце — 45–75 со строкой в 66 знаков (включая пробелы). Иногда проще посчитать среднее количество слов в строке, что в данном случае равно 9−13 (в заголовках по понятным причинам будет меньше).

Можно почитать в Ководстве https://www.artlebedev.ru/kovodstvo/sections/104/

4.2 Достаточный контраст между текстом и фоном

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

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

подытожим:

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