Тренды мобильного дизайна 2020
Сегодня расскажу про тренды мобильного дизайна и про то, как должно выглядеть идеальное приложение в 2020 году. Пройдемся по основным пунктам, на которые стоит обратить внимание.
1. Темная тема
Ну конечно же темная тема. Как только ребята из Купертино приняли пожелания пользователей и выкатили полноценную темную тему, они ежесекундно задали тренд на темное оформление приложения, и в 2020 году, скачивая приложение, наличие 2-х тем оформления будет показателем качества и удобства.
2. Сторителлинг
На первый взгляд не самый очевидный пункт, но очень важный. У большинства приложений, которые есть на рынке есть цель №1 — заработать денег и полное погружение пользователя в контент это отличная возможность довести его до точки, когда ему будет интересно узнать, что же дальше. А дальше он узнает только за подписку в $10 per month. Хороший пример — приложение Darkr, которое помимо бесчисленного фичеринга, еще и получило статус Editor's choice в App Store. А идея очень простая, вы получаете черно-белые фотографии, прогоняя их через приложение, причём они абсолютно ничем не отличаются от ЧБ фильтров, просто подача: проявка пленки, сканирование и т. д. заставляют верить, что вы делаете что-то очень важное и интересное. Именно погружаясь в историю, вы готовы заплатить, чтобы получить эмоции. И при этом покупка не будет разочаровывать вас.
3. Кислотные и яркие цвета
В 2019 году это уже классика, в 2020 она останется трендом. Просто посмотрите на акцидентные цвета в крупных приложениях. И да, именно крупные приложения будут давать развитие для всех остальных.
4. Плашечки и карточки
Изобилие карточек, шторок, всеразличных плашек — тренд, во многом обсуловленный iOS 13 и дриббблу. Первому, за кучу мелочей и нативную шторку, вместо полноразмерного окна с крестиком, дриббблу — за бесконечные дизайны, состоящие ТОЛЬКО из карточек, а-ля как у Cuberto.
5. Микровзаимодействия, анимации и гифки
Посмотрите, как анимации и взаимодействия с анимацией превращают обычное приложение в живой и сочный продукт. Обычные карточки становятся карточками, на которые хочется нажать. Приучайте пользователя к хорошему, и он обязательно расскажет о приложении своим друзьям, а сарафанное радио это всегда хорошо.
6. Скевоморфизм
Как думаете, почему использование emoji в дизайне так популярно? Нет, это не потому, что все что запрещено, так желанно. Просто люди устают от плоского дизайна, им хочется объема и глубины. А эмоджи — это очень крутой пример элемента, который все знают, который повышает эмоциональность продукта и дает "свежесть" в дизайн. Любые подобные элементы, сделанные в стиле скевоморфизма будут восприниматься пользователем как что-то новое и крутое, соответсвенно — тренд.
7. Грамотная персонализация
Вы замечали, что некоторые приложения постоянно подсовывают вам то, на что вы нажимаете? Как пример — тикток или Инстаграм. Стоит вам только несколько секунд потратить на разглядывание фото или видео, как вот уже соц. сеть отняла у вас пару десятков минут жизни, а все потому, что работа над приложением ведется не только со стороны дизайна, но и со стороны, так скажем, предпочтений. И да, она намного больше и масштабнее, ведь повышая retention (коэффициент удержания), компании зарабатывает больше денег.
Представьте, что вы нарисовали дизайн, а потом выделили неделю на персонализацию. Насколько сильно лучше станет ваше приложение. Насколько сильно больше данных о пользователях вы сможете собрать и создать портрет вашей ЦА. А идеальный портрет платящей ЦА — это выход в юнит экономику и новенький кибертрак в вашем гараже. Персонализируйте.
8. Шрифт широкий
Простите, я не типограф, возможно это называется не широкий шрифт, но думаю смысл вы поняли, особенно в картинках. Это очень популярно и думаю тренд сохранится, особенно с учетом того, что Тинькофф совсем недавно сделал редизайн своего банка, используя именно новый "широкий" шрифт. Яндекс также использует такие акценты. И да, это будет работать в мобильных приложениях так же успешно как и вебе.
9. Иллюстрации
В связи с тем, что многие приложения локализуются на разные страны, то это накладывает ограничение в виде невозможности использовать такую гибкую типографику как в вебе. Соответсвенно дизайн становится скучным, карточным. Но есть то, что понимают все люди мира без исключения на любом языке — иллюстрации и иконки. Именно ответственный подход к этой части приложения может создать индивидуальность и особый, выделяющийся стиль. Как пример, ниже некоторые популярные приложения:
Заключение
Я уверен, что это не полный список, но это, что точно будут использовать люди и на что стоит обратить внимание. А если вам понравилась статья — поддержите меня подпиской на канал secret design в телеграме, нас уже 10 000.
Спасибо!
Этот список трендов отличается от списка трендов 2019 года ровно ничем. Да и кислотные цвета не такие уж и кислотные. Карточки были популяризованы ещё Майкрософт с её плиточным интерфейсом. Невооружённым глазом видно, что мобильный дизайн топчется на месте, не будучи способным предложить ничего нового. И это, внезапно, очень хорошо, так как является показателем того, что в области мобильного дизайна достигнут если не идеал, то очень высокие показатели юзабилити
потому что тренды не меняются под куранты, але
может, перестать пиздеть и сказать человеку спасибо за прекрасный обзор? какие же все-таки на виси душные уебаны тусуются
перестать пиздеть
душные уебаны
крик души прям
Нет.
Кислотных цветов то и не вижу, особенно у Делимобиля:)
У МС появились плиточки, а не карточки. Смысл один реализация разная. МС как всегда не смог довести хорошую идею до конца.
Карточки это MD, если этот тренд подхватила Apple спустя 3 года в iOS 13, то явно уже не тренд.
Кстати, это же применимо и к вебу
Где пруфы? Я хоть примеры привел, а не просто вбросил
Да, твоя версия лучше
Комментарий недоступен
А есть гайды как такое сделать в фигме?
не дай бог вернемся в фотожопу
https://www.youtube.com/watch?v=hPzkEGK_TKA&feature=youtu.be
Комментарий недоступен
Можно поспорить, да?
Сторителлинг это глубже, да и вообще не про то. Приведенный пример больше подойдет, чтобы проиллюстрировать тренд "геймификация".
Кислотные цвета сменяют приглушенные, более натуральные.
Темная тема это не тренд, а необходимость - battery saving, легче считывается в любое время дня.
Иллюстрации это не тренд. Тренд это клиповый дизайн, который да, легче считывается (потому что клиповый). Иллюстрации это следствие данного тренда, т.к. можно ужать контекст до картинки.
Анимация, гифки, микро-взаимодействия. Я бы поспорил и здесь, но сам не очень уверен. С одной стороны, да это есть, но в тренды я бы записал отзывчивость интерфейса. А анимация и гифки опять же следствие.
Плашечки и карточки трендом не станут, потому что тренд идет в сторону многомерного интерфейса и сохранения контекста. А плашечки и карточки разрывают контекст.
Я зануда, поэтому когда вижу "lead designer" сразу ожидаю увидеть дальше лид дизайнер чего именно или где именно.
А можете подробнее рассказать про сохранение контекста? О чем это?
1. Темная тема
Яблочники придумали wm8 спустя 10 лет?
И все как с ума посходили, за-то от тёмной темы wm все плевались и вечно выражали своё «фе»
@Denis Shiryaev а помнишь ты говорил, что тёмная тема не нужна?
Ну шо там? Где моя темная тема на веб-версии?
В веб версии нет :)
Больше похоже на подведение итогов уходящих трендов чем обзор будущего дизайна
Комментарий недоступен
Узнаем из другой статьи )
Через год, в декабре)
Когда этот парень наконец стает дизайнером 😄
Из года в год тренды одни и те же, только меняется цифра в годе
Это уже 3 топик про тренды за неделю, читайте ветку дизайна перед тем как публиковать.
Мощный гайд! Спасибо!
Тренды, где использованы примеры только для iOS, показывает ограниченный кругозор автора.
А приведите примеры из Android, если не сложно? iOS обычно тренды задает, как-то так сложилось. Но вообще шторки и вообще весь этот стиль действительно iOS-подобные, Материалом здесь не очень пахнет, было бы интересно про Андроид посмотреть.
Чувак опаздал со своими трендами примерно на пару лет. Может год назад такое и прокатило бы, но уж точно не сейчас. Тренды на то и тренды, что по ним делаЮТ, а не делаЛИ.
Если говорить про восходящие тренды, то ждем адекватный AR, иммерсивность, супер-сервисы и нулевой интерфейс
Темная тема безусловно трэнд, но она далеко не всем по душе.
Темные сайты будут в тренде?
Мне кажется темные сайты передают настроение и имидж компании/продукта. Тут тяжело сказать за тренд
Ребята дизайнеры, вы определитесь пожалуйста какие будут тренды, дайте статистику «почему будет так?»
Полный антипод статьи: https://vc.ru/99219
По-моему, одна статья дополняет другую))
Zero Ui, дополняет анимации и иллюстрации? Серьёзно?!
В той статье тоже есть про видео и анимации. Они во многом пересекаются.
Может я не внимательно прочитал, не могу найти сходство, можно скриншот плз
Одну из статей явно надо забанить