Лого vc.ru

Тренды в дизайне мобильных интерфейсов 2015 года — мнение дизайнера «Яндекса»

Тренды в дизайне мобильных интерфейсов 2015 года — мнение дизайнера «Яндекса»

Продуктовый дизайнер «Яндекса» Артур Касимов составил список трендов, которые получат распространение среди мобильных интерфейсов в 2015 году.

Поделиться

Удивительно, но некоторые дизайнеры неверно трактуют понятие «тренд». Часто слышу одну и ту же реакцию: «Какой же это тренд нового года, если я уже видел подобное на Dribbble в прошлом году?» 

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

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

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

Андроидизация

«Лоллипоп» наступает

Очевидно, что самым жирным трендом в 2015 году будет Material Design. Google, наконец-то, удалось совершить невероятное: они пошатнули пьедестал первенства Apple. На том же Dribbble с каждым днём появляется всё больше работ для Android. И в этом ничего удивительного нет. Google создали великолепные всеобъемлющие гайдлайны. Помимо гайдов, они отлично сыграли на всеобщем интересе к программе Sketch App, выложив для неё исходники.

Уверен, что в 2015 году интерес к Android среди дизайнеров будет только крепнуть.

Часовщина

— Итак, вы утверждаете, что в будущем, в котором вы, якобы побывали, люди звонят друг другу на часы? Вы идиот?!

Мода на создание интерфейсов под носимые устройства, а именно, под часы, началась ещё весной прошлого года. После анонса Android Wear. Пик моды пришёлся на середину года. Тогда Motorola показали свои Moto 360. Все ринулись делать интерфейсы под круглые часы.

Но потом интерес сник. А ещё позднее Apple анонсировали свою версию часов и своё видение всей этой носимой электроники. И интерес вспыхнул вновь. Нет никаких сомнений, после выхода Apple Watch нас накроет волна часовых интерфейсов. Гребень этого цунами уже виден на горизонте.

Не стоит сбрасывать со счетов и Google. Уверен, окрылённые Lollipop, они вовсю работают над новой «матириал-дизайновской» версией Android Wear.

Графики и диаграммы

«Мы тут все за здоровый образ жизни! Кстати, купите кроссовки»

Где-то в недрах масонских лож тайные маркетологи придумали новый способ выколачивания денег: здоровый образ жизни. Теперь, если ты не бегаешь, то ты — как минимум лох. А если бегаешь, то тебе нужны кроссовки Nike. Ведь ты же не лох.

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

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

Сложные анимации

— А сколько у вас анимированный прототип стоит? Ой, нет, это дорого. Лучше просто расскажите на словах разработчикам.

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

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

Заблюрить нельзя разблюрить

Хрю-хрю, — прохрюкала Свинья,
— Картина удалась, друзья!
Но с точки зренья нас, свиней,
Присутствовать обязан блюр на ней.
© Интерпретированный Михалков

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

Помните правило? «Если вы сделали скучный интерфейс сайта, поместите макет в картинку iMac или Macbook». 

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

Конечно же, размытие не исчезнет полностью из интерфейсов в новом году. Но его станет ощутимо меньше: останется, как дополнение, но пропадёт, как основа интерфейса.

Нам нужно больше фотографий

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

Трендмейкерами, на мой взгляд, выступили создатели Paper от Facebook. Именно им удалось наглядно показать, что контент на неоднородном фоне при определённой подготовке вполне читаем. Стоит отметить ещё один смежный тренд: дизайнеры всё чаще используют не стоковые, а уникальные фотографии, снятые специально для приложения.

Карточки

heureux au jeu, malheureux en amour

Этому приёму сто лет в обед. Размещение контента карточками использовалось ещё в эру Скотта Форсталла, когда миром правили деревянные и кожаные интерфейсы. Потом дизайнеры разом заболели скеоморфобией. Карточки как-то забылись, затерялись и, уже было, вышли из обихода, изредка встречаясь на walkthrough-экранах. Но роковую роль опять сыграли ребята из Facebook.

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

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

Клавиатуры

— Чтобы заказать пиццу, нажмите клавишу цвета фуксии

Да, к сожалению, это тренд. И он только набирает обороты. Apple на свою голову разрешили всем создавать кастомные клавиатуры. Большинство почему-то восприняли это как приказ к действию. 

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

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

Clean design

Девушки с плоской грудью любят флэт-дизайн

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

Немалую роль сыграли Apple, выпустив OS X Yosemite не абсолютно плоской, как предполагали многие, а продуманно-объёмной. В новом году объём робкими шажочками будет возвращаться в интерфейсы. В абсолютно новом виде, без излишеств, без жирных теней.

Толстые иконки

Все вдоволь насладились контурными пиктограммами с линией, толщиной в волосок. Даже сами трендмейкеры Apple очень осторожно начали избавляться от тонких иконок.

Конечно, не обошлось без Google с их набирающем популярность Material Design. В нём нет места тонким иконкам. Предпочтение отдаётся залитым простым узнаваемым формам. В iOS контурные пиктограммы правят балом. Но всё больше дизайнеров используют трёх или даже четырёхпиксельные линии (имеется ввиду @2x). В 2015 году, очевидно, мода на утолщение иконок будет крепнуть.

***

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

Статьи по теме
10 трендов веб-дизайна 2015 года03 января 2015, 16:15
Популярные статьи
Показать еще
Комментарии отсортированы
как обычно по времени по популярности

А кто сидит на яблоке?

0

Не иначе как метросексуалы (шутка, если чё).

Хуйца сосни. Я владелец Андроида, iPad и PC с Windows на борту.
Я не принадлежу ни к одному из клану ваших ебанутых религий. Я просто пишу приложения и делаю деньги. Востребован массе iOs? - будет продукт для айфонов. Обделены пндроидофилы - будет и им счастье.
Устраивать холивар Android/iOS/Windows иди в детский сад или в школу

Хотелось бы услышать примеры инструментов для создания анимации, упомянутой в статье. Кто чем пользуется?

Мне бы тоже интересно узнать. Я пользуюсь, естественно, Axure - но после нее код вовсе не чистый.

Возможно имелся ввиду Adobe Edge Animate.

0

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

Со всеми пунктами согласен. Тем более, что у нас есть точные данные, как что увеличивается в спросе.

Например за последние 2 квартала анимации в стиле Material было загружено очень много. slinky.me/?q=Material

Также согласен с анимациеи в лого. Люди экспериментируют с этим и вполне удачно. slinky.me/?q=Branding

Отличным пример в дополнение, что например наш сотрудник создал анимция логотипа Apple. slinky.me/ytd Анимация стала популярна в Сша и в Азии. Сегодня ее пытаются применить инженеры Apple в Loader к iOS.

Надеюсь, что я написал на русском правильно и без большого числа ошибок.

Best Regards Vic Koch

Вик, вы клёвый и пишете дельные вещи, но, пожалуйста, перестаньте вставлять slinky в каждое ваше сообщение, это выглядит как спам.

OK. Eto bil good primer na baze nashego exp potomu eto really useful data for everyone.

Хорошо, суть в собственном опыте, я понял, спасибо.

0

Наоборот большое спасибо за ссылки, выставляйте еще.

А вы в какой компании работаете?

Каждый раз, когда я заказываю сайт, то получаю сайт с дизайном, который уже через полгода устаревает. Замкнутый круг какой-то. А есть ли компании-разработчики, которые могут делать сайты с дизайном, который будет актуален хотя бы пару лет? Или все только и могут обсуждать, что надо было делать, а не то, как сейчас нужно делать ;)

Обзоры хороши еще и тем, что позволяют понять куда несет трендово-модных дезигнеров и отсекать их. Заказывая сайт попросите показать работы сделанные в диапазоне 2-5 лет назад. Если они все еще смотрятся атрактивно, это подходящий кандидат.

он ничего не меняет

0

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

0

Возможность комментирования статьи доступна только в первые две недели после публикации.

Сейчас обсуждают
Shtadler Anton

потому что хочется) У каждого свой фан.

Ашот Габрелянов представил приложение Magic для создания индивидуальных стикеров на основе эмоций
0
Дмитрий Каулькин

Язь это ещё норм. Хорошо, что не дратути.

«Вжух»: реакция российских компаний на мем с котом и волшебной палочкой
0
Maga Abdurakhmanov

1. Google Authenticator на часах, очень удобно, что всегда под рукой. За телефоном обычно надо лезть
2. SMS коды, тоже самое что Google Authenticator
3. Нотифаи, настроенные в соответствии с важностью, не надо лезть за телефоном ты сразу видишь, особенно удобно с встречами
4. Не отвлекает людей вокруг звуки твоего телефона (я его всегда на тихом режиме держу теперь)
5. Будильник в часах будит только тебя виброй
6. Если забыл телефон дома и ушел, часы напомнят виброй
7. Управление музыкой, не надо искать телефон, погромче или на паузу поставить
8. Когда едешь на велосипеде, а тебе пишут смс/в телеграм, можно голосом ответить с часов, не доставая телефон
9. Тречит сон и шаги, так-как часы всегда на запястье (7 дней на зарядке)

Есть на рынке другие часы, которые это могут?

От $740 млн до $40 млн за один год
0
Nikolay Kachev
Tredwear

Как будто балтику 9 рекламируют, а не напиток для интеллектуалов. Типа наебенься с нами чувачок

Компания «Альянс» показала на бутылках своего сидра героев знаменитых картин в состоянии опьянения
0
Sp Soul
ITSys

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

Штаб-квартира: Петербургский офис игровой студии Playkot
0
Показать еще