Дизайн сайта, это не только красота и визуальный стиль. Дизайн сайта, это функциональность портала, способная обеспечить высокую посещаемость и конверсии. Но, к большому сожалению, не редко случается, что сайт оказывается неэффективным не только по вине дизайнера. Причин неэффективности сайта существует много, и рассматривать их нужно в каждом конкретном случае. Тем не менее, существуют частые и базовые ошибки чисто дизайнерские, на которых стоит остановиться чуть более подробно.
В первую очередь необходимо проверить главную страницу, которая должна быть одновременно и ёмкой, и лаконичной. На этой странице должен чётко прослеживаться основной посыл, что несёт весь сайт. Этакий концентрат информации, которую необходимо подавать порционно и простыми словами, так чтобы на запутать пользователя и заинтересовать его, как в «прокручивании» страницы вниз, так и к изучению сайта в целом.
Если необходимо на главной странице подать большой объём информации, сократить которую невозможно, то стоит использовать поп-апы с пояснениями, а также скрытые списки, позволяющие оставить видимым исключительно самое важное. В противном случае, пользователь утратить интерес к прочтению/изучению информации и покинет сайт.
Итак, прощайте навигацию, определите цели, дайте пользователю возможность, как можно проще и быстрее выйти именно к ним.
Не используйте медиафайлы в режиме автовоспроизведения, сегодня это раздражает подавляющее большинство пользователей. Если данный файлы необходимы на главной странице, то позвольте пользователю самому решать запускать их, или же нет.
«Простыня» из букв и слов — утомляет, поэтому старайтесь разбавлять текстовый контент графиками и таблицами, иллюстрациями и иконками. В противном случае, пользователь будет потерян. Однако используя данные способы разбавления текстового контента, не забывайте правильно расставлять акценты.
Если имеет большой текст и его необходимо сохранить, то структурируй его цитатами, сносками, рекомендациями. Делай интервалы и промежутки, это добавляет «воздуха» и лёгкости странице. Иногда информацию лучше показывать, а не описывать. Помни, что картинки с соответствующими описание работают намного лучше, чем сплошной текст, они проще для понимания и для восприятия. Отличным решением будет заменить некоторые действия иконками, например, текст «заказать доставку товара» на изображение грузовичка. Однако необходимо выбирать чёткие, понятные и соответствующие тексту картинки.
Об адаптивности дизайна сказано уже очень много, да и сама данная функция стала уже из разряда «по умолчанию». Тем не менее, некоторые дизайн некоторых сайтов всё ещё рассчитан только на ПК. Так что проверь, наличие данной функции у проблемного портала, и если её нет, то немедленно исправь ошибку. Кстати, неадаптивные сайты не любят не только пользователи, но и поисковые системы.
О да, многие веб-дизайнеры пристально следят за появлением новых, модных трендов и старательно используют их в своей работе. В итоге это часто приводит к том, что использованные тренды не проходят проверку временем или даже являются неприемлемыми для обычного пользователя сайта. Так что,не спеши использовать новейшие «примочки» и «навороты», поскольку обыватель может не оценить своих стараний.
Разумеется, тренды важны и нужны, однако они не сработают, если контент посредственный. Так что важна не обёртка, а содержание.
Многие пользователи замечают контент, представляющий больший интерес для их друзей, отчего у них возникает желание «сбросить» и/или поделиться им. В данном случае, сделать это им помогают специальные кнопки «поделиться». Классно, если такие кнопки находятся рядом, а не внизу страницы. Поскольку пользователь, получивший ссылку на данный контент может даже не понять о чём вообще идёт речь.
Не забывай предлагать возможность пользователю делиться интересным ссылками в социальных сетях и в мессенджерах, поскольку это и есть лиды. Настрой кнопки так, чтобы их можно сохранять, для того чтобы проверить позднее.
Цвета и дизайн страницы должны полностью соответствовать тематике сайта, а также тем продуктам и услугам, которые предлагаются пользователю с его помощью. Казалось бы, ну что тут может быть не очевидного, но часто веб-дизайнеры не учитывать психологию цвета и факт того, как он влияет на целевую аудиторию. В итоге, страница своим внешним видом отталкивает, отпугивает посетителя. Тоже самое можно сказать и о размере шрифта, и о его дизайне.
Помни, что лаконичность — «сестра таланта» и не забывай о правиле «трёх цветов», даже если сайт посвящён радуге.
Кроме того, разрабатывая дизайн коммерческий сайт, выбирай для его оформления корпоративные цвета компании, для которой создаётся ресурс. Это позволит ассоциировать сайт с компанией, а также увеличить уровень узнаваемости бренда.
Если корпоративные цвета слишком агрессивны, то возьми только один из них и не забудь разместить логотип компании на самом видном месте.
Здорово, если сотрудники компании согласятся стать фотомоделями и дадут своё разрешение использовать полученные снимки для оформления корпоративного сайта. Фотографии реальной команды, это очень здорово. Однако иногда ни руководители компаний, ни сотрудники не хотят, чтобы разработчик использовал их изображения. В данном случае, путь лучше на сайте вообще не будет фотографий людей, чем снимки со стоков.
Некоторые дизайнеры являются чрезвычайно креативными и их желание продемонстрировать свой оригинальный подход к выполнению поставленных задач, выражается в сломе стереотипов. Речь идёт о ставших уже привычными шаблонах, изменение которых чревато потерей посетителей, которым не удалось быстро и просто найти нужную им кнопку/блог/информацию на привычном для них месте.
Креативность, это конечно же, хорошо, но удобный и интуитивно понятный интерфейс — лучше.
Итак, это был топ 8 самых банальных, но отчего самых распространённых ошибок, которые допускают не только новички, но и весьма опытные веб-дизайнеры. Возможно, данный список, скажем так «досадных недоразумений» поможет кому-то из дизайнеров найти и исправить свои ошибки. Благодаря чему, улучшиться дизайн сайта, а также увеличится его посещаемость и количество лидов.
Gram и Libra: первые начинают и выигрывают
Профессии будущего: что это и как подготовиться обычному студенту
Советы фрилансеру от эксперта, как не срывать дедлайны
Советы от эксперта по работе в сфере веб-дизайна и фирменного стиля
UX-дизайн: какими способами можно его улучшить
Работа на дому удалённо: пять шагов для установления границПоделись мнением о статье "Ошибки веб-дизайна, ведущие к снижению продаж", предложи свой вариант в комментариях! Спасибо!