April 13, 2023

Выпускник Uprock – Александра

Ну ладно, предыдущий разбор был "битьем ребенка", соглашусь. Теперь посмотрим, что там с выпускниками Uprock. Берем курс Mobile Pro и смотрим отзывы.

Так, так. Посмотрим на что Александра может претендовать в российском IT гиганте. Прдеставим, что мы ищем миддла на мобильное приложение.

Оформление беханса на уровне senior. Никаких вопросов. Цвет, шрифты, приемы, мокапы — все четко.

При просмотре портфолио я всегда смотрю самую свежу работу по нужной тематике. Там нужна мобилка, посмотрим приложение про "планы на викенд".

https://www.behance.net/gallery/156262201/Event-Catcher-mobile-app

Многообещающее начало!

По графике — отлично. Senior уровень. Но вот появляются детали и начинают возникать вопросы по UX.

Качество иллюстраций на онбординге задает высокую планку. Рассматривать интересно. Однако к UX вопросики... Перемудрила с кнопками

Онбординг приложения-читалки.

Пример хорошего UX при онбординге. Мы обрабатываем 2 типа пользователей:

  1. Новички, впервые скачали. Их большинство и primary действие — Get Started.
  2. Те, кто уже пользовался и знает приложение, но просто скачал его на новое устройство. Этим ребятам ничего объяснять не надо, дайте им скорее залогиниться и перейти к приложению.

Скроллим дальше и бабах... Начинается та часть кейсов в учебных работах, которую я очень недолюбливаю.

Preparings... нет такого слова в английском :(

А так все хорошо начиналось.

Главный вопрос в жизни продуктового дизайнера — "зачем?". Зачем этот блок в кейсе? Это описание реального процесса? Все эти инструменты использовались для получения готового результата? Если так, то это неубедительная подача.

Показывайте в кейсах реальные артефакты подготовительной работы — скрины переписок с заказчиком, куски брифа из ворда, борда в miro со скринами конкурентов и комментариями (competitive analyse). Независимо от содержания это +10 к вашей продуктовости.

Если этого всего нет, а вместо этого просто перечисление умных слов, да еще и с ошибками. Сорри. Эйчара этим можно удивить, но дизайн лид точно не пропустит и обязательно спросит "за упоминание" на собеседовании.

Двигаемся дальше...

Слева направо... видимо это User Flow. Баллы за UX тают :(

Дорогие мои дизайнеры, пожалуйста, используйте для mind map'а и user flow соответствующие инструменты. Этим вы покажете мне, что владеете не только фигмой.

Цвета — отличные. UX — все больше и больше вопросов.

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

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

Экран логина для нового пользователя — это стресс. Не стесняйтесь слов и объяснений на таки экранах.

О! вот он user flow, предыдуший mind map точно бесполезный )) можно смело удолить.

Советую всем дизайнерам начинать рисовать дизайн вот с таких схемок.

Ой, дальше вообще хорошо пошло. Александра клянется, что провела интервью и составила портреты персон. Очень хорошо.

Мотивация, ожидание, боли — с этого вообще надо было начать!

Все, я понял. Блоки точно надо поменять местами. Расположить в том порядке, в котором сама же Александра описала их в дизайн процессе.

Оказалось блок был не бесполезный. Пригодился, чтобы разобраться в скринах. Жаль, что сама Александра не воспользовалась своим же описанием своего же дизайн-процесса.

Ну все, баллы за UX немного восстановлены :) Предвкушаю, как все эти боли будут решены в интерфейсе.

17 летняя Даша жалуется, что для ее возраста мало бесплатных мероприятий.

Сможет ли Даша найти бесплатные тусовки с возрастным ограничением 16+ с помощью EventCatcher?

Сейчас проверим! Не переключайтесь!

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

Окей окей, дизайнер, я понял, что ты могешь в маркетинг визуал. Давай экраны уже.

Дизайн система?... Да что тут происходит с порядком повествования?! Ты же сама описала дизайн процесс, там дизайн система в конце, после прототипов! Саша, где прототипы?!

Лучше никак не описывать свой UI kit, чем так. Текст про компоненты и дизайн систему, а картинка про цвета и неконсистентные иконки?... минус 10 за визуал, минус 10 за UI, минус 10 за логику сторителлинг.

Я начинаю немного злиться уже.

О, warframes! Рамки войны...

Но это же просто экраны без цвета и outlined... Понятно, никаких wireframes не было. Куратор на курсе попросил добавить в кейс блок про wareframes, дизайнер взял отрисованные красивые экранички, убрал заливку и навалили на темный фон. Дело раскрыто.

Начинаю грустить...

Дальше идет встроенное видео. Посмотрите если интересно. Я оставлю пару комментов.

https://player.vimeo.com/video/766077078

В таких видео лучше показывать userflow или его часть. В идеале связать с описанными персонами. Открываю ленту событий, в фильтрах выбираю "Age category 16+", нахожу событие, проваливаюсь в него, нажимаю и перехожу к экрану оплаты". Вот этого достаточно.

Тут же какой-то невнятный быстрый набор тапов... Тап туда, тап сюда...

..

Наконец-то появились экраны

Александра стремительно скатывается с middle до уровня Junior. Внутри в интерфейсе не осталось и следа от того стиля и вайба с онбординга. Зато приехали эмодзи. Эмодзи ок, но это другой стиль...

Тут уже не хочется всмвтриваться в детали. Мы помним, я Даша, мне 17, я ищу бесплатные вечеринки категории 16+...

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

Такие топовые были камушки на онбординге, но что произошло внутри?... кружочки, квадратики? эх..

Просто набор экранов, и тут видно насколько разные стили у иконок в таббаре и сверху у заголовка. Тут глазу не за что зацепиться. Карту срисовала с яндекс.карт. Это ок, но прям 1 в 1 по фукнционалу то зачем? Зачем-то оставила кнопку Route... хотя по смыслу приложения — там должна быть целевая — buy ticket или там Book.

17-ти летняя Даша нашла в кармане зимней куртки 5ку... и может позволить себе Perfume Genius. Но пустят ли ее?... Ведь ей 17...

А вот и вкладка поиск )) Все то, же самое, что на Home, но повеселее по цветам.

Что мешало добавить поисковую строку на главный экран? Что-то явно мешало.

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

Это точно делал один и тот же человек?

Красиво. Сектор отрисован четенько.

Кнопочка Pay не по гайдам. Надо сразу лого яблочка туда.

Вернулись красивые цвета. Это радует. Блок купленными билетиками не плох. Хотя конечно никто не хранит билетики в таком узком приложении. Билетик прилетает на почту, а дальше попадает в Wallet.

Экранчик можно докрутить...

Скорее бы уже конец...

Вот чего чего я не ожидал увидел в профиле... так это мои лайки и интересы.

Опять ивенты? Тут не проработано много вопросов. Что будет с прошедшими эвентами? Билеты вот сохраняются.

Я бы вынес Favourites в отдельный таб.

Вообщем, тут по UI и по UX очень много вопросов и можно было бы еще комментировать. Но я смотрю с точки зерния нанимающего лида.

Резюме.

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

UI — слабый. Неконсистентные иконки, кнопки вместо табов (segmented controls).

UX — слабо. Очень много моментов не продумано.

Итого

Я бы пригласил такого дизайнера на собес, если бы у меня были вакансии дизайнера на лендосы. Уровень — middle. В продукт на мобилку — только стажером и то, после собеседования.

Уфф! Спасибо, что дочитали до конца. Надеюсь нашли для себя что-нибудь полезное.