Слышали новость? Все меньше и меньше людей делают покупки при помощи своих настольных компьютеров.

В период между первым кварталом 2011 года и первым кварталом 2012 доля посещений веб-сайтов с домашних ПК сократилась 94% до 88%. Доля посещений сайтов с планшетных компьютеров выросла с 1.7% до 6.5%. Эти цифры были опубликованы в первом выпуске отчета "Ежеквартальная электронная коммерция". Пока эта тенденция не воспринимается всерьез многими деятелями в сфере проектирования веб-страниц. Однако есть и такие, кто уже сейчас активно пытается найти инновационные подходы. На самом деле многие продвинутые обладатели интернет-ресурсов уже приняли их на вооружение.  Создание адаптивного дизайна - один из них.

Не вдаваясь в технические подробности, адаптивный дизайн – это технология для разработки интернет ресурсов. Она включает в себя возможность динамически изменять отображение сайта и его ориентацию (книжная, альбомная) в зависимости от размера или положения мобильного устройства (планшета или смартфона). Технически это достигается  при помощи языка CSS (англ. Cascading Style Sheets — каскадные таблицы стилей). С помощью них определяют разрешающую способность экрана мобильного устройства и его ориентацию, а затем запускают один из соответствующих стилей CSS. Ведь если просто уменьшить созданный для настольных компьютеров сайт, то текст и картинки на экране получатся очень маленькими. В некоторых случаях при простом масштабировании страница исказится до неузнаваемости. При использовании адаптивного дизайна можно создавать намного более приятный и дружественный внешний вид сайта для нужного размера экрана.

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

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

  • Размер строки поиска/необходимость ее присутствия. Может строка поиска оправдать урезанный функционал сайта, или же пользователи избегают набирать текст на сенсорном экране?
  • Ниспадающие меню. Стоит ли применять функции открытия меню при щелчке на устройствах, где привычное ниспадающее меню при наведении курсора работает неправильно? Повлияет ли это на удобство?
  • Альтернативные способы оплаты. Система интернет денег PayPal, например, удобна в управлении и не требует от клиентов наличия физической пластиковой карты. Будет ли лишним поместить ее значок на все страницы/сделать его более заметным?
  • Размер и расположение картинок. Предпочтут ли пользователи мобильных устройств видеть полноценное по размеру изображение продукта, или лучше поместить несколько маленьких картинок?

Результаты таких тестов не только помогут узнать, какие изменения стилей CSS должны быть внесены в ваш адаптивный дизайн. Они позволят сократить время на внедрение нового интерфейса, а также удостовериться, что он отвечает всем требованиям и ожиданиям ваших покупателей.


Написать комментарий

← Как вас зовут ?
← Введите ваш емейл, если хотите следить за комментариями.

Отсутствует текст комментария