Шпаргалка по исследованию IT-продукта

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

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

Сам бот @ResurferBot

Подходы в UX-дизайне и их особенности

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

Внутри описание следующих подходов:
– Человеко-ориентированное проектирование
– Дизайн-мышление
– 5 уровней UX-дизайна
– Подход HEART

Ссылка на статью

UX-стратегия на практике

Решил всё таки изучить серию статей написанную Юрий Ветровым про UX-стратегию компании. Спойлер: это очень круто!

В первой статье автор рассказывает про свой фраемворк и уровни зрелости UX в компании. Помимо рассказа про свои разработки Юрий делится моделями и наработками своих коллег по цеху.

Ссылка на статью

В России дороже

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

Оказалось так, что после подключения инностранной карты общая цена за подписку уменьшилась почти на 20% 🙃

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

Revolut: интерактивная организация проектов

Невероятно полезный доклад Дмитрия Щеглова о том, как команда из 30 дизайнеров передизайнила суперапп и выпустила его в продакшн за 3 месяца.

Внутри:
– Реальный опыт большой продуктовой команды
– Инструменты оптимизации коммуникации в рабочих чатах
– Инструменты оптимизации и унификации дизайн-процессов

Ссылка на видео

Немножко мотивации

Простая, мотивационная, заряжающая и немного неформальная презентация Макса из студии MAX на Google Design Meetup.

Для тех, кто немножко закис 🐸

Ссылка на видео

Резюмехи в Notion

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

Подумал и решил поделиться с вами, вдруг кому понадобится 🙃

– Кир Москалёв, Lead Designer
– Иван Соловьёв, Product Designer
– Мария Го́лова, Product Designer
– Сергей Тимофеев, Product Design Director
– Антон Захаров, Product Designer
– Александр, Product Designer
– Илья Пилипишин, UX/UI Designer
– Артём Магомаев, Product Designer

Вписка — Артемий Лебедев

Давно ребята не приезжали к интересным гостям, наконец-то что-то годное для меня.

Сам ещё не успел посмотреть, только начинаю, так что заключения по ролику пока что дать не могу.

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

Ссылка на выпуск

Эксперементальная дизайн-система

В нерабочее время начинаю пилить эксперементальную дизайн-систему для публичной части продуктов РосКвартала и отписываться тут о своих результатах.

Почему не в рабочее время?
Всё просто: такой задачи от компании не поступает, потому что на это не хватит ресурсов. На данный момент дизайн-команда состоит всего из 2-х дизайнеров (Я и Коля) и у нас столько задач, что неприоритетные отделы могут ждать от нас дизайн неделями. Жертвовать рабочее время на дизайн-систему = остановить часть потока фич по другим продуктам.

Зачем тебе это?
– Уже в течении 2 лет я изучаю кучу информации по дизайн-системам, даже что-то собирал сам, но полноценного ничего так и не родилось. Хочется объединить весь свой теоритический и практический опыт для создания полноценного продукта.
– Если дизайн-система получится хорошей, то я отдам её РосКварталу на разработку. В теории имплементация дизайн-системы в коде позволит ускорить выпуск новых продуктов на всех уровнях.
– Крутой кейс в портфолио.

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

Ближайший план работ:
– Цвета;
– Типографика;
– Тени;
– Иконки;
– Сетки и лаяут.

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

Ты хде?

Извиняюсь, что пропал. Куча работы)

– На выходных планирую продолжить работу над дизайн-системой и начать описывать первые результаты;
– Также на выходных я еду в СПб на DesignProsmotr. По интересным моментам и ивента тоже буду тут отписываться;
– Недавно участвовал в качестве респондента в пользовательском исследовании сервиса Тинькофф. Получилось помочь накинуть парочку новых гипотез + узнать для себя новые штуки об исследованиях. Крч, тоже скоро упакую это дело в текст.

Один вопрос и переосмысление обучения

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

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

Ссылка на статью

Метод обучения

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

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

Пачка плюсов:
– Все уроки чётко структурированы, если собраны на базе «Database»;
– Записи понятны при изучении по отдельности, даже спустя длительное время, т. к. описываются своим языком;
– Всё в облаке. С любого устройства в любом месте, как говорится;
– Конспектировать получается реально быстро при использовании всех «кирпичиков» Notion: изображения, видео, аудио, callouts и т.д.

Чем заменить Times New Roman

Вчера на DesingProsmotr Александру Королькову (арт-директор Paratype) попросили назвать шрифт, которым можно заменить старый добрый Times New Roman.

Если коротко, то лучшим выбором будет PT Astra Serif. Гарнитура создана ещё в 2016 году специально на замену Times New Roman. Если установить данный шрифт, то документ не поедет, потому что ёмкость символов в двух гарнитурах одинаковая.

Поэтому если вы сейчас вынуждены отказаться от Times New Roman, то можете смело переходить на PT Astra Serif, тем более что шрифт распространяется по лицензии OFL.

Ссылка на шрифт

Favorites

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

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

Необычный кейс

Шастал по Behance и попал на крутой кейс ивестиционного приложения МТС. Проект уже относительно старый, но презентация выглядит всё равно сочно.

Внутри кейса:
– Необычная для Behance модульная вёрстка кейса;
– Куча хороших продуктовых и декоративных анимаций;
– Адекватное смысловое наполнение.

Ссылка на кейс

Нейминг дизайн токенов

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

Внутри статьи:
– Уровни токенов: базовые, семантические и компонентные;
– Элементы названий токенов;
– Шаблоны для именования токенов разных уровней.

Ссылка на статью

Про «висячие»

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

Внутри статьи:
– История «висячих»;
– Почему с переходом в веб всё изменилось;
– Исключения из правила.

Ссылка на статью

Государство башляет

А знали ли вы, что на сайте Госуслуг есть проект по предоставлению скидок до 100% на IT курсы?

Там сейчас мало годноты, но я уже положил глаз на курс «Менеджер проектов» от Яндекс Практикума. Возможно, летом впишусь.

Ссылка на проект

Taiga UI от Тинькофф

Случайно через TikTok попал на UI Kit от команды Тинькофф. Оказывается, ребята уже давным-давно нарисовали, закодили и выложили в свободное пользование очень хорошо спроектированный набор компонент.

Ссылки для изучения:
– Файл в Figma Community;
– Официальный сайт;
– GitHub проекта.

Большое обновление Auto Layout

Ух, это очень мощно! На Figma Config показали обновлённый фунционал Auto Layout.

Теперь у нас наконец-то есть возможность нативно задавать абсолютное позиционирование объектов (пока zeroBox 👋) и выставлять отрицательные значения Margin.

Это ещё не всё обновления, остальное очень советую изучить в специальном видео-туторе от Figma. Если у вас проблемы с английским, то попробуйте посмотреть через Яндекс Браузер с их переводчиком на русский.

Видео-тутор от Figma

Все обновления

Auto Layout дело не ограничилось, команда Figma накатила кучу крутых обновлений и для других функций. Полный список и подробную информацию по каждому обновлению можно прочитать по ссылке ниже.

What’s new at Config 2022