fbpx

6 распространенных ошибок в адаптивном веб-дизайне

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

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

1. Скрытие контента

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

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

2

2. Проектирование сперва для экранов компьютеров, а после – для мобильных приложений

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

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

2

3. Добавление очень больших изображений

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

Читайте также:  Mobile UX: где размещать кнопки призыва, чтобы повысить конверсию

4. Невнимание к функциям сенсорного экрана 

4

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

5. Загрузка сайта выполняется при помощи слишком большого количества ресурсов

В соответствии с недавними исследованиями был сделан вывод, что средний сайт использует около 87 ресурсов при загрузке, которые в совокупности потребляют 1.9 МВ данных. Есть свидетельства, которые показывают, что длительное время загрузки имеет неприятные последствия для производительности веб-сайта, с коэффициентом конверсии падающей на 3,5%.

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

6. Откладывание тестирования на конец

Тестирование сайта – неотъемлемый процесс веб-дизайна. Много специалистов откладывают его на потом, игнорируют важность исправления неточностей, разного рода проблем в начале, до перехода к другим разделам сайта; “не куют железо, пока горячо”.

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

Главная фотография взята с сайта — Depositphotos.com

Перевод : Sayhi

Автор статьи : Sarah Parker

Смотрите также : Подборка полезных видеолекций по адаптивному дизайну

Смотрите также : 7 очевидных ошибок в веб-дизайне, которые так раздражают людей

Поделиться:

Про автора

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: