Адаптивный веб-дизайн стал одной из главных целей проектировщиков, которые ищут возможности для первенства в Интернете. Он оказывает блестящее влияние на пользователей и является дизайнерским выбором номер №1 при разработке различных проектов.
Даже если адаптивный дизайн считается в какой-то степени проходящим явлением, не постоянным, несмотря на это, он создает приличные перспективы в будущем. Все дизайнеры так же склонны совершать ошибки. Рассмотрим некоторые из них.
1. Скрытие контента
Нет никаких сомнений в том, что в адаптивном дизайне используют минимум текста. Но это не значит, что вы должны убирать почти весь контент. Здесь всегда стремитесь приобретать побольше опыта для удобной и подходящей организации информации на экране.
В этом вы должны стать мастером. В некоторых случаях рекомендуется избавиться от меню навигации, чтобы пользователям, которые просматривают сайт с мобильных устройств, могли лучше воспринимать основной контент. Меню в данном случае будет им только мешать.
2. Проектирование сперва для экранов компьютеров, а после – для мобильных приложений
Большинство дизайнеров совершают эту ошибку. Вы должны понимать, что простое преобразование информации с большого монитора под экраны мобильного устройства влечет за собой значительную ее потерю. Следовательно, нужно соблюдать последовательность в этом.
Вы должны сначала разрабатывать структуру сайта и его навигацию, а потом уже расставлять контент-приоритеты. И опять же: все это должно соответствовать мобильной версии сайта и подходить для обычных ПК.
3. Добавление очень больших изображений
Игра с картинками – это то, что любит каждый дизайнер. Это и подгонка изображений под разные разрешения экранов, и оптимизация цвета и прочие параметры. Каждый дизайнер должен быть компетентен в подборке качественных изображений. Слишком крупные картинки негативно влияют на производительность сайта и отталкивают пользователей.
4. Невнимание к функциям сенсорного экрана
Это распространенная ошибка как начинающих, так и профессионалов. Они часто-густо забывают про данный аспект, уделяя внимание другим. Не уделяется должного внимания изменению размера кнопок и интерактивного содержания в соответствии с размерами большого пальца. Обычно ссылки размещаются слишком близко одна от другой либо от текста, и впечатления пользователя от этого негативные.
5. Загрузка сайта выполняется при помощи слишком большого количества ресурсов
В соответствии с недавними исследованиями был сделан вывод, что средний сайт использует около 87 ресурсов при загрузке, которые в совокупности потребляют 1.9 МВ данных. Есть свидетельства, которые показывают, что длительное время загрузки имеет неприятные последствия для производительности веб-сайта, с коэффициентом конверсии падающей на 3,5%.
Следовательно, дизайнер должен убедиться, что устройство, на котором загружается любой сайт, получает только те ресурсы, которые являются обязательными для загрузки на веб-сайте. Дизайнер может выбрать для сжатия CSS и JavaScript ресурсы с помощью удобных инструментов.
6. Откладывание тестирования на конец
Тестирование сайта – неотъемлемый процесс веб-дизайна. Много специалистов откладывают его на потом, игнорируют важность исправления неточностей, разного рода проблем в начале, до перехода к другим разделам сайта; “не куют железо, пока горячо”.
А ведь это то, что должно стать одним из основных предметов заботы дизайнера. Нужно тестировать сайт в процессе, по мере проектирования, а не в самом конце, когда он готов.
Главная фотография взята с сайта — Depositphotos.com
Перевод : Sayhi
Автор статьи : Sarah Parker
Смотрите также : Подборка полезных видеолекций по адаптивному дизайну
Смотрите также : 7 очевидных ошибок в веб-дизайне, которые так раздражают людей
