ABRAMOVA | MOBILE APPS | UX/UI DESIGN
1.29K subscribers
53 photos
6 videos
171 links
Интересное и полезное о дизайне мобильных приложений https://abramova-freelance.ru/ По всем вопросам можно к @maroot_ux
Download Telegram
СберМаркет провели полный ребрендинг, изменили название и дизайн приложения.

Теперь это Купер! (название от слова купить, говорят сервис будет более человечным).

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

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

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

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

Про эти иконки! Последняя иконка «заказы» расположена почти впритык к правому краю экрана. То есть отступ не как слева и не как у других элементов. Я думала это горизонтальный скролл, но нет. Просто дизайн.

Карточки магазинов стали меньше. И это удобно! Теперь их видно сразу три штуки.

Многие элементы теперь в черном цвете. Чипсы, обводка у карточек и кнопок. И это не есть хорошо. Черный в продуктах грубоват, особенно в таком количестве.

СберМаркет странную штуку сделали. Сразу выкатили новую версию, где так много изменений. Пользователи не любят когда интерфейс меняется так сильно и в один момент.

И не понятны пока решения в интерфейсе. Почему убрали таб бар? Зачем такой черный цвет?

Человек понятно, привыкнет со временем ко всему. Но хочется видеть изменения более аккуратными.
Кто откликнулся на вакансию, всем большое спасибо! От большинства получила тестовые, скоро с командой будем всех смотреть. Если я кого-то пропустила, напишите мне еще раз пожалуйста в лс.
Вакансия куратора в школу! Мы ищем человека, с опытом (пусть небольшим) в мобилках на позицию куратора в ШДМА. Надо будет проверять работы студентов, помогать им разобраться в сложных для них моментах. Идеально для подработки и вашего роста (кураторство мощно прокачивает). Если интересно, пишите в лс, все расскажу подробнее
Как не надо делать.

Решила я сегодня отменить подписку на Иви.
Нашла кнопку в профиле, нажала.. и началось)

- ты потеряешь подписку прямо сейчас
- а что будет, если ты останешься?
- Иви будет советовать..
- дадим скидку
- а для мобильных еще дешевле..

7 экранов, уговаривающих отписаться!!
Понятное дело, что кнопка отключить менее контраста, относительно кнопки остаться.

Это как отменяешь прием у врача, а тебе говорят семь раз: прием отменится сразу! мы дадим скидку! если онлайн, будет дешевле! и так далее.

Не сильно юзер фрэндли. Как вам такое решение?
Уже завтра! В честь моего дня рождения, два дня супер скидок на программы школы. Промокод HAPPY24. Залетайте к нам учиться 🚀
Надо бы разбавить сообщения-анонсы, но не в этот раз.

Не могу не сообщить что дизайн-интенсив (бывший марафон) начнется уже завтра.

Кто был на нем, тот знает насколько это круто, мощно и полезно.

Три задания, три вебинара, проверки каждой работы (вовремя сданной) и море положительных эмоций.


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

В субботу вебинар от приглашенного гостя.

В пт, сб и воскресенье задания и проверки.

А в понедельник завершающий вебинар и розыгрыш книги.

1990 рублей.
Всегда советую всем своим студентам приходить и выполнять задания. По своему опыту и опыту участников 18ти интенсивов знаю как это полезно.

Присоединяйтесь! https://abramova-freelance.ru/uiintensive


P.S. Завтра обещаюсь прийти с постом о моей работе в продукте :)
Что там по продуктовым задачам?

Обещала написать пост, а работы в продукте столько, что написать его не успеваю.

Я работаю сразу на двух продуктах у одного бизнеса.

Первый, существующий продукт, точнее почти вышел на рынок. Клиент уже есть и активно участвует в развитии продукты.

Сейчас каждые две недели начинаем спринт и я распределяю задачи между дизайнерами. Если задача не понятна, зовем разработку или менеджера.

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

Прикольно, что все три дизайнера это мои выпускники. Плюс я 😎

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

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

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

Работы очень много. Иногда мне кажется, что парт тайм для такой позиции не вариант, успеть хочется гораздо больше. С другой стороны, с нашим приходом, дизайн стал опережать разработку, появились токены в ките, и файлы приводятся у порядок.
То есть результат есть.

В следующих постах расскажу про навыки дизайнеров в продукте, что ценно для команды, что хочется видеть в человеке на таком сложном продукте.
Please open Telegram to view this post
VIEW IN TELEGRAM
История о том, как становятся дизайнерами после 30ти.

Встретилась в Питере с Алиной. Она работает ux/ui дизайнером в продукте. Сейчас.

А до этого большой опыт в корпоративной среде. И полное отсутствие опыта в дизайне.

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

В итоге пришла на большой курс, с запросом «однажды устроиться в продукт, как и другие выпускники ШДМА».
Обучение закончила, сделала курсовой проект.

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

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

На собеседовании коллегам понравился ее предыдущий опыт работы (у нас сложный продукт для больших корпораций).

Мне понравилась адекватность ожиданий по зп и готовность сразу начать работать.

Смутило отсутствие опыта в дизайне и супер спокойствие.

На последнем этапе выбирали между Алиной и другим кандидатом.

Выбрали Алину и вот уже второй месяц она человек нашей команды.

Она счастлива, что нашла работу в новом для себя направлении.
Я рада правильному решению выбрать именно ее.
Навыки дизайнера. Часть 1.
Про Фигму, дизайн-систему, состояния и насмотренность.

Владение Фигмой.
Все об этом говорят, но не многие владеют. Автолайаут, компоненты, стили, варианты. Использовать также легко, как создавать простейшие формы. Быстро и не задумываясь.
Это влияет на скорость работы.

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

Состояния.
Разработчики ждут от дизайнера экран/элемент и все возможные его состояния. Важно показать все ограничения элемента, показать его варианты.

Например: карточка с текстом в одну строку, в две, с чипсом и без него, с фото, с иконкой. А если будет очень много текста? А если номер телефона будет очень длинный? Все показываем. Если данных не хватает, идем к бизнесу/клиенту и уточняем.

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

Насматриваться надо сценариями, поведением, решениями. Одна и та же функция в разных приложениях может быть упакована в разные элементы. И вести они себя могут по-разному. Как будет удобнее?

Вторая часть на следующей неделе.
Практикум по дизайну приложений.
9-22 сентября.

Зачем?
▪️ Сделать новую работу в портфолио (кейс на Behance)

▪️Овладеть или укрепить свой навык работы с приложениями

▪️ Пообщаться с другими дизайнерами

▪️ Взбодриться после лета :)

Длится он две недели.
Стартовый вебинар, я рассказываю правила и траекторию, даю полезную информацию

Смотрите видео-уроки

Делаете дизайн первых 5ти экранов на основе ваеров

Получаете комментарии от куратора

Смотрите следующие видео-уроки

Делаете еще 10 экранов

Получаете комментарии, вносите исправления

Смотрите уроки по прототипу и кейсу

Делаете кликабельный прототип, создаете дизайн кейса на Behance
Публикуете!

Встречаемся на финальном вебинаре, смотрю некоторые работы и отвечаю на вопросы.
Торжественно заканчиваем

Стоимость 14 990р
Длительность 2 недели
Записаться по ссылке
https://abramova-freelance.ru/appdesignpracticum


Посмотреть кейсы с прошлого практикума
Кейс #1
Кейс #2
Что я делаю в продукте сейчас.

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

Я провожу очень много ревью. Сейчас это занимает бОльшую часть моего рабочего времени.
Продукт не типичный и много решений по задачам требуют согласования. Какие-то мы обсуждаем с дизайнером и я не могу сразу принять, идем работать дальше. А какие-то сразу летят в approve.

Дизайн-ревью внутри нашей команды проводятся по-разному. И один на один с дизайнером, и все вместе. Смотрим как эффективнее.

По моей инициативе начали внедрения дизайн-ревью до демо. Пока обкатываем и смотрим где появляются проблемы.

Планирование спринта, распределение задач между дизайнерами, ретро. Это уже стабильно.

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

Встречи с разработкой по некоторым вопросам. Здесь они бывают разные.

В списке нет создания карты компетенций и составления индивидуальных карт роста для сотрудников команды дизайна. Но придем и к этому.
Что может порадовать тим лида?
Сообщение, что дизайн уходит в разработку 🚀

Сегодня проводили демо по продукту, который еще не реализован совсем.

Изначально задумывали отдельное приложение, но потом поменяли направление и решили сначала делать встроенный модуль в текущий продукт, а потом уже делать отдельно.

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

Потом были отпуска: разработка, дизайнер, бизнес.

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

Команда попросили собрать отдельный пул токенов, которые мы использовали в нашем модуле, чтобы они не добавляли все токены из основного продукта.
Сделаем :)

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

Завожу задачу в джиру и во вторник начнется самое интересное, дизайн уходит в разработку.

Я жду этого с нетерпением. Увидеть в демо то, что мы рисовали, провести ревью, завести новые задачи. Наш мини продукт переходит на новую стадию развития.

Реализация дизайна является мощной мотивацией для нашей команды, для меня. Когда все нарисованное не зря, не просто «в стол». А вот уже скоро это увидит конечный пользователь и даст нам обратную связь.
В школу ищем прекрасного человека для ведения соц.сетей. Для отклика и вопросов @maroot_ux