Продолжаю работу над роликами для подписчиков на бусти. Надеюсь, что достигну первой цели в 100 подписчиков с вашей помощью, и ролики начнут выходить чаще 🙏

Пока что третий видос с практики доступен на ютубе 😏. Смотрите, думайте, рисуйте и подписывайтесь на бусти.

Спасибо всем, кто уже поддерживает, благодаря вам принципе и выходят ролики на ютубе ☺️

@easyaboutdesign

На финишной прямой: работаю над следующими видео для подписчиков на бусти - это серия видосов где рисую дизайн, а потом еще серия про flutter, где верстаю на нем этот самый дизайн.

Пока что смотрите четвертый видос с практики - доступен на ютубе.

Пятый (следующий) ролик будет самым долгим и важным с точки зрения понимания работы над UI в мобилках и в целом при проектировании интерфейсов. Он будет про кастомизацию и принятие решений.

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

@easyaboutdesign

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

На ютубе доступен пятый видос с практики, пожалуй, что самый важный видос для понимания сути работы дизайнера. Вы там чай/кофе и тортик приготовьте (2 часа 38 минут)😳

Ролики как обычно выходят исключительно благодаря подписчикам на бусти. Спасибо тем, кто поддерживает ☺️

@easyaboutdesign

Кстати, вот что мы будем разбирать в первую очередь в контексте дизайн+верстка(flutter) по курсу мобилок для подписчиков на бусти в первую очередь как обычно.

Первый ролик на следующей неделе на бусти. Думаю, будет 2-3 примера на популярных приложениях.

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

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

ps: по порядку дизайн/прототип -> android -> ios

pps: Но верстал я оглядываясь ток на iOS разумеется 🌚

@easyaboutdesign

Для подписчиков на бусти я уже разобрал этот пример с кинопоиском. По идее это финал.

Далее я познакомлю вас с анимацией в Rive. Есть конечно еще Lottie, но Lottie не будет, поскольку на ютубе куча уроков с ним, да и after effects сложный и объяснять его долго и пользы либо нет, либо мизер. Как и самих анимаций в приложениях 🤡.

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

Что же до этого курса в целом: хз какой дурачок кроме меня сделает такой курс доступным бесплатно + гайды еще переведет 🌚

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

В седьмом видео будет информация про будущее канала, так что надеюсь вы отреагируете, а пока что бегом ставить чай и смотреть видосик ☕️

@easyaboutdesign

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

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

Спасибо всем, кто поддерживает. О будущем канала и тд можно посмотреть, как и сам урок, на ютубе: это также продолжение темы смысла проектирования "хорошего" UI: белое пространство и контент, поэтому публикую сразу.

@easyaboutdesign

Заканчиваю готовить материал под новый видос, а пока можете его посмотреть демку и почитать постик.

Также прикрепляю демо последнего проекта из практики по навигации + бонусом будет снова про работу над продуктом.

Возможно после этого видоса я буду тут писать что-то про продуктовые штуки и дизайн здесь

@easyaboutdesign

1 видео из 3 финала курса по мобилкам доступна на ютубчике. Там я сумбурно поясняю азы flutter, чтобы ты понимал как все в базе верстается.

@easyaboutdesign

А что это тут в рабочий понедельник? А это предпоследнее видео из курса по мобилкам, в котором покажу базу по Rive, чтобы ваши мобилки и не только получили жизнь посредством внедрения в них микро-анимаций и анимаций в целом. Уже на ютубе!

Завтра кстати последний видос 😉

@easyaboutdesign

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

Не забывайте, что на моем канале есть ключевые плейлисты:
Мини-курс по фигме
Бумажное прототипирование
Основы UX дизайна
Основы UI дизайна
Дизайн и бизнес
Курс по мобилкам
Переводы: iOS гайд, Material Design 2 гайд

Делитесь, распространяйте, пересматривайте. Далее я тут буду делится ссылками/постами/мыслями по метрикам и остальному продуктовому и дизайнерскому делу, stay tuned

@easyaboutdesign

Скоро небольшой ролик про суть, влияние и работу дизайнера на пользователя, продукт и бизнес или "как джуну обкакать лида" 🌚🌚🌚

@easyaboutdesign

Перед погружением в схему выше, мне надо рассказать про 2 вещи: OKR/планирование и JTBD.

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

Дальше будет про OKR и планирование в целом: принципы, видение, миссия и стратегия в продуктах. То есть это про "ла-ла-лей" от СЕО/Тим-лидов/Лидов/Сеньоров и иже с ними.

Принципы/Ценности - это четкие границы, которые сразу отвечают на вопрос "как?" именно с точки зрения поведения компания будет достигать тех или иных целей. У компаний иногда может не быть этого, но для примера можно взять Apple с их вездесущим принципом "We’re carbon neutral.", что говорит о том, что они не вредят окружающей среде и этому принципу посвящена отдельная страничка.

Видение - это про всю жизнь продукта.
У каждого хорошего продукта и его CEO есть видение, которое просто отвечает на вопрос "зачем продукт существует?". Видение - сердце/смысл существования. Самый верхний уровень абстракции, поскольку видение это про завтрашний день и стремление к нему. Но как у же написал это не всегда актуально, но если это большая компания типа вк, яндекс, авито, озон, сбер и прочие, то да - нужно координировать работу очень-очень многих людей с разными представлениями о средствах и целях. Вот например еще от Spotify.

Пример видения Tesla: Tesla’s goal is to create the most compelling car company of the 21st century. - Это их ответ на "зачем?" и про смысл существования, т.е. чтобы создать самую лучшую автомобильную компанию 21 века.
Пример видения LinkedIn: To create economic opportunity for every member of the global workforce. - Это их ответ на "зачем?", т.е. чтобы создавать экономические возможности для каждого члена в некой глобальной сети из сотрудников.

Миссия - это про пару лет.
Также у продуктов есть миссия, которая ответит на вопросы "что мы делаем?", "для кого мы делаем?", "как мы для них это делаем?". Миссия формирует то, что делает бизнес и культуру компании. Для нас, дизайнеров, важно понимать это, поскольку мы создаем контент/ядро (сценарии, фичи и т.д). Тут важно думать о миссии как о вопросе: "как прийти к видению?" или "как достичь видения?".

Пример миссии Tesla: To accelerate the world’s transition to sustainable energy. - Это их ответ на "как?" - ускорить переход мира к устойчивой энергетике.
Пример миссии LinkedIn: To connect the world’s professionals to make them more productive and successful. - Это их ответ на "как?", т.е. чтобы объединять профессионалов со всего мира, чтобы сделать их более продуктивными и успешными.

Стратегия - это про горизонт планирования от 1 до 2 лет.
Наконец, стратегия, которая ответит на вопрос "туда ли мы идём и почему?", "какие следующие шаги надо предпринять и почему?", "как мы собираемся расти и почему?". По сути она описывает подход, который выбирает продукт и команда для достижения видения. Цель стратегии - объединить реальность и видение в план действий, а по сути результатом стратегии может быть роадмэп для ваших команд в продукте из OKR'ов, о которых позже.

Как это поможет джуну?
Лучше понимать "зачем", "как" и "почему", чтобы эффективнее предлагать решения и расти. Если же ты в поисках работы, то на собеседовании можно спросить как оценивает и задает цели компания, есть ли вообще у нее стратегия/планы на ближайший год. Это поможет определить степень хаоса, который там творится. Разумеется, не надо грузить людей на собесах, будучи джуном, о видении/миссии, пока ты не разобрался с продуктом и предметной областью - это намек, что надо очень внимательно почитать про компанию заранее.

Грубо говоря получается такая вот схема, в которой мы дошли до OKR, о котором я расскажу в следующем посте

@easyaboutdesign

Про OKR (Часть 1)

Когда доходит до какой-то оценки дизайнеров или в целом сотрудников/команд/департаментов - все чот пугаются, лел.

Сперва сразу всех успокою, потому что OKR не про это.

Суть в том, что постановка целей по OKR это про вовлеченность сотрудников в достижение этих самых целей. Есть даже исследования про это, но ссылки все в конце.

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

И ещё раз, OKR не является оценкой сотрудников или списком дел. Это ближе к описанию "резюме", т.е. условно над чем работал дизайнер/маркетолог и т.д. за n-период времени - чаще всего квартал (3 месяца) - зависит от руководства и текущей стратегии.

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

Цель (Objective) должна быть ограничена промежутком времени и быть описательной.

Ключевой результат (Key Result) должен быть конкретным, измеримым (в любой момент процесса работы над ним) и достижимым.

Если брать в цифрах, то может быть не более 2-3 целей на человека/команду/департамент и по каждой цели 1-3 результата, но если больше, то рабочий процесс станет слишком размытым и не эффективным.

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

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

Уже упомянул, но повторюсь: OKR могут быть как командные, так и личные. Ставятся на квартал и/или год, а оцениваются каждый спринт/месяц. OKR можно пересматривать со временем.

OKR измерима, а если нет, то ее невозможно достигнуть. Постановка целей по OKR - отдельная (хоть и несложная) наука. Мы должны точно знать, достигли ли мы нужных значений, или нет.

Важно чтобы OKR была достижима. Ничто так не демотивирует команду и клиентов, как нереалистичный план.

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

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

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

Условно обрщай внимание на то, как он ставит краткосрочный горизонт, т.е. как пишутся user/job story для спринта, как вообще он в этом горизонте заполняет спринт, а также что по итогу спринта получается.

Какие OKR'ы ставит и эпики создаёт, чтобы выстроить работу уже на месяц/квартал - это среднесрочный горизонт, за который продакт менеджер отвечает, а твой лид получает отмашку и уже на тебя переводит.

И как вообще эти чуваки метят в долгосрочной перспективе, а тут уже ты в курсе что такое принципы, видение, миссия и стратегия - это все согласуется между ними на уровне компании.

@easyaboutdesign

Про OKR (Часть 2)

Вернемся к OKR. Сразу пример:

Цель: Улучшить конверсию в подписку на я.музыку в q2 2023
- написано "что", а не "как", т.е описательно написана.
- есть временной отрезок.

Теперь про KR к этой цели, которых может быть 1 или несколько напоминаю:
- KR1: провести исследование потребностей клиентов
- KR2: повысить конверсию на лэндинге на 10%
- KR3: Увеличить процент успешных платежей до 90%

👆 Как видишь KR описаны конкретно и их можно в любой момент измерить, т.е. посмотреть конверсию и процент успешных платежей. А также просто сказать: было исследование или нет.

А вот плохие KR для этой же цели:
- Править баги
- Увеличить скорость приложения я.музыка
- Начать проводить a/b тесты новой фичи

👆Непонятно что конкретно нужно и как это измерить и достичь вообще. Разработчик поправил 1 баг, а премию дадут? Дизайнер нарисовал 2 макета, а премию дадут?

И снова хорошие KR:
- Увеличить retention на 7 день на 5%
- Провести 5 коридорок с прохождением флоу подписки на 95%
- Провести 3 эксперимента по увеличению retention
- Запустить 3 новые фичи через эксперименты.

👆Еще раз, это измерить можно? Да. Это конкретно? Да.

Думаю смысл понятен теперь как это на практике выглядит.

Последнее: KPI vs OKR. Это не одном и то же. Кого-то может это путать, поэтому сразу надо прояснить и этот вопрос.

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

Напомню, что метрики - просто значение (число), в котором надо понимать 2 вещи: важна ли эта метрика для бизнеса, чтобы определить её как KPI и как эта метрика посчитана.

То есть OKR всегда имеет O + KR (и тут у нас есть текущее значение метрики (конверсия, retention и т.д.) и то на которое надо эту метрику повысить (на 5%, 95% и т.д.);

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

Пример KPI: закрыть квартал с выручкой за подписки 1,8 млн ₽. Поэтому по KPI смотрят что сейчас, и как далеко от целевого показателя.

Ну и по схеме, которую я прикреплял выше теперь я думаю понятно, что дальше продакт менеджеры дробят для вас (разработчиков, дизайнеров, тестировщиков) всё на эпики > user/job story и формируют это все в спринты.

Про OKR от Google
60 примеров OKR
Отличия от KPI и еще про отличия
Хорошие и плохие OKR
Примеры видения и миссий

@easyaboutdesign

Ролик по JTBD на ютубе.

Схему из видео прикрепляю к этому сообщению. Для нее нужен obsidian.md - бесплатная программа для создания заметок и базы знаний.

@easyaboutdesign

Про OKR (Часть 3 - финал)

Ранее была часть 1 и часть 2. К этому времени у тебя появится вопрос: "как понять достиг ли я цели по OKR или нет?". Хороший вопрос! Для этого надо понимать на сколько ты достиг Key Results. Давай разбираться.

Как по мне есть 2 варианта:

1. KR либо достигнул, либо нет, то есть он бинарный: 0 или 1. Например, тебе поставили провести 5 коридорок. Если вообще не проводил коридорок и не провел все пять штук, то считаем как 0. Провел 5 значит засчитано как 1. Но это как-то странно и не всегда так бывает. Но может быть, потому что руководители могут быть разными.

2. Считать среднее и определять некий целевой показатель как Google. Например, таргет был на 5 коридорок, а ты провел 2. Значит 2/5 = 0,4. Таким образом считаешь: результат/таргет и считаешь среднее по всем OKR. Что же касается целевого показателя, то Google просто считает среднее, где результат по всем KR может быть:
- от 0 до 0,3 - не очень, прогресса нет или незначительный.
- от 0,4 до 0,6 - средний результат, какой-то прогресс есть.
- 0,7 - 1 - классно, в самый раз или цель достигнута. Примечание: гугл задает таргет 0,6-0,7 как в самый раз, а 1 - это если команда/чел-к превосходят все ожидания.

Пример: Ты работаешь дизайнером в компании. Тебе поставили 1 OKR. Работаешь свою работу. Прошел квартал (3 месяца). Ты хочешь оценить достиг ли цели.

Пример OKR: Objective: Улучшить число платных подписок в Q3
- KR1: Провести 5 коридорок с прохождением флоу подписки на 95% (провел 3 коридорки с 95% прохождением флоу)
- KR3: Увеличить конверсию в оплату подписки на 1% (результат: 0.4%)
- KR2: Увеличить CTR рассылки писем на 25% (увеличил 13% когда обновил дизайн писем)

Пример: Как были достигнуты результаты по KR выше?
- KR1: была гипотеза и ты сделал прототип, который потестировал 3 раза.
- KR3: ты сделал дизайн с меньшим количеством шагов, это подняло конверсию на 0,4%
- KR3: ты обновил визуальный стиль писем и донес с маркетологом посредством текстов ценность лучше, тем самым поднялся ctr на 13%.

Пример: Как посчитать?
Просто делим результат на то, что в KR и считаем среднее по этим данным: (3/5; 0,4/1; 13/25)
OKR = среднее (0,6; 0,4; 0,52) = 0,5

Итого, если целимся по оценке на 0,7 как "в самый раз", то 0,5 не плохой, а хороший результат. Есть прогресс, работаем дальше.

И последний пример: Повысить активацию улучшив опыт после регистрации.
KR1: Повысить коэффициент завершения регистрации с 45% до 75%. (результат 64%, за счет добавление кнопок соц. сетей)
KR2: Сократить кол-во шагов до активации с 14 до 6. (результат 6 за счет проработки флоу онбординга)
KR3: Сократить время активации с 25 минут до менее 5 минут. (результат 12 минут за счет причесывания экранов онбординга)
KR4: Повысить оценку CSAT во время процесса активации с 30% до 70%. (результат 56% за счет создания опросника и измерения в конце онбординга)

OKR = среднее (64/75; 6/6; 5/12; 56/70) = 0,7 - круто, цель в среднем достигнута. P.S.: Там, где время "менее 5 мин" - это таргет, поэтому делим 5 на 12)

@easyaboutdesign

А вот пример шкалы для оценки OKR

Ну что ж: https://youtu.be/q1RAMuLFaXc

Схема в архиве, открывать в obsidian

@easyaboutdesign