Lyra: Обучайся дизайну играючи

Что ценного дает программа «UX/UI Мобильные»

Когда я только начал исследовать тему мобильных приложений, я понял одну важную вещь: проблема новичков в UX/UI дизайне в том, что они часто пытаются сделать что-то по-своему. Это не проблема, когда речь идёт о плакатах или промо-сайтах, но приложения, сервисы, платформы — это совсем другое поле. Здесь всё строится на паттернах и привычках пользователей. И если вы игнорируете лучшие практики, вам будет сложно получить работу в продуктовой компании, даже на позицию Junior.

И тогда я задумался: а можно ли собрать все лучшие практики и паттерны воедино, создать что-то вроде учебника, куда человек не просто заглянет один раз, но к которому будет возвращаться при необходимости? Я, например, недавно сам вернулся к одному из уроков, чтобы уточнить, как правильно проектировать экран регистрации.

Так родилась структура программы, состоящая из двух модулей:

Атомы
Это базовые элементы — списки, кнопки, чекбоксы и т.п. На фундаментальном уровне из этих элементов строится любое мобильное приложение.

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

Во время работы над программой я понял, что она будет полезна не только действующим UX/UI дизайнерам (для них это must-have), но и тем, кто только начинает свой путь в UX/UI или продуктовом дизайне.

Знание паттернов открывает глаза на процесс проектирования мобильных приложений, позволяет понять многие тонкости и нюансы. Ведь если вы UX/UI или продуктовый дизайнер, вам не избежать работы с приложениями, сервисами и платформами — это ключевые направления в профессии.

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

Итак, подытоживая: эта программа полезна всем, кто стремится к развитию в UX/UI дизайне, дизайне интерфейсов и продуктовом дизайне.

UX/UI Мобильные — программа года! Уже доступна в приложении Lyra!

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

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

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

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

Эффективный процесс получения знаний и навыков

Помню, как в одно время я решил изучить Cinema 4D. Пару часов смотрел обучающие ролики, затем открыл программу и попытался что-то сделать. Оказалось, что я почти ничего не запомнил и не понимал, что делать.

Тогда я усвоил, что любая теория должна быть подкреплена практикой. Важно чередовать небольшие порции теории с практическими заданиями. Посмотрел 5-10 минут, усвоил какую-то тему — сразу практика. Если смотришь длинный ролик с несколькими темами подряд, материал быстро забывается, а практика становится сложной и перегруженной.

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

Такой подход превращает обучение в игру: тебе нужно постепенно собирать и изменять элементы, что вовлекает и мотивирует. А в конце большого раздела уже можно давать задачу на создание чего-то с нуля. Таким образом, задания можно классифицировать по уровням сложности: простые, средние и сложные. И всё это — в рамках Figma, которую ты параллельно осваиваешь и становишься увереннее.

Еще нужно добавлять юмор и работать с эмоциями — это уже high level. Монотонность = скука = потеря фокуса = плохое усвоение материала.

Я понимаю, что моя миссия — улучшать обучение: делать его игровым, кайфовым и при этом результативным для ученика. Пишу этот пост, потому что сейчас активно изучаю и работаю в этом направлении, чтобы сделать обучение в Lyra более комплексным и результативным.

Над чем сейчас работаем

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

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

P.S. Нас уже 5000, спасибо, что вы с нами! Думаю провести конкурс. Поставьте 🔥огонь, если хотите конкурс.

Ассистент.

Привет! На связи Михаил Гаугаш, основатель Lyra.

Я ищу человека, который станет не просто частью моей команды, а моей правой рукой — того, кто будет расти вместе со мной и Lyra.

Что вас ждет?
Вы будете работать над задачами для Lyra, участвовать в коммерческих проектах и помогать с личными поручениями (в меньшей степени). Самое главное — я ищу того, для кого эта работа важна, кто готов вовлеченно и с интересом погружаться в самые разные задачи.

Какие качества важны?
· Структурное мышление. Вы умеете раскладывать задачи “по полочкам”.
· Самостоятельность. Если чего-то не знаете, вы сами ищете решение.
· Инициативность. На описанную задачу в пару предложений вы зададите уточняющие вопросы и будете искать лучшее решение.

Если это про вас — заполните анкету!
https://forms.gle/xRARAxdh74WLxba76

Условия:
Зарплата: обсуждается индивидуально.
График: полный день или гибкий (если у вас учеба, можем это обсудить).
Готовы выполнить небольшое тестовое задание.

Для вас это возможность войти в мир IT, многому научиться и вырасти до проджект-менеджера.

Типографика PRO. Бонусные уроки!

Знаю, как вы любите программу «Фундамент дизайна», и хочу вас порадовать: мы добавили 5 новых бонусных уроков! Доступно всем, кто приобрел программу.

Эти уроки предназначены для тех, кто хочет более глубоко погрузиться в типографику:

• Научитесь подбирать гармоничные сочетания шрифтов и избегать негармоничных.
• Узнайте, какие шрифты лучше избегать и никогда не использовать.
• Освойте работу с контрастом в типографике: направление, начертание, размер.
• Разберитесь в выключке: когда использовать слева, по центру, справа.
• Научитесь сочетать цвет со шрифтом.

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

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

Если заметите ошибки, нажимайте «Сообщить об ошибке» в практике — мы быстро все исправим.

Обучаяйтесь дизайну играючи.

Новая программа «Иллюстрация»

Долгожданная и секретная программа, над которой мы так долго работали, теперь доступна в приложении Lyra!

• Погружение в термины, стили, цвет — всё, что нужно для старта в иллюстрации!
• Разберитесь в композиции, эмоциях, ракурсе и движении персонажа.
• Изучите тропы и манипуляции — то, чему стоит научиться, чтобы создавать иллюстрации на высоком уровне!

Программа уже ждет вас.

Купить программу можно в Lyra Магазине: https://www.gaugash.ru/lyra-shop

После оплаты, отправьте email в бот: @Lyra_payment_bot

Книга «Дизайн, фриланс и деревня» — провалилась?!

Прошло уже больше трёх месяцев с момента публикации моей книги. Опубликовал — и забыл. Никак её не продвигал. Тем не менее, органически она начала набирать популярность на Bookmate — более 500 человек начали читать книгу. Иногда захожу посмотреть отзывы и цитаты, и радуюсь, что моя книга нашла отклик. Думаю, это связано с тем, что у Bookmate низкий порог входа: не нужно покупать книгу отдельно — просто читай по подписке.

Что касается других площадок, там всё по нулям, за исключением Литреса, где есть четыре отзыва на пять звёзд.
А вы читали мою книгу? Если да, то где?

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

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

Каждый должен заниматься своим делом.

Обновление плагина: Lyra Icon
Более 15 тысяч идеальных иконок для вашего интерфейса

1. Добавили историю. Иконки, которые вы уже использовали в своих проектах, сохраняются в отдельной вкладке.
2. Улучшили анимацию перетаскивания иконок (drag-drop) для Mac OS.
3. И ещё немного косметических улучшений.

[Установить плагин]

Как вам плагин?
Я лично пользуюсь им практически каждый день — это мой рабочий инструмент.

Покупка программ через Телеграм

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

В итоге я решил, что сделаем свой магазин. И сделали.

А ещё, что важнее, мы сменили компанию-посредника, которая принимает платежи. Давно пора было это сделать.

Для тех, кому важно знать, новый сервис приема платежей называется «КлаудПейментс» и принадлежит он Т-Банку.

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

В честь запуска магазина вы найдете приятные скидки на программы:
↘️ Купить программы (со скидкой до 25%)

После оплаты отправьте email, который вы используете в Lyra, в бота: @Lyra_payment_bot

Если при оплате, когда вы нажимаете на T-Pay, ничего не происходит, откройте ссылку в браузере (телеграм не всегда дает перейти в приложение, решаем вопрос)
Скоро будет также доступна оплата через Сбер-пей и зарубежными картами.

Если возникнут какие-то проблемы с оплатой или другие вопросы, напишите: @Lyra_support_bot

Развитие продукта

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

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

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

Так что, кому-то в ближайшее время напишет Лидия. Мы будем рады, если вы согласитесь пообщаться.

P.S. Кто не заполнял анкету, но хочет принять участие в интервью, пишите плюсик в комментариях, и Лидия с вами свяжется.

UX тексты (интерфейсные тексты)

Это всё, что вы видите на кнопках, в меню, сообщениях об ошибках, пуш-уведомлениях. С помощью UX-текстов приложение или сервис общается с пользователем. Этот диалог может либо укрепить отношения между человеком и продуктом, либо испортить их.

Как думаете, Lyra нужна программа по прокачке интерфейсных текстов? Ставьте реакцию.

Я подумал, что ребятам, кто работает или планирует работать в продукте (продуктовые дизайнеры, UX/UI дизайнеры), важно уметь писать грамотные UX тексты. Ведь как ни крути, большую часть интерфейсных текстов даже в крупных компаниях пишет дизайнер.

Что нового по программе «мобильные приложения»

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

Даже на день рождения который был 17 числа, я успел немного поработать над программой и думал над новым уроком. Пошел работать над новым уроком. Очень много часов на эту программу ушло и уйдет, но я верю, что оно того стоит.

P.s. Подогрею ваш интерес, скоро выйдет еще одна программа, сделанная не мной а одним очень крутым человеком, и я даже не расскажу про что она, но мы уже на финальной стадии)) мм))

Как создавалось приложение Lyra

За 9 минут рассказал весь путь от идеи до реализации.

00:00 — Предистория
01:38 — Идея
02:32 — Ядро продукта
03:51 — Тестирование спроса
05:06 — Подготовка (UX/UI, ТЗ)
05:42 — Передача в разработку
06:38 — Процесс разработки
07:29 — Бета-тестирование

Смотреть: https://youtu.be/nixzbOw50U0

Плагин «Lyra Icon» уже доступен в Figma!

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

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

Я рад вам сообщить, что моя библиотека из 15 тысяч иконок в едином стиле: 24px контейнер, 2px outline (толщина) — уже доступна в виде плагина в Figma. Ура! Пусть ваши макеты будут прекрасными и иконки вам в этом помогут!

Установить плагин: https://www.figma.com/community/plugin/1390289826945955565

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

Еще будет круто если вы какой-то комментарий напишите внутри плагина, тем самым поддержите его)) намекаю так))

Набор в команду Lyra

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

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

Кого ищем прямо сейчас:
Всех кто что-то делает в продукте: исследования и аналитика(!), UX/UI, продуктовый дизайн, обучение, продакты и проджекты, дизайнеры интерфейсов и моб приложений и т.п. Накидал хаотично, но думаю вы понимаете суть. Будет круто если у вас есть опыт преподавания и передачи знаний, расскажите о нем обязательно. Будем с вами делать контент.

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

Заполнить анкету: https://forms.gle/2V2M4fhsLQzwghJ1A
Коротка форма 1 минута.

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

Программа «мобильные приложения»

Хоть вы и не набрали как мне показалось, достаточно много огоньков под этим постом, я все же взял в работу новую программу «мобильные приложения»

Но, она будет отличаться от того, что я вам описывал.

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

Мне хочется, чтобы при работе над мобильным приложением (в компании или на заказ) вы заходили в программу и использовали ее как библиотеку рефов, перепроходя те уроки которые для вас являются актуальными прямо сейчас. Закрепили материал и вернулись в Figm’у чтобы отрисовать нужный компонент. Вообщем, такие мои мечты об этой программе, а там посмотрим как будет в реальности.

Функционал Lyra

Еще один момент, который я понял из опроса: не всем понятно, что в приложении есть монетки, которые можно зарабатывать и тратить на полезные вещи в магазине. Реально полезные, а не как у Duolingo, где есть только «заморозки».

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

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

Тренажер. Каждый день вам доступен один из платных уроков — бесплатно! Проходя его, вы зарабатываете одну монету.
На этой вкладке еще есть «Задание дня», которое вы выполняете самостоятельно в Figma.
Кроме того, внизу еще есть «Цитата дня» тут объяснять думаю не нужно)

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

Профиль. Тут вы можете посмотреть купленные ваши программы.

Модель «подписки»

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

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

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

Нужна ваша помощь!

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

Но… Я собрался с силами и сперва решил попробовать залатать эти дырки в ведре. Надеюсь вы мне поможете))

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

📌 Сам опрос недолгий, писать почти не потребуется, только «натыкивать» варианты ответа: https://forms.gle/EmHfR9zsHfbzmoL96
(Там где квадратики, вы можете выбрать больше одного ответа)

Давайте вместе выясним причину и сделаем наше приложение еще лучше!

🎁 И конечно подарок за ваши старания — это 6 небольших авторских материалов про мышление, позиционирование, продающее портфолио, коммуникация и продажи, как быстро прокачаться в дизайне, упаковка

Смысл обложки книги «дизайн, фриланс и деревня»

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

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

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

Вот… Так и родились первые эскизы обложки. Спасибо прекрасной Алёне)

Книга: https://www.gaugash.ru/dizayn-frilans-i-derevnya