Corso's Blog

Карточные интерфейсы

leave a comment »


Вся интернет-индустрия перейдет на карточные интерфейсы
Картинка

Вице-президент коммуникационного сервиса Intercom Пол Адамс написал заметку о том, почему интерфейс, который структурирует контент в виде карточек, является наиболее перспективным в индустрии.

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

Контент, который разбивается на отдельные компоненты и затем группируется — результат прорыва в мобильных технологиях, когда мы имеем миллионы экранов всех форм и размеров и беспрецедентный доступ к данным через API и SDK. Это уводит веб от сайтов с множеством связанных вместе страниц контента к отдельным частям контента, собранным вместе на основе конкретного опыта взаимодействия с ним.

Картинка


Группировка зависит от:

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

Если преобладующий тренд нашего времени — это переносные гаджеты (смартфоны и планшеты), то преобладающей моделью дизайна должны быть карточки.


Twitter переходит на карточки

Картинка

Например, Twitter запустил Cards — способ добавлять мультимедиа к твитам. Теперь The New York Times следует больше заботиться о том, как их новости будут смотреться в карточке Twitter, чем на их собственном сайте, потому что вероятнее, что контент чаще будут смотреть в формате карточек.


Google переходит на карточки

Картинка

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


Все переходят на карточки

Картинка

Pinterest (сверху слева) построен вокруг карточек. Новая функция Discover на Spotify (сверху справа) построена вокруг карточкек. Во многом Facebook сейчас представляет собой карточки. Многие части новых версий iOS основаны на карточках, например, экран многозадачности и AirDrop. Список можно продолжать.

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

Карточки дают концентрированную информацию

Картинка

Карточки как средство распространения информации были с нами очень долгое время. Имперский Китай использовал их в играх в IX веке. С помощью торговых карточек в XVII веке в Лондоне люди находили бизнес-партнёров. В XVIII веке лакеи аристократов использовали карточки для представления грядущего приезда высокопоставленного гостя. Сотни лет люди раздавали визитки.

Мы постоянно отправляем поздравительные открытки. Мой кошелёк полон дебетовых и кредитных карточек. Не забывайте про водительские права. В детстве я был окружён играми с карточками. До появления компьютерных технологий авиадиспетчеры пользовались карточками для управления самолётами в небе. В некоторых местах так до сих пор и делают.

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

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

Картинка

Карточками можно управлять

Картинка

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

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

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

Картинка

Карточки — новое креативное полотно

Уже сейчас ясно, что интерактивные дизайнеры и дизайнеры продуктов будут широко использовать карточки. Я думаю, то же самое касается маркетологов и креативщиков в рекламе.
Учитывая, что социальные медиа продолжают расти и делиться на множество сервисов, забирая всё больше нашего времени, за этим неизбежно последуют маркетинговые инвестиции. Использование карточек протянется нитью через все эти сервисы в качестве господствующего креативного инструмента. Потребление контента на Facebook, Twitter, Pinterest, Instagram, Line уже построено карточно-подобным образом.

Источник

Advertisements

Written by Valery Portnyagin

30/06/2015 в 12:58

Опубликовано в Mobile

Tagged with ,

Добавить комментарий

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход / Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход / Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход / Изменить )

Google+ photo

Для комментария используется ваша учётная запись Google+. Выход / Изменить )

Connecting to %s

%d такие блоггеры, как: