Blog

Метод гипотезы. Какие приемы из дизайна приложений перешли в веб-дизайн
web

Метод гипотезы. Какие приемы из дизайна приложений перешли в веб-дизайн

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

 

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

 

Мы решили попробовать разобраться, какие из паттернов появившихся в дизайне веб-страниц, пришли из дизайна приложений.

 

Уровни влияния дизайна приложений

  1. Структура страниц. На одной видимой странице должно размещаться максимальное количество информации. Чем быстрее и проще пользователь сможет воспринять эту информацию, тем лучше. Для этого происходит сжатие структуры и контента.
  2. Взаимодействие с интерфейсом. Максимальная простота и удобство навигации и ее элементов. Появились более крупные кнопки и большие шрифты.
  3. Контекст. Произошло упрощение структуры информации, насыщение ее изображениями, таблицами, видео, разбиение на небольшие абзацы. Все это облегчает восприятие и позволяет быстрее запомнить материал.

 

Ключевые приемы дизайна приложений

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

 

Взаимодействие изображений (фото и видео) с текстом помогает погружению в информацию и лучшему ее пониманию.

 

Скрытые функциональные возможности: навигация, опции, фильтры, появляются при необходимости, не мешая просмотру основного материала.

 

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

 

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

Скрытые элементы навигации позволяют не отвлекаться на них, используя по необходимости, как например скроллинг.

 

Флэт дизайн (плоский дизайн), появившийся как дизайн простых интерфейсов, стал новым стандартом уже в 2013 г., показывая изысканную утонченность простоты в противовес реализму. Сейчас же часто стал используется как на больших экранах так и в печати.

 

Появление в браузерах функций GPS навигации, пуш-уведомлений упрощает взаимодействие с пользователем компьютера.

 

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

 

А burger menu (привычные горизонтальные полоски, обозначающие меню) превратилось в привычный элемент пользовательского интерфейса на огромном количестве устройств.

 

Прогнозы на будущее

Progressive Web Apps – технология, которая в будущем окажет большое влияние на весь веб-дизайн. Это фактически сайт, работающий как приложение, который можно установить на любое устройство или платформу (IOS, Android…). То есть универсальный.

 

Над его созданием с 2015 года трудится команда Google. И они значительно продвинулись в своих изысканиях.

 

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

Эта прогрессивная технология продолжающее унификацию и упрощение интерфейсов.

 

Итог

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

Leave your thought here