Убираем лишнее 13.05.2015

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

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

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

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

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

by 13.05.2015