ABRAMOVA | MOBILE APPS | UX/UI DESIGN
1.21K subscribers
43 photos
6 videos
166 links
Интересное и полезное о дизайне мобильных приложений https://abramova-freelance.ru/ По всем вопросам можно к @maroot_ux
Download Telegram
C 2020 года я работаю в позиции наставника и куратора. Я проверила более 1000 работ, провела сотни вебинаров, а моя школа известна сильной обратной связью. Я обучаю всех сотрудников школы, которые приходят к нам на позицию куратора и знаю как это делать быстро и правильно.

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

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

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

Стоимость вебинара сегодня 4 990р.
Ориентировочный срок проведения 25 ноября.

Для записи на вебинар и чтобы задать дополнительные вопросы, пишите в лс @maroot_ux
Наш подкаст на Яндекс музыке!

На ЯМ теперь есть подкаст школы и готов первый выпуск. Он про разницу в работе в студии, в продуктовой команде или на фрилансе.

https://music.yandex.ru/album/28181360?utm_medium=copy_link
Сегодня в ШДМА прошел вебинар с приглашенным гостем. Продуктовый дизайнер из Альфа, когда-то наш выпускник, поделился своим путем, рассказал о процессе работы в продукте и ответил на вопросы ребят.

Некоторыми тезисами делюсь с вами 👇🏼

❇️ Начать проходить собеседования можно и нужно еще во время обучения

❇️ В сопроводительном сразу писать в чем сильные стороны, с чем хочу работать и с чем точно нет

❇️ На собеседовании рассказывать только про релевантный опыт

❇️ Можно использовать фреймворк STAR для подготовки к собеседованию

❇️ Результат тестового презентовать на созвоне или как минимум записывать к нему loom

❇️ Фидбэк от команды можно запрашивать сразу на созвоне

❇️ Знать что хочешь и не соглашаться на меньшее

❇️ На новой позиции, если она выше прежних, может быть сложно, не бояться этого, пройдёт :) и просить помощи у команды

❇️ Всем своим знакомым говорить чем ты сейчас занимаешься. Через них может прийти потом оффер

❇️ Знать весь дизайн процесс, что происходит до того, как пришли требования и после передачи разработчику файлов

❇️ Владеть не только профильными дизайн навыками, но и понимать как делает свою работу БА, разработчик, менеджер, редактор и т.д.

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

Зачем его делать?

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

Простые прототипы делаются в Figma. И чаще всего этого достаточно. Можно воспользоваться инструментами, типа Protopie, если нужны более детализированные.

Пример из своего опыта: был проект на фрилансе, где прототип стоил больше, чем сам дизайн. Задача была сделать веб приложение для обработки видео. B2B. Делала в Protopie, он позволил показать библиотеку видео и аудио файлов, загрузку выбранного в свой проект даже проигрывание аудио. С этим клиент ушел на тестирование и уже потом принимал решение, надо ли идти в разработку.
Что с кейсами на Behance или другие такие площадки.

1. Кейс это тоже дизайн-проект. Работа над ним идет в том же порядке: сначала рефы, общее настроение, потом структуру, реaы под блоки, потом уже только стиль. И сначала пары блоков, а потом остального.

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

3. Есть тенденции на рынке и их желательно придерживаться. Важно не сделать дизайн, который по стилю будет напоминать работу десятилетней давности. А чтобы не сделать, надо смотреть, что сейчас на рынке есть, какие решения применяют, какие идеи.

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

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

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

Такого формата не было уже пару лет.

Внутри интенсива презентации с описанием элементов интерфейса на русском языке.

Видео-уроки с обзором систем, официальных сайтов и ui китов.

Домашние задания и проверки.

За три недели разберетесь с объемной и сложной для многих темой.

Старт 12 февраля
Стоимость сегодня 10 250р.
Стоимость с завтрашнего дня 16 250р.
Пользы ♾️

https://abramova-freelance.ru/guidelines
А еще мы сделали отдельный канал по насмотренности. Почти каждый день там делимся примерами работ с небольшими комментариями, что в этой работе хорошо и можно взять на заметку. активно призываю вступить и насматриваться :) https://t.me/shdmainspire
Как будет проходить обучение на интенсиве по гайдлайнам 👇🏼

Он длится 3 недели.

Два основных модуля: гайдлайны iOS и Android.

Внутри каждого модуля:
❇️ видео-уроки с обзором официального сайта гайдлайнов и уроки по работе с ui китом

❇️ мощная презентация с описанием всех элементов интерфейса на русском языке, переработанные описания элементов, только самая важная информация

❇️ урок по копированию нативных экранов, для первичного овладения навыком работы с китом и поиском подходящих элементов интерфейса

❇️ урок по дизайну мобильного приложения, на 3-7 экранов, где необходимо использовать только нативные элементы.

🔥 Такие же уроки по Material, только с описанием элементов системы Android.

▪️Внутри интенсива будет три вебинара и проверки работ.
▪️Общий чат для вопросов и ответов.
▪️Презентации останутся навсегда с участниками интенсива.

Сегодня последний день самой низкой цены.
Всего 10 250 рублей.

https://abramova-freelance.ru/guidelines
На следующих выходных хочу провести дизайн-разбор!

🔥Это море пользы
Возможность получить обратную связь на свою работу от опытного дизайнера
Шанс задать доп вопросы
Увидеть свою зону роста

Это онлайн-встреча, в рамках которой я буду разбирать ваши работы, либо Figma файл, либо кейс из портфолио на Behance.

Речь идет только про мобилки. Сайты смотреть не буду :)

Для разбора выберу 3-5 работ из предложенных вами.

Хотите, чтобы вашу работу посмотрели? Напишите мне в лс (@maroot_ux), пришлите ссылку на файл или на кейс на Behance. Я выберу несколько работ и разберу их онлайн, на следующих выходных.

Приглашение на онлайн-встречу сделаю в начале следующей недели.
Отвезла ребенка в школу и на час залипла в машине на парковке, смотря лекцию Алексея Бородкина. Шикарная подача. Относительно простым языком рассказал про информационную архитектуру. В видео также примеры персон, карточной сортировки, cjm. Рекомендую смотреть 100% https://youtu.be/G3otVA_B0hs?si=5NcXuzdPYYII7I6b
Как насматриваться визуалом вроде понятно. Смотреть, анализировать и для большего эффекта еще копировать.

А что делать с UX? Сегодня студент задал этот вопрос на вебинаре.

Можно насматриваться сценариями. В голову надо поместить различные варианты различных сценариев. Регистрация, покупка, поиск, запись на тренировку и прочее, прочее.

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

Таким образом, будете пополнять свои знания в отношении проектирования.

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

У меня на ютуб канале есть анализ сценариев регистрации, можно посмотреть для большего понимания того, что сказано выше.
https://youtu.be/w2stqbt5rO0?si=QUhpqaBKckxzHbxE
Интересные вакансии от Сбер здоровье 😎
Forwarded from UX Notes (Антон Григорьев)
Всем привет! СберЗдоровье ищет продуктовых дизайнеров

Мы крупнейшая в России 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/
Фидбэк в проектировании.

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

Приводит понятный и простой пример: люди жмут на кнопку около пешеходного перехода, чтобы загорелся для них зеленый свет. Но никакой реакции не видят. Не понятно, сработало ли нажатие? Когда ждать реакции, то есть зеленого?
Можно заметить, что к светофору подходят другие люди и также начинают нажимать на кнопку, не зная когда же она сработает.

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

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

Когда пользователь нажимает на сердечко в карточке товара оно меняет цвет. Но также может менять размер, может происходить легкая вибрация, тактильно дающая понять, что действие совершено.
Это пример хорошей обратной связи.

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

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

Пользователь должен понимать:

Где я
Что происходит
Что произойдет дальше
Что только что произошло

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

Тогда пользователь, при взаимодействии с вашим сервисом будет чувствовать себя уверенно и спокойно. Будет совершать целевые действия, понимая, что происходит и что будет происходить.
Помните о состояниях ошибки, об экранах успеха после оформления покупки.
Как отсутствие кнопки повторного заказа влияет на опыт пользователя.

Вчера заказывала суши. Каждый раз я делаю один и тот же заказ (за редким исключением). И каждый раз мне приходится искать в каталоге товар и добавлять его в корзину. Это отнимает мое время и слегка бесит.

Все решилось бы функцией повторного заказа. В приложении есть история, но повторного заказа нет.

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

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

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

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

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

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

Подбор элементов не такой простой этап. Порой под одну функцию может быть несколько разных вариантов элемента. И дизайнеру надо знать об их существовании.

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

Чтобы дизайнеру выбрать наиболее подходящий вариант, надо много смотреть и анализировать. В каких ситуациях используются те или иные виды элемента. Когда логичнее сделать колесо, а когда ввод через клавиатуру. Анализировать и размышлять, что будет удобнее и в каком контексте.

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

Заметки из личного опыта.

1. Самое важное: брать от обучения максимум: участвовать во всех созвонах, воркшопах, вебинарах, нетворк сессиях и пр. Делать все домашки и не пропускать ни одного видео. У меня принцип: если я заплатила за обучение, то заберу из него все возможное для себя

2. На время обучения приоритетом становится оно. Даже работа и в какой-то степени, семья уходят в меньший приоритет. Иначе я всегда могу сказать, что не смогла сделать, потому что работа, не смогла прийти на вебинар, потому что ребенок. Еще перед стартом определяю для себя степень важности этого обучения и на его время полностью погружаюсь в него

3. Задавать вопросы. Даже если кажется, что их нет, я достану из себя что-то и все равно спрошу. На лекции, на созвонах вроде вопрос/ответ, напишу наставнику/куратору. Чтобы опять же взять с курса максимум и погрузиться в тему

4. Вести конспекты. Я записываю инсайты, важные мысли, идеи. Фиксирую рекомендации, что можно прочитать или посмотреть (книги, статьи, лекции). Пишу в основном ручкой на бумаге. так быстрее и для меня эффективнее. И даже если потом не вернусь к этим заметкам, я знаю, что информацию усвою лучше, если буду записывать

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

P.S. Сейчас прохожу тренинг у Ивана Замесина по погружению в методологию jtbd и очень сильно рекомендую тем, кто копает в сторону исследований, создания и/или развития продукта, понимания своей аудитории, сегментации, механик и еще очень много чего. Тренинг крутой.