Привет!
Успех или неудача веб-сайта определяются удобством использования и полезностью, а не визуальным оформлением.
Поскольку посетитель страницы это единственный человек, который кликает мышкой и, следовательно, решает все, дизайн, ориентированный на пользователя, стал стандартным подходом для успешного и ориентированного на прибыль веб-дизайна. В конце концов, если пользователи не могут воспользоваться функцией, то ее можно и опустить.
Мы не будем обсуждать детали реализации дизайна (например, где должно быть размещено окно поиска), поскольку это уже было сделано в ряде других статей и обучающих курсах. Одним из таких курсов является курс веб-дизайна онлайн-университета Skypro.
Этот курс подойдет для новичков, которые хотят с нуля освоить востребованную и творческую профессию, собрать портфолио и потренироваться на реальных проектах.
Вместо этого мы сосредоточимся на основных принципах, методах и подходах к эффективному веб-дизайну – подходах, которые при правильном использовании могут привести к более сложным дизайнерским решениям и упростить процесс восприятия представленной информации.
Принципы хорошего веб-дизайна и эффективное руководство по нему
Для того чтобы правильно использовать эти принципы, нам сначала нужно понять, как пользователи взаимодействуют с веб-сайтами, как они думают и каковы основные модели поведения пользователей.
Как думают пользователи?
В принципе, привычки пользователей в Интернете не сильно отличаются от привычек покупателей в магазине. Посетители просматривают каждую новую страницу, сканируют часть текста и нажимают на первую ссылку, которая их заинтересовала или смутно напоминает то, что они ищут. На самом деле, есть большая часть страницы, на которую они даже не смотрят.
Большинство пользователей ищут что-то интересное (или полезное) и кликабельное; как только найдено несколько перспективных кандидатов, пользователи кликают. Если новая страница не соответствует ожиданиям пользователей, нажимается кнопка «Назад», и процесс поиска продолжается.
Пользователи ценят качество и достоверность
Если страница предоставляет пользователям высококачественный контент, они готовы поступиться содержанием в ущерб рекламе и дизайну сайта.
Именно по этой причине не очень хорошо оформленные сайты с качественным контентом с годами набирают много трафика. Содержание важнее, чем дизайн, который его поддерживает.
Пользователи не читают, они сканируют
Анализируя веб-страницу, пользователи ищут какие-то фиксированные точки или якоря, которые помогут им ориентироваться в содержании страницы.
Пользователи не читают, они сканируют. Обратите внимание, как «горячие» области обрываются в середине предложений. Это характерно для процесса сканирования.
Веб-пользователи нетерпеливы и требуют мгновенное удовлетворение
Очень простой принцип: если сайт не способен оправдать ожидания пользователей, значит, дизайнер не справился со своей работой, и компания теряет деньги. Чем выше когнитивная нагрузка и чем менее интуитивна навигация, тем быстрее пользователи покидают сайт и ищут альтернативные варианты.
Пользователи не делают оптимального выбора
Пользователи не ищут самый быстрый способ найти нужную им информацию. Они также не сканируют веб-страницу линейно, последовательно переходя от одного раздела сайта к другому.
Вместо этого пользователи предпочитают выбирать первый разумный вариант. Как только они находят ссылку, которая, как им кажется, может привести к цели, есть очень большая вероятность, что она будет немедленно нажата.
Оптимизировать сложно, и это занимает много времени. Удовлетворение потребностей более эффективно.
Пользователи следуют своей интуиции
В большинстве случаев вместо того, чтобы читать информацию, предоставленную дизайнером, пользователи просто пролистывают страницу.
По словам Стива Круга, основная причина этого в том, что пользователям все равно. «Если мы находим что-то, что работает, мы придерживаемся этого. Для нас не имеет значения, понимаем ли мы, как все работает, если только мы можем это использовать. Если ваша аудитория собирается вести себя так, будто вы проектируете рекламный щит, то проектируйте отличные рекламные щиты».
Пользователи хотят иметь контроль
Пользователи хотят иметь возможность контролировать свой браузер и полагаться на последовательное представление данных на всем сайте. Например, они не хотят, чтобы неожиданно появлялись новые окна, и хотят иметь возможность вернуться с помощью кнопки «Назад» на сайт, на котором они уже были: поэтому хорошей практикой является никогда не открывать ссылки в новых окнах браузера.
А вот и сами принципы хорошего веб-дизайна:
1. Не заставляйте пользователей думать
Согласно первому закону практичности, веб-страница должна быть очевидной и не требующей объяснений.
Когда вы создаете сайт, ваша задача – избавиться от вопросительных знаков – решений, которые пользователи должны принимать осознанно, рассматривая плюсы, минусы и альтернативы.
Если навигация и архитектура сайта не интуитивно понятны, количество вопросительных знаков растет, и пользователям становится сложнее понять, как работает система и как добраться из точки А в точку Б.
Четкая структура, умеренное количество визуальных подсказок и легко узнаваемые ссылки могут помочь пользователям найти путь к своей цели.
2. Не растрачивайте терпение пользователей
В каждом проекте, когда вы собираетесь предложить посетителям какую-либо услугу или инструмент, старайтесь, чтобы требования к пользователям были минимальными.
Чем меньше действий требуется от пользователей для тестирования услуги, тем больше вероятность того, что случайный посетитель действительно ее опробует.
Первые посетители хотят поиграть с услугой, а не заполнять длинные веб-формы для аккаунта, которым они, возможно, никогда не воспользуются в будущем.
Позвольте пользователям изучить сайт и открыть для себя ваши услуги, не заставляя их делиться частными данными. Неразумно заставлять пользователей вводить адрес электронной почты, чтобы протестировать функцию.
Как утверждает Райан Сингер – разработчик команды 37Signals, пользователи, вероятно, охотно предоставили бы адрес электронной почты, если бы их попросили об этом после того, как они увидели работу функции и имели представление о том, что они получат взамен.
3. Управление для привлечения внимания пользователей
Поскольку веб-сайты предоставляют как статический, так и динамический контент, некоторые аспекты пользовательского интерфейса привлекают внимание больше, чем другие. Очевидно, что изображения привлекают больше внимания, чем текст – так же, как предложения, выделенные жирным шрифтом, более привлекательны, чем обычный текст.
Человеческий глаз – очень нелинейное устройство, и веб-пользователи могут мгновенно распознавать края, узоры и движения. Вот почему видеореклама чрезвычайно раздражает и отвлекает, но с точки зрения маркетинга она прекрасно справляется с задачей привлечения внимания пользователей.
Фокусирование внимания пользователей на определенных областях сайта с умеренным использованием визуальных элементов может помочь вашим посетителям добраться из пункта А в пункт Б, не задумываясь о том, как это должно быть сделано.
Чем меньше у посетителей вопросов, тем лучше они ориентируются на сайте и тем больше доверия они могут испытывать к компании, которую представляет сайт. Другими словами: чем меньше нужно думать, тем лучше пользовательский опыт, что и является целью удобства использования в первую очередь.
4. Стремитесь к раскрытию функций
Современные веб-дизайны обычно критикуют за то, что они направляют пользователей с помощью визуально привлекательных шагов, больших кнопок с визуальными эффектами и т.д. Но с точки зрения дизайна эти элементы на самом деле не являются чем-то плохим.
Напротив, такие рекомендации чрезвычайно эффективны, поскольку они ведут посетителей через содержание сайта очень простым и удобным для пользователя способом.
Дать пользователю четко понять, какие функции доступны, – это основополагающий принцип успешного проектирования пользовательского интерфейса. Не имеет значения, каким образом это достигается. Главное, чтобы содержание было хорошо понятно, и посетители чувствовали себя комфортно при взаимодействии с системой.
5. Используйте эффективный стиль письма
Поскольку Интернет отличается от печатных изданий, необходимо адаптировать стиль письма к предпочтениям и привычкам пользователей. Рекламные тексты не будут читать. Длинные текстовые блоки без изображений и ключевых слов, выделенных жирным шрифтом или курсивом, будут пропущены. Преувеличенные выражения будут проигнорированы.
Говорите по делу. Избегайте милых или умных названий, названий, специфичных для компании, и незнакомых технических названий.
Например, если вы описываете услугу и хотите, чтобы пользователи создали учетную запись, «зарегистрироваться» будет лучше, чем «начать сейчас!», которое опять же лучше, чем «изучить наши услуги».
Оптимальным решением для эффективного письма является:
1. использовать короткие и лаконичные фразы (переходить к сути как можно быстрее);
2. использовать удобную для сканирования верстку (распределять содержание по категориям, использовать несколько уровней заголовков, использовать визуальные элементы и маркированные списки, которые разбивают поток однородных текстовых блоков);
3. использовать понятный и объективный язык (продвижение не должно звучать как реклама; дайте пользователям разумную и объективную причину, почему они должны воспользоваться вашей услугой или остаться на вашем сайте).
6. Стремитесь к простоте
Принцип «будь проще» должен быть главной целью дизайна сайта. Пользователи редко приходят на сайт, чтобы насладиться дизайном; более того, в большинстве случаев они ищут информацию, несмотря на дизайн. Стремитесь к простоте вместо сложности.
С точки зрения посетителей, лучший дизайн сайта – это чистый текст, без рекламы и дополнительных блоков контента, точно соответствующий запросу, который использовали посетители, или содержанию, которое они искали.
Это одна из причин, по которой удобная для пользователя печатная версия веб-страниц имеет большое значение для хорошего пользовательского опыта.
7. Не бойтесь белого пространства
На самом деле трудно переоценить важность белого пространства.
Оно не только помогает снизить когнитивную нагрузку на посетителей, но и позволяет воспринимать информацию, представленную на экране.
Когда новый посетитель подходит к дизайн-макету, первое, что он пытается сделать, – это просканировать страницу и разделить область контента на усваиваемые фрагменты информации.
Сложные структуры труднее читать, сканировать, анализировать и работать с ними. Если у вас есть выбор между разделением двух сегментов дизайна видимой линией или пробелами, обычно лучше использовать пробелы.
Иерархические структуры уменьшают сложность: чем лучше вам удастся создать у пользователей ощущение визуальной иерархии, тем легче будет восприниматься ваш контент.
До новых встреч!
