Мир новых технологий (обзоры, новинки)
Содержание
При создании дизайна главным приоритетом должно быть создание полезного и приятного опыта взаимодействия. Чтобы упростить эту задачу для начинающих, я создал простой список “да” и “нет”, о которых стоит помнить при создании вашего следующего веб-дизайна.
Один из главных принципов хорошего UX — это сохранять интерфейс однородным на протяжении всего проекта. Постоянство навигации, цветовых палитр, шрифтов и стиля может оказать положительное влияние на UX.
Совет: Сначала сделайте дизайн просто удобным для использования. Постоянство — это обоюдоострый меч. Если сайт изначально не обладает хорошим дизайном, постоянство его частей приведет к появлению сайта с полностью плохим дизайном.
Навигация — это краеугольный камень удобства использования. Хорошая навигация на вашем сайте жизненно необходима, чтобы посетители находили то, что они ищут.
Советы:
Ссылки играют важную роль в процессе навигации. Если ссылки не меняют цвет, пользователи будут посещать одни и те же страницы несколько раз.
При посещении вашего сайта пользователи вероятнее будут быстро прочитывать страницу по диагонали, а не читать её целиком. Например, если посетители захотят найти конкретный текст, они быстро пробегут взглядом страницу пока не найдут, чего хотят. Вы можете помочь им, создав хорошую визуальную иерархию.
Советы:
Текст на сайте так же важен, как и дизайн. Более 95% информации в вебе содержится в форме текста. Даже хороший дизайн сайта бесполезен без хорошего содержания, и работа дизайнера заключается в том, чтобы убедиться,что дизайн дополняет содержимое.
Советы:
Отличную работу легко испортить маленькой ошибкой. Проверьте сайт на эти распространенные проблемы:
Количество вариантов влияет на решения людей: чем больше у людей выбора, тем меньше действий они совершают. Чтобы увеличить шансы на взаимодействие, сократите количество вариантов выбора.
При скроллинге страницы пользователи инвестируют во взаимодействие больше времени, и это повышает шанс конверсии. Хотя люди начинают скроллить страницу сразу после её загрузки, верхняя часть сайта все равно очень важна, потому что создает первое впечатление и устанавливает ожидания у пользователей.
Совет: верхняя часть страницы устанавливает ожидания. Если в ней расположено качественное содержание, пользователи захотят увидеть больше.
Пользователям комфортнее знать, какое действие совершает кнопка. Размытые обозначения вроде “Предоставить” или подписи из примеров ниже не предоставляют достаточное количество информации о действии.
Не заставляйте людей задумываться, что делает элемент.
Для кнопок и других интерактивных элементов дизайн должен сообщать возможность действия. Форма следует за функцией: внешний вид объекта должен сообщать пользователям, как его использовать. Если подчеркнутые слова не являются ссылками, а элементы с прямоугольным фоном — кнопками, пользователи запутаются.
Сегодня веб-браузеры доступны более чем на 5 миллиардах устройств. Это значит, что пользователи будут смотреть ваш сайт с компьютера, планшета, телефона, плеера или даже с часов. Вы должны убедиться, что информация будет отображаться корректно на экранах разных размеров.
Советы:
Вы можете думать, что создали отличный дизайн, но без отзывов от реальных пользователей вы не будете знать, насколько он эффективен. Даже если вы можете попросить одного или двух пользователей посмотреть ваш сайт и поделиться своими мыслями, сделайте это, потому что вы получите полезную информацию, которую нельзя найти другим способом.
Совет: смотрите на аналитику. Веб-аналитика — это мощные инструменты, которые помогут вам найти разделы сайта, к которым нужно дополнительное внимание.
Время загрузки критически важно для пользовательского опыта. С прогрессом технологий мы становимся более нетерпеливыми, и сегодня 47% пользователей ожидает загрузки страницы за две секунды или меньше. В ином случае посетители могут разозлиться и уйти с сайта.
Советы:
Пользователи ожидают от внешних и внутренних ссылок разного поведения. Все внутренние ссылки должны открываться в одной вкладке — так вы позволите пользователям использовать кнопку “назад”. Если вы решите открывать внешние ссылки в новом окне, создайте предупреждение, которое появится перед открытием нового окна или новой вкладки. Это может быть текст “Откроется в новом окне”, размещенный рядом со ссылкой.
В начале создания сайта существует искушение использовать множество разных шрифтов. Но этого искушения лучше избегать. Общая рекомендация — используйте максимум три шрифта в трех размерах. При создании сайта думайте, как усилить текст при помощи веса, а не при помощи разных шрифтов.
Как и в случае со шрифтами, в дизайне лучше не использовать слишком много цветов. Применение цветов связано с поиском баланса, и чем больше у вас цветов, тем сложнее найти баланс. Всегда лучше ограничить палитру несколькими цветами и сохранять её постоянство на всем сайте, только если вы не хотите выделить важную секцию при помощи цвета.
Совет: подумайте, какие эмоции вы хотите вызвать у посетителей. Это поможет вам выбрать нужную цветовую палитру. Например, если вы продвигаете продукты для медитации, вы не захотите использовать на сайте яркие цвета.
Многие сайты показывают окно с просьбой подписаться сразу при входе на страницу. Это одна из наиболее раздражающих вещей для посетителя сайта. Сами по себе всплывающие окна прерывают опыт взаимодействия и обычно используются для рекламных объявлений, поэтому пользователи часто закрывают их до того, как прочитают содержимое.
Совет: подберите момент. Перед тем, как попросить пользователей что-то сделать, покажите им вашу ценность. Окно можно показать пользователю в конце страницы после прочтения содержимого полностью.
Изображения с лицами людей — это эффективный способ вовлечь пользователей. Когда мы видим других людей, мы чувствуем, как будто взаимодействуем с ними, а не просто используем продукт. Однако многие сайты слишком часто используют неискренние фотографии для “создания доверия”. Тесты показывают, что чисто декоративные фото редко добавляют ценности дизайну и вредят пользовательскому опыту.
Слишком много рекламных объявлений на странице может отвлечь внимание от главного контента и усложнить достижение цели для пользователей. Это может привести к сенсорной перегрузке у пользователей. Более того, пользователи обычно игнорируют все, что похоже на рекламу, — это явление известно как “баннерная слепота”.
Фоновая музыка может сработать в некоторых случаях, но обычно это плохая идея. Неожиданная музыка может раздражать или даже вызвать проблемы: люди могут заходить на ваш сайт на работе, в публичном месте или около спящих людей. Как и фоновая музыка, автоматическое воспроизведение видео будет раздражать пользователей.
Совет: дайте пользователям контроль. Установите музыку на беззвучный режим по умолчанию, но разрешите пользователям включать её по клику — создайте кнопки play и pause для аудиоконтента.
Манипуляции с прокруткой страницы раздражают многих пользователей, потому что лишают их контроля и делают поведение страницы непредсказуемым. Избегайте этого при создании сайта и позвольте пользователям контролировать свое движение по странице.
Некоторые дизайнеры используют на страницах горизонтальный скроллинг. К сожалению, это взаимодействие чаще всего получает негативные отзывы от пользователей. Обычно пользователи не знают, что могут обнаружить контент при помощи горизонтальной прокрутки. В результате они могут проигнорировать часть контента.
Пользователи не знают, что могут скроллить горизонтально, особенно если у них нет визуальных подсказок
Дизайн не должен нарушать способность пользователя воспринимать содержимое сайта. Типичный пример — использование светло-серого текста на светлом фоне. Лучше избегать использование загруженного фона или низкого контраста.
Совет: проверьте показатель контрастности. Инструменты вроде Color Contrast Checker поможет вам проверить контраст цветов за несколько кликов.
Вспышки и мерцание могут спровоцировать приступы у некоторых людей и будут раздражать остальных пользователей.
При взаимодействии с сайтами и приложениями люди ожидают отличного пользовательского опыта. Если вы не можете удовлетворить их потребности, они уйдут к вашим конкурентам. При принятии любого дизайнерского решения вы должны думать о том, что будет лучше для посетителей.