Сделай удобно: подборка UI/UX-кейсов из цифровых и нецифровых продуктов (#3)

от автора

«Сделай удобно» #1.

«Сделай удобно» #2.

Продолжаю изучать различные UI/UX/CX кейсы в мобильных приложениях, веб-сайтах и в реальном мире. Дизайнерам и менеджерам по продукту, чтобы вдохновиться и добавить в заметки.

Под катом: SoundCloud, growth.design, Венские остановки, Wise, китайские супер-аппы.

Про китайский и западный UI/UX

Классный ролик на Youtube (https://youtu.be/WSMFnJnY7EA?si=5G2InPw-OzhdCOlG) на эту тему, который простым языком отвечает на вопрос: почему азиатский дизайн работает? Актуально на фоне роста приложения VK, в котором мы скоро сможем проводить оценку автомобиля и параллельно искать дизайнеров на проект/заказ. Хотя (https://vk.com/press/mini-app-car), погодите (https://habr.com/ru/news/853164/)..

Тезисы из ролика:

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

  • Культурные различия и коллективизм. Китайцы приняли бесшовный ux и привыкли к нему. «Но разве попытка сделать все-все хорошо не ведет к тому, что хорошим будет ровно ничего?». Ответ: нет, если учитывать комбо-экспериенс. Китайцы как бы хотят получить ui/ux в виде Хэппи Мил из Макдака.

Например, в китайскую версию Google maps — Gaode Maps — внедрены функции Uber: можно заказать такси, выбирая из десятка разных агрегаторов.
P.S.: по факту, такие интеграции давно практикурет и Google maps.

  • Полихронность китайцев, которые привыкли обдумывать и делать несколько дел одновременно.

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

За что хейтят китайские приложения китайцы в комментариях к ролику:

  • Много рекламы, которая раздражает глаз.

  • Тяжелые приложения замедляют работу телефона и много весят (есть приложение на 3-4 гигабайта, пишут и про десяток гигабайт).

  • Кнопки-доп. функции похожи на навязчивый кликбейт. Например, в китайском Uber можно оформить кредит. Если западные приложения делают акцент на одном call2action, но китайские — на множестве.

Статья на Medium, где про все это можно почитать чуть подробнее.

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

Фон загрузки данных в Wise

Ожидал, что в Wise при смене дизайна карточки обновится и фон загрузки экрана. Но нет, цвет погрузки экрана остается прежним.

К слову, в Wise очень симпатичные анимации загрузки аппа.

Немного городских элементов из Вены

  1. Дизайн автобусных и трамвайных остановок. Стандартизирован еще в середине XX века. На табличках четко разделена информация по видам транспорта (автобус, трамвай) с использованием контрастных цветов и форм.

  2. Дружелюбные указатели для пассажиров в метро.

Анимация фокуса на карточках на обучающем сайте

Зацените, как интересно сделаны карточки кейсов вот на этом сайте про UI/UX/CX.

Что можно сказать про контент:

  • Выбрана очень классная подача в формате, похожем на CJM.

  • Разобраны десятки флоу из разных продуктов. Можно найти свежие идеи конкретно под свой кейс.

  • У ребят есть инсайты от продактов и в целом от продуктовых команд о том, почему было сделано так и на что это повлияло. Инфа об этом — внутри кейсов бесплатно.

  • Можно подписаться на рассылку и раз в Х дней получать на свою почту свежий кейс. Сайт живой, продукт растет.

Комментарии пользователей к трекам в SoundCloud

В SoundCloud при перемотке трека можно посмотреть комментарии, которые оставили к треку другие пользователи. На каждый комментарий можно кликнуть, чтобы почитать его на отдельном экране. На что рассчитывали разработчики:

  • Увеличить вовлеченность (Engagement). Комментарии дают пользователям возможность взаимодействовать с треком и друг с другом. В теории, должны подрасти среднее время прослушивания трека и среднее время сессии пользователя (Time Spent).

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

Цветомузыка в Яндекс.Музыке

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

Кстати, команда сервиса начала тестировать обновленный дизайн веб-версии (https://dtf.ru/music/3138704-v-veb-versii-yandeks-muzyki-nachali-testirovat-obnovlennyi-dizain).

Если статья оказалась для вас полезной — подписывайтесь на канал автора в ТГ — «Сделай удобно», чтобы не пропустить другие материалы по теме.


ссылка на оригинал статьи https://habr.com/ru/articles/872020/


Комментарии

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *