Теория записана, на следующей неделе сажусь за монтаж.

@easyaboutdesign

Доделываю последний видос для подписчиков на бусти (там уже 14 из 15 видео). Вся теория по мобилкам на следующей неделе на ютубе. 3 часа с хвостиком контента 🌚

@easyaboutdesign

Итак, теория записана, смонтирована и выложена на бусти. Практика будет быстрее появляться, но опять же сперва для подписчиков бусти (с 1 января 2023 первый ролик).

На ютубе: 14 декабря 12:00 - все 15 роликов по теории мобилок сразу. Они уже загружены, таймкоды расставлены - 3ч 15 минут контента будут ждать вас.

Вот вам тизер :D

@easyaboutdesign

Курс про мобилки (теория) уже на ютубе

Практика на бусти начнётся с 1 января 2023

Для ютуба потом

С наступающим! 🎄

@easyaboutdesign

Записал 2 видоса на практику. Вышло чот 80 минут 😱. Завтра по готовности выложу первый видос и спустя пару дней следующий на бусти.

Всё будет в простом формате скринкаста, без монтажа, чтобы ролики выходили чаще. На бусти сразу для тех, кто на втором плане подписки. На ютубе 1 ролик раз в 1,5-2 недели.

Вот план практики:
1. Под какой экран рисовать, плотность пикселей, sp/dp/pt, экспорт растра/вектора, а что если у тебя другая мобилка и экран криво отображается и тд - то есть постарался ответить на всё сразу, чтобы не возникало вопросов какие фреймы в фигме создавать и тд.

2. Отличия UI в android/ios - есть ли отличия вообще? а если есть то зачем это знать?

3. Рисуем "нативно" используя ui kit'ы систем и не только

4. Конвертируем нарисованное из iOS в Android и обратно

5. Рисуем "кастомно"

6. Рисуем финальный проект - серия видосов

7. Верстаем на Flutter (без бэкенда, только UI) - серия видосов

С нг, видос в тему 🎄🎄🎄

@easyaboutdesign

Записал и опубликовал для подписчиков на бусти уже 4 видео с практикой (5ч 13мин контента). Сейчас работаю над следующими.

А первый видос доступен на ютубе: https://youtu.be/MN-nhfj3XbM

@easyaboutdesign

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

Второй видос с практики доступен на ютубе: https://youtu.be/Z2CHFyHvTOE 😏

Спасибо всем, кто поддерживает ☺️

@easyaboutdesign

Продолжаю работу над роликами для подписчиков на бусти. Надеюсь, что достигну первой цели в 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