Тренды в дизайне мобильных интерфейсов 2015
Удивительно, но некоторые дизайнеры неверно трактуют понятие «Тренд». Часто слышу одну и ту же реакцию:
— Какой же это тренд нового года, если я уже видел подобное на Dribbble в прошлом году?
Такое, повторюсь, встречается нередко. Поэтому считаю нужным уточнить, казалось бы, элементарное понятие:
Тренд — это не что-то уникальное. Не сию минуту придуманное. Тренд — это направление, тенденция, веяние. Уже созданное кем-то, уже кем-то замеченное. То, что было создано кем-то одним и будет подхвачено множеством. Вот, что такое тренд.
В сети, в последнее время появляется большое количество статей, описывающих тренды в веб-дизайне. Кажется, что это какой-то новый тренд, простите за каламбур. В то же время, встречается крайне мало статей с трендами в мобильных интерфейсах. В рунете я не нашёл ни одной подборки. Поэтому решил побыть в роли аналитика.
В этой статье я попробую спрогнозировать намечающиеся тенденции, отобрать набирающие популярность веяния в дизайне мобильных интерфейсов. То, что будет активно развиваться в этом году.
Андроидизация
Очевидно, что самым жирным трендом в 2015 году будет Material design. Гуглу, наконец-то, удалось совершить невероятное: они пошатнули пьедестал первенства Apple. На том же Dribbble с каждым днём появляется всё больше работ для android. И в этом ничего удивительного нет. Гугл создали великолепные всеобъемлющие гайдлайны. Помимо гайдов, они отлично сыграли на всеобщем интересе к программе Sketch App, выложив для неё исходники.
Уверен, что в 2015 году интерес к андроиду среди дизайнеров будет только крепнуть.
Часовщина
Мода на создание интерфейсов под носимые устройства, а именно, под часы, началась ещё весной прошлого года. После анонса android wear. Пик моды пришёлся на середину года. Тогда Моторола показали свои moto 360. Все ринулись делать интерфейсы под круглые часы.
Но потом интерес сник. А ещё позднее Apple анонсировали свою версию часов и своё видение всей этой носимой электроники. И интерес вспыхнул вновь. Нет никаких сомнений, после выхода Apple watch нас накроет волна часовых интерфейсов. Гребень этого цунами уже виден на горизонте.
Не стоит сбрасывать со счетов и Google. Уверен, окрылённые лоллипопом, они вовсю работают над новой матириал-дизайновской версией android wear.
Графики и диаграммы
Где-то в недрах масонских лож тайные маркетологи придумали новый способ выколачивания денег: здоровый образ жизни. Теперь, если ты не бегаешь, то ты — как минимум лох. А если бегаешь, то тебе нужны кроссовки Nike. Ведь ты же не лох.
Индустрия мобильных приложений не послушалась совета Макаревича и тут же прогнулась под изменчивый мир. Подобно грибам после дождя, в сторах начали появляться приложения-трекеры, шагомеры, различные измерители всего, что можно измерить. Масла в огонь подлили Гугл и Эппл, создав каждая по своей версии так называемой системы слежения за здоровьем. И вот вам тренд. Как на ладони.
В новом году каждый уважающий себя дизайнер мобильных интерфейсов должен создать приложение со всевозможными динамичными графиками и наглядными таблицами. В почёте будут диаграммы, столбики, в общем всё, что ясно даст понять пользователю: Надо срочно купить новые кроссовки!
Сложные анимации
В прошлом году на дизайнеров свалилась целая куча различных инструментов для динамичного прототипирования и создания анимаций. Дошло до того, что в некоторых программах достаточно подвигать элементы в нужную сторону и на выходе получишь абсолючтно чистый рабочий код.
Всё это, конечно же, поднимет анимации в интерфейсах на новый уровень. В 2015 году стоит ожидать немало интересных решений в навигационной анимации: новые переходы, всплывающие, вылетающие, возникающие Бог знает откуда меню и уведомления. Новые спиннеры, прогресс-бары, меняющиеся графики, и ещё много всего, что успеет порядком надоесть.
Заблюрить нельзя разблюрить
Картина удалась, друзья!
Но с точки зренья нас, свиней,
Присутствовать обязан блюр на ней».
© Интерпретированный Михалков
Были времена, когда дизайнер плохо себя чувствовал, если за день что-нибудь не разблюривал. Размытие являлось основным источником лайков.
Помните правило?
«Если вы сделали скучный интерфейс сайта, поместите макет в картинку аймака или макбука.»
Блюр, в какой-то момент также стал универсальным спасением плохих интерфейсов.
Но эти времена закончились. Отчасти, благодаря набирающему популярность андроиду, в котором блюр, как класс, отсутствует. Конечно же размытие не исчезнет полностью из интерфейсов в новом году. Но его станет ощутимо меньше: останется, как дополнение, но пропадёт, как основа интерфейса
Нам нужно больше фотографий
Дизайнеры наконец-то перестали бояться больших фотографий. Боязнь эта, кстати, у многих осталась ещё с тех давних времён, когда каждый заказчик просил сделать логотип побольше. Помните? Немалую роль сыграл плавный спад любви к блюру. Картинки постепенно заполняют большую часть экрана, нередко становятся фоном приложения.
Трендмейкерами, на мой взгляд, выступили создатели Paper от Facebook. Именно им удалось наглядно показать, что контент на неоднородном фоне при определённой подготовке вполне читаем.
Стоит отметить ещё один смежный тренд: дизайнеры всё чаще используют не стоковые, а уникальные фотографии, снятые специально для приложения.
Карточки
Этому приёму сто лет в обед. Размещение контента карточками использовалось ещё в эру Скотта Форсталла, когда миром правили деревянные и кожаные интерфейсы.
Потом дизайнеры разом заболели скеоморфобией. Карточки как-то забылись, затерялись и, уже было, вышли из обихода, изредка встречаясь на walkthrough-экранах. Но роковую роль опять сыграли ребята из Facebook.
Вдохновившись приципом «Новое — это хорошо забытое старое», они выпустили Paper, где основной сутью стали как раз карточки. Дизайнеры поддержали идею и создали немало интересных интерфейсов с карточками. Важную роль в появлении этого тренда сыграло развитие навигационной анимации.
В новом году решений с карточками станет ещё больше. Вообще, скеоморфизм в изменённом своём виде, вычищенный и продуманный, вернётся на экраны приложений.
Клавиатуры
Да, к сожалению, это тренд. И он только набирает обороты.
Apple на свою голову разрешили всем создавать кастомные клавиатуры. Большинство почему-то восприняли это как приказ к действию. Когда-то каждый дизайнер считал своим долгом создать погодное приложение. Теперь в ходу клавиатуры.
К большому сожалению, за всё время я не встретил ни одной хорошо работающей кастомной клавиатуры. Дельных концептов, к слову, тоже нет.
В 2015 году, помимо миллионов концептов, различающихся лишь формой и цветом клавиш, стоит ожидать «не совсем клавиатуры». Например, вместо клавиш в поле, предназначенном для клавиатуры будут располагаться аватарки контактов. В общем, плавное превращение в виджеты.
Clean design
Всё больше и больше дизайнеров понимают разницу между плоским и примитивным. В прошлом году были скромные попытки возвратить объём в мобильный дизайн. Больше всего это выразилось в иконках приложений.
Лично я предвидел это ещё давно. Немалую роль сыграли Apple, выпустив OS X Yosemite не абсолютно плоской, как предполагали многие, а продуманно-объёмной.
В новом году объём робкими шажочками будет возвращаться в интерфейсы. В абсолютно новом виде, без излишеств, без жирных теней.
Толстые иконки
Все вдоволь насладились контурными пиктограммами с линией, толщиной в волосок. Даже сами трендмейкеры Apple очень осторожно начали избавляться от тонких иконок.
Конечно, не обошлось без Гугл с их набирающем популярность Матириал-дизайном. В нём нет места тонким иконкам. Предпочтение отдаётся залитым простым узнаваемым формам.
В ios контурные пиктограммы правят балом. Но всё больше дизайнеров используют трёх или даже четырёхпиксельные линии. (Имеется ввиду @2x)
В 2015 году, очевидно, мода на утолщение иконок будет крепнуть.
Безусловно, трендов и веяний больше. Многое будет появляться в течение года. Возможно, какие-то из перечисленных тенденций по какой-то причине не станут развиваться. Создавать тренд — непросто. Наш ум устроен консервативно. Новые вещи сперва вызывают отторжение. Нужны смелость и уверенность в собственных решениях.
