ABRAMOVA | MOBILE APPS | UX/UI DESIGN

С недавних пор я тружусь на позиции team lead в прекрасной команде. Мой клиент, для которого я проводила консультации и помогала улучшить сервис, запускает новый цифровой продукт и пригласил меня в команду. Помимо непосредственной работы над проектированием интерфейса, я формирую команду, которая будет работать весь период запуска и после него, когда я уже уйду с проекта. Кстати у этого клиента работают уже двое моих студентов :) В ближайшее время буду составлять карту компетенций, грейды, зп для каждого из них. Также оценивать на каком уровне сейчас текущие дизайнеры и какие скиллы им надо подтянуть. В процессе работы над этим всем, нашла крутую статью Юры Ветрова на тему карты компетенций. Куча полезных текстов и ссылок. Если кому будет актуально погрузится в это больше - ловите ссыль https://dmpatterns.com/tools/skillknowledge

У нас же есть крутая программа по гайдлайнам. В этом году ее обновили на 90%. Новые презентации, уроки, тесты. В презентациях по 50-70 слайдов с описанием всех элементов интерфейса каждый системы. Их можно скачать и использовать потом в работе. В заданиях нативный дизайн, плюс адаптация под другую систему. Супер полезно каждому, кто работает с приложениями или хочет. Обучение без проверок, и доступ к материалам открывается сразу после оплаты. На выходных можно изучить 😎 https://abramova-freelance.ru/guidelines

Не надо много цвета! ⠀ Цвет это инструмент дизайнера для управления вниманием пользователя. Хотим, чтобы пользователь увидел кнопку целевого действия и быстро на нее нажал? Делаем ее более насыщенной и выделяем цвет относительно других элементов. ⠀ Если необходимо привлечь внимание к полю ввода, с которым пользователь взаимодействует, тогда выделяем его цветом, чаще всего меняя обводку поля на более насыщенную. ⠀ И грубой ошибкой будет раскрасить все элементы на экране в один цвет. Фон сделать светло зеленым, карточки тоже зеленые, только темнее, кнопку в более насыщенный зеленый, чипсы, степперы, слайдер и так далее. Еще и цвет текста раскрасить. ⠀ В итоге внимание рассеивается. Трудно сфокусироваться на чем-то конкретном. Цвета слишком много. На что обратить внимание? Что важнее? ⠀ Минимизируйте количество цвета. Не раскрашивайте фон в насыщенные цвета, не уменьшайте количество пространства на маленьком экране телефона. Управляйте вниманием пользователя, расставляйте акценты на наиболее важных элементах на экране.

Как эффективно проходить обучение. ⠀ Заметки из личного опыта. ⠀ 1. Самое важное: брать от обучения максимум: участвовать во всех созвонах, воркшопах, вебинарах, нетворк сессиях и пр. Делать все домашки и не пропускать ни одного видео. У меня принцип: если я заплатила за обучение, то заберу из него все возможное для себя ⠀ 2. На время обучения приоритетом становится оно. Даже работа и в какой-то степени, семья уходят в меньший приоритет. Иначе я всегда могу сказать, что не смогла сделать, потому что работа, не смогла прийти на вебинар, потому что ребенок. Еще перед стартом определяю для себя степень важности этого обучения и на его время полностью погружаюсь в него ⠀ 3. Задавать вопросы. Даже если кажется, что их нет, я достану из себя что-то и все равно спрошу. На лекции, на созвонах вроде вопрос/ответ, напишу наставнику/куратору. Чтобы опять же взять с курса максимум и погрузиться в тему ⠀ 4. Вести конспекты. Я записываю инсайты, важные мысли, идеи. Фиксирую рекомендации, что можно прочитать или посмотреть (книги, статьи, лекции). Пишу в основном ручкой на бумаге. так быстрее и для меня эффективнее. И даже если потом не вернусь к этим заметкам, я знаю, что информацию усвою лучше, если буду записывать ⠀ 5. Практиковать и ловить обратную связь. Если я прослушала лекцию, то не усвоила информацию. Если послушала, записала и попробовала внедрить, если ошиблась и получила обратную связь, тогда это было эффектно и полезно. ⠀ P.S. Сейчас прохожу тренинг у Ивана Замесина по погружению в методологию jtbd и очень сильно рекомендую тем, кто копает в сторону исследований, создания и/или развития продукта, понимания своей аудитории, сегментации, механик и еще очень много чего. Тренинг крутой.

Ваеры, этап, который нужен нам для фокуса на подборе элементов интерфейса. Весь фокус мы помещаем на то, чтобы подобрать наиболее логичный элемент интерфейса под ту или иную функцию. Когда опыт уже большой, мы можем совмещать этап с визуалом и сразу работать на двух слоях. Подбор элементов не такой простой этап. Порой под одну функцию может быть несколько разных вариантов элемента. И дизайнеру надо знать об их существовании. Например, ввод даты. Можно реализовать посредством использования нативного “колеса”, можно через ввод на клавиатуре. Колесо можно показать в боттоме, а можно отдельным алертом. можно колесо встроить в экран, чтобы оно появлялось под строкой. Можно перекрыть доступ к контенту, а можно оставить. Чтобы дизайнеру выбрать наиболее подходящий вариант, надо много смотреть и анализировать. В каких ситуациях используются те или иные виды элемента. Когда логичнее сделать колесо, а когда ввод через клавиатуру. Анализировать и размышлять, что будет удобнее и в каком контексте. Смотреть как в приложениях на устройстве, так и на ресурсах, типа моббина. В карточках разные элементы и разные варианты одного элемента для выбора даты.

Как отсутствие кнопки повторного заказа влияет на опыт пользователя. Вчера заказывала суши. Каждый раз я делаю один и тот же заказ (за редким исключением). И каждый раз мне приходится искать в каталоге товар и добавлять его в корзину. Это отнимает мое время и слегка бесит. Все решилось бы функцией повторного заказа. В приложении есть история, но повторного заказа нет. Такой же момент при заказе воды. История есть, но кнопки повторить заказ в карточке нет. Мне приходится раз в неделю заходить в приложение и делать один и тот же заказ через поиск товара в каталоге и добавления его в корзину. Это отнимает время. А когда пользователь знает, что может быть иначе, то особенно раздражается. Есть категории товаров, которые покупаются систематически. Та же вода. Если семья заказывает две двадцатилитровых бутылки раз в неделю, то вряд ли заказ будет часто меняться. Вряд ли на этой неделе они закажут эту воду, на следующей маленькие бутылки, на третьей возьмут воду для кофемашин. В таких магазин повтор заказа особенно актуален. Помимо кнопки повтора заказа, на следующем шаге можно подтянуть сразу данные последнего адреса с возможность изменить. Чтобы пользователю не пришлось вводить свой адрес каждый раз. Элементарные наблюдения, но реализованы они пока не везде. При этом опыт пользователя становится куда лучше, когда о таких штуках думают заранее.

Фидбэк в проектировании. Перечитываю книгу Нормана, на 47 странице он пишет про фидбэк и его актуальность в дизайне. Приводит понятный и простой пример: люди жмут на кнопку около пешеходного перехода, чтобы загорелся для них зеленый свет. Но никакой реакции не видят. Не понятно, сработало ли нажатие? Когда ждать реакции, то есть зеленого? Можно заметить, что к светофору подходят другие люди и также начинают нажимать на кнопку, не зная когда же она сработает. Это яркий пример отсутствия обратной связи во взаимодействии и как это влияет. Люди начинают нервничать, пытаются совершить действие еще раз. В работе с цифровыми продуктами это также играет очень большую роль. Когда пользователь нажимает на сердечко в карточке товара оно меняет цвет. Но также может менять размер, может происходить легкая вибрация, тактильно дающая понять, что действие совершено. Это пример хорошей обратной связи. Пользователь должен видеть/чувствовать реакцию после выполненного им действия. Добавляя товар в корзину, пользователь видит, что меняется кнопка и переходит в состояние перейти в корзину. Дополнительно появляется снэк с сообщением, что товар добавлен в корзину и также, появляется бэйдж во вкладке корзины в таб баре, показывающий индикацию количества товаров в корзине. Пользователь должен понимать: Где я Что происходит Что произойдет дальше Что только что произошло Про проектировании, обращайте внимание на этот аспект. Рисуйте все необходимые состояния. Не достаточно только изменения кнопки, добавьте снэк, измените состояние вкладки в таб баре. Тогда пользователь, при взаимодействии с вашим сервисом будет чувствовать себя уверенно и спокойно. Будет совершать целевые действия, понимая, что происходит и что будет происходить. Помните о состояниях ошибки, об экранах успеха после оформления покупки.

Всем привет! СберЗдоровье ищет продуктовых дизайнеров Мы крупнейшая в России Digital Health компания. Делаем для пользователей сервис телемедицины, запись на приём к врачам и обследования, разрабатываем умные медицинские устройства. Хотим рассказать про наш дрим-тим • Директор пользовательского опыта Олег Александров, ранее CDO в MAX. (Топ 10 дизайн-студий России) В МАХ руководил продуктовой командой дизайна ВкусВилла и Пятёрочки. Лидил разработку дизайна личного кабинет ученика для SkillFactory, и сложный внутренний портал для одного крупного банка. • Бренд арт-директор – Альберт Аминов. Ранее арт-дир в Самокате и ВК • Дизайнеры из Яндекс, студии Луч и ВТБ Плюшки работы с нами • Сбер Здоровье аккредитованная IT компания • Полное комбо соц. пакета: ДМС, компенсация спорта, обучения, психологи, льготная ипотека и оплачиваемые выезды на профильные конфы • Прозрачная система роста для дизайнеров. Карта грейдов, полугодовые оценки 360, рейзы зарплат по достижению целей Сейчас мы ищем: 😗 UI / UX дизайнера на сайт в продукт записи (https://vacancy.sberhealth.ru/vacancies/3562860) 😎 Продуктового дизайнера на направление умных девайсов и мониторинга. Предстоит делать личный кабинет, мобильное приложение и разделы сайта (https://vacancy.sberhealth.ru/vacancies/3562996) Хочешь в нашу крутую команду, то заполняй анкету. Мы тебя ждём 👋 https://forms.yandex.ru/cloud/65d5b638068ff0575304f79e/

Интересные вакансии от Сбер здоровье 😎

Как насматриваться визуалов вроде понятно. Смотреть, анализировать и для большего эффекта еще копировать. А что делать с UX? Сегодня студент задал этот вопрос на вебинаре. Можно насматриваться сценариями. В голову надо поместить различные варианты различных сценариев. Регистрация, покупка, поиск, запись на тренировку и прочее, прочее. Если упростить алгоритм: ставите цель, какие сценарии смотрите открываете приложение, проходите путь, делая скриншот каждого экрана до финальной точки загружаете все это в фигму там или рисуете просто стрелки от элемента к экрану для визуализации перехода, или рисуете небольшой флоу. Таким образом, будете пополнять свои знания в отношении проектирования. Когда будет проанализировано таким образом несколько приложений, можно ответить на вопрос: в чем разница? как делают здесь, а как вот здесь? где проще и удобнее? где логичнее? где пришлось долго искать функцию, а где было все интуитивно понятно? У меня на ютуб канале есть анализ сценариев регистрации, можно посмотреть для большего понимания того, что сказано выше. https://youtu.be/w2stqbt5rO0?si=QUhpqaBKckxzHbxE