Долой отзывчивый дизайн
Мы недавно закончили редизайн нашего сайта и в новой версии отказались от отзывчивого дизайна.
Учитывая то, что отзывчивый дизайн на сегодняшний день является трендом, мы решили поделиться причинами, по которым приняли такое решение.
Почему мы отказались от отзывчивого дизайна
Разрабатывая прежний дизайн нашего сайта, мы следовали тренду. Результат выглядел отлично на настольных компьютерах и более-менее хорошо адаптировался под другие устройства.
Думаю никто не стал бы спорить с тем, что обеспечивать лучшую поддержку мобильных устройств — хорошо. Однако, мы не задумывались над реальными потребностями нашего сайта, мы просто сосредоточились на подгонке контента под гибкую сетку.
При следующем редизайне сайта мы решили хорошенько разобраться в том, что именно нам даёт отзывчивый дизайн. И вот три фактора, которые подтолкнули нас отказаться от него:
-
Мы промахнулись с целевой аудиторией — как оказалось, не так уж много людей осуществляют платежи кредитной картой через интернет, используя для доступа к форме мобильные устройства. Проанализировав траффик, мы обнаружили, что ими пользовались всего 2% посетителей.
-
Медленное внедрение — разработка отзывчивого дизайна заняла почти вдвое больше времени, чем разработка дизайна с фиксированной шириной. Мы могли потратить это время на улучшение других качеств нашего продукта.
-
Ограничения наложенные на дизайн — у нас не было возможности разработать различный дизайн для настольных компьютеров и мобильных устройств, и нам пришлось упростить дизайн настолько, чтобы он подходил и десктопу, и мобильным устройствам. В ряде случаев нам даже пришлось идти на компромисы, в результате которых дизайн слабо подходил и для тех, и для других.
Что мы сделали вместо этого?
При разработке нового дизайна мы решили использовать фиксированную сетку шириной 980 пикселей, которая хорошо выглядит почти на всех настольных мониторах и планшетах.
Использование фиксированной сетки увеличило скорость разработки дизайна и написание кода, грубо говоря, вдвое. А ещё мы смогли разрабатывать дизайн, который не подходит для маленьких экранов.
Отказавшись от отзывчивого дизайна, мы не только сэкономили кучу времени, но и сделали сайт лучше для 98% наших посетителей.
Когда нужна отзывчивость?
Иногда дополнительные усилия для разработки отзывчивого дизайна стоят того. Нам кажется, что есть два критерия, которые это определяют:
-
Соотношение пользователей мобильных устройств и настольных компьютеров — очевидно, если значительный процент траффика приходится на мобильные, при разработке дизайна вам следует учитывать эту аудиторию.
-
Цель посещений — насколько значительно улучшение интерфейса для пользователей мобильных устройств повлияет на результат, который вы хотите получить?
Например, мы считаем, что полностью отзывчивый дизайн очень важен для страниц оформления заказа. Даже малейшие изменения в последовательности действий на этих страницах могут быть значительными для наших клиентов. Хотя только ~3% посетителей заходят на страницы оформления заказа с мобильного, надлежащий дизайн может значительно повлиять на конверсию. Так что результаты, пусть они касаются небольшой части нашей базы пользователей, стоят инвестированных ресурсов.
У посетителей, которые заходят с мобильных устройств, часто цели посещения вашего сайта сильно различаются. В таких случаях просто втиснуть контент в размеры маленького экрана недостаточно. Вместо этого стоит задуматься как разный контекст влияет на предпочтения пользователей в плане контента.
Отзывчивый дизайн несомненно полезный инструмент, и его стоит рассматривать, но также стоит оценить его реальные преимущества для конкретного проекта перед тем, как приступать к его разработке.