Дизайн сайтовЮзабилитиВерстка сайтовВходящий маркетингКонверсия сайтовПоисковые системыКонтекстная рекламаИнформационные технологииНовости E-Planet
29 января 2016

Ошибки веб-разработки, от которых стоит избавиться в 2016 году

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

1.Фокусировка на устройствах, вместо концентрации на размерах экранов и разрешениях

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

2. Концентрация на маленьких экранах

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

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

3. Проектирование без использования сетки

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

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

4. Использование тем без индивидуализации

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

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

5. Отсутствие поля поиска

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

6. Отсутствие специального визуального оформления для посещенных ссылок

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

7. Засилье Flash

Конечно, использование Flash помогает сделать сайт более интерактивным и придать жизни некоторым приевшимся элементам. Рекламные баннеры и некоторые приемы анимации основаны именно на этой технологии, но она обладает рядом серьезных недостатков:

  • Flash не поддерживается рядом операционных систем, в первую очередь, речь идет о ОС, установленных на мобильных устройствах;
    • Большую часть функционала Flash можно заменить другими, менее емкими технологиями, которые получили развитие на протяжении последних нескольких лет;
    • Ряд флагманских браузеров придерживается политики постепенного отказа от поддержки Flash.
По материалам modernweb.com