Ну что, махарошики, надеюсь вы доели салаты и уже начали морально готовиться к рабочим будням! Го обсудим, что ждет дизайн в 2025
В начале каждого года выходит пачка статей и роликов о том, какие будут ✨ тренды ✨ в грядущем году. Но я не буду делать их обзор. Я, честно говоря, думаю, что все это – большая фикция. Никто не знает, какими будут интерфейсы, как они изменятся и изменятся ли вообще. Единственный вечно актуальный тренд – решать проблемы.
Новый функционал, удобство или эмоциональный отклик – все это лишь средства решения проблем пользователей и бизнеса.
Короче говоря, пофиг на тренды, никто их не знает и не формирует. Делайте хорошо, плохо не делайте. Это база ❤️
В начале каждого года выходит пачка статей и роликов о том, какие будут ✨ тренды ✨ в грядущем году. Но я не буду делать их обзор. Я, честно говоря, думаю, что все это – большая фикция. Никто не знает, какими будут интерфейсы, как они изменятся и изменятся ли вообще. Единственный вечно актуальный тренд – решать проблемы.
Новый функционал, удобство или эмоциональный отклик – все это лишь средства решения проблем пользователей и бизнеса.
Короче говоря, пофиг на тренды, никто их не знает и не формирует. Делайте хорошо, плохо не делайте. Это база ❤️
This media is not supported in your browser
VIEW IN TELEGRAM
Eto ya открываю фигму и пытаюсь доделать прошлогодние задачи.
Но это завтра, а сегодня #мемнаясреда
Но это завтра, а сегодня #мемнаясреда
This media is not supported in your browser
VIEW IN TELEGRAM
В еще одной маленькой инди-компании Яндекс забыли учесть, что пользователю надо видеть, что он пишет
Читала я тут книгу Марата Агиняна, психиатра-нарколога (не спрашивайте).
По ходу книги оказалось, что автор не только врач но и маленечко стартапер.
Был среди пациентов Марата некий Олег, который в свободное от употребления время работал топ-менеджером в IT-компании. Олег успешно прошел программу отказа от алкоголя у Марата и предложил тому диджитализировать программу, чтобы помочь бóльшему числу зависимых.
Первое, что спросил Олег в начале работы: «хотят ли зависимые бросить?»
Для врача ответ был очевиден: конечно хотят.
Но, чем больше они изучали (наблюдали, интервьюировали) пациентов, тем больше понимали, что люди с зависимостью не хотят бросать. Они хотят радости в жизни, отсутствия похмелья, здоровья, связи с близкими, но не трезвости как таковой 🤯
Именно копание вглубь мотивации помогает ux-исследователю понять, что на самом деле нужно пользователю. И это – классный пример.
Что удивительно, инсайт Марату и Олегу совершенно не помог: они запустили приложение, которое помогает только тем, кто уже осознал проблему и решил бросить, а таких не очень много. Поэтому приложение не стало коммерчески успешным.
А ещё, в какой-то момент с ними случилась типичная бага нового проекта: потеря фокуса.
В ходе исследования ребята увидели много разных болячек, и пытались сделать приложение, которое хакнет все поведенческие проблемы, починит психику, избавит от вредных и добавит полезных привычек , наладит питание, сон бла-бла-бла
В итоге потеряли год времени и кучу денег.
Какая у этой басни мораль:
1. на Дискавери ковыряйте юзеров до мотивационных глубин, не довольствуйтесь тем, что на поверхности
2. не забывайте про цель и не пытайтесь съесть слона целиком
3. все книги так или иначе про ux 🤷♀️
По ходу книги оказалось, что автор не только врач но и маленечко стартапер.
Был среди пациентов Марата некий Олег, который в свободное от употребления время работал топ-менеджером в IT-компании. Олег успешно прошел программу отказа от алкоголя у Марата и предложил тому диджитализировать программу, чтобы помочь бóльшему числу зависимых.
Первое, что спросил Олег в начале работы: «хотят ли зависимые бросить?»
Для врача ответ был очевиден: конечно хотят.
Но, чем больше они изучали (наблюдали, интервьюировали) пациентов, тем больше понимали, что люди с зависимостью не хотят бросать. Они хотят радости в жизни, отсутствия похмелья, здоровья, связи с близкими, но не трезвости как таковой 🤯
Именно копание вглубь мотивации помогает ux-исследователю понять, что на самом деле нужно пользователю. И это – классный пример.
Что удивительно, инсайт Марату и Олегу совершенно не помог: они запустили приложение, которое помогает только тем, кто уже осознал проблему и решил бросить, а таких не очень много. Поэтому приложение не стало коммерчески успешным.
А ещё, в какой-то момент с ними случилась типичная бага нового проекта: потеря фокуса.
В ходе исследования ребята увидели много разных болячек, и пытались сделать приложение, которое хакнет все поведенческие проблемы, починит психику, избавит от вредных и добавит полезных привычек , наладит питание, сон бла-бла-бла
В итоге потеряли год времени и кучу денег.
Какая у этой басни мораль:
1. на Дискавери ковыряйте юзеров до мотивационных глубин, не довольствуйтесь тем, что на поверхности
2. не забывайте про цель и не пытайтесь съесть слона целиком
3. все книги так или иначе про ux 🤷♀️
This media is not supported in your browser
VIEW IN TELEGRAM
Eto ya отправляю первый постпраздничный макет в разработку 🥹
#мемнаясреда
#мемнаясреда
Махарошики, у нас юбилей!
Каналу исполнилось 5 лет, представляете? Начавшись как свалка для моих студентов, канал превратился в такое чудесное место благодаря вам🫶
В честь пятилетия я решила впервые обновить логотип. Старый был сделан шедеврально: я просто открыла сторизы в инсте, выбрала первый попавшийся фон и написала ПUX.
Благодаря моей коллеге Соне у нас теперь красивый логос и... лонгсливы. Чтобы все в вашей шараге видели кто тут поясняет за UX 🤘
Логсливы лимитированные, так что берите пока есть. Плакаты, стикерпаки и легендарная футба "оператор фигмы" также в наличии в магазинчике
40% от продаж идут в приют для животных
Каналу исполнилось 5 лет, представляете? Начавшись как свалка для моих студентов, канал превратился в такое чудесное место благодаря вам🫶
В честь пятилетия я решила впервые обновить логотип. Старый был сделан шедеврально: я просто открыла сторизы в инсте, выбрала первый попавшийся фон и написала ПUX.
Благодаря моей коллеге Соне у нас теперь красивый логос и... лонгсливы. Чтобы все в вашей шараге видели кто тут поясняет за UX 🤘
Логсливы лимитированные, так что берите пока есть. Плакаты, стикерпаки и легендарная футба "оператор фигмы" также в наличии в магазинчике
40% от продаж идут в приют для животных
На днях прочитала пост про дробные размеры шрифтов. Типа это улучшает внутренние отступы и отображение. Ссылку оставлять не буду, чтобы вы всякие гадости не читали, вместо этого расскажу, о чем дизайнеру лучше не заморачиваться:
🧢 Высота текстового блока. В фигме можно лихо его уменьшить и буковки будут стоять в край. На фронте разработка это проскипает с вероятностью 99%. Лучше подобрать нормальный шрифт
🧢 Названия блоков (слоев) внутри фрейма. Разработке трижды похер как вы назвали контейнеры, они все равно используют другой нейминг. Названия самих экранов и компонентов не в счет.
🧢 Межбуквенный интервал. Да, иногда, особенно в заголовках, его хочется подергать. Но это чревато кривым отображением в разных браузерах. И разработка это с вероятностью 99% проскипает. Лучше (как неожиданно) подобрать нормальный шрифт.
🧢 Ширина фрейма. 1440 или 1200, 360 или 320 - ваще без разницы, у вас все равно будет респонсив. Рисуйте на минимальный и максимальный размеры девайсов, которыми пользуются юзеры. Ну или у разработки спросите на каких брейкпоинтах у них переходы
🧢 Расстановка экранов. Отступ между экранами, горизонтально или вертикально, стрелочки или подписи – 🙏по 🙌 хер что вы будете использовать. Сделайте так, чтоб понятно было что будет когда пользователь станет жмать туда или сюда. Если коллегам непонятно, переставьте/подпишите/добавьте стрелки. Делайте нормально, короче, правил нет
🧢 Ширины компонентов в ките. Они все равно зависят от блока в конкретном экране.
🧢 Описание компонентов в ките в духе «это кнобка». Вашей разработке на него начхать. Можете писать для новых дизайнеров, но, вероятно, они и сами догадаются что «это кнобка». Пишите только о важных неочевидных нюансах
🧢 Высота текстового блока. В фигме можно лихо его уменьшить и буковки будут стоять в край. На фронте разработка это проскипает с вероятностью 99%. Лучше подобрать нормальный шрифт
🧢 Названия блоков (слоев) внутри фрейма. Разработке трижды похер как вы назвали контейнеры, они все равно используют другой нейминг. Названия самих экранов и компонентов не в счет.
🧢 Межбуквенный интервал. Да, иногда, особенно в заголовках, его хочется подергать. Но это чревато кривым отображением в разных браузерах. И разработка это с вероятностью 99% проскипает. Лучше (как неожиданно) подобрать нормальный шрифт.
🧢 Ширина фрейма. 1440 или 1200, 360 или 320 - ваще без разницы, у вас все равно будет респонсив. Рисуйте на минимальный и максимальный размеры девайсов, которыми пользуются юзеры. Ну или у разработки спросите на каких брейкпоинтах у них переходы
🧢 Расстановка экранов. Отступ между экранами, горизонтально или вертикально, стрелочки или подписи – 🙏по 🙌 хер что вы будете использовать. Сделайте так, чтоб понятно было что будет когда пользователь станет жмать туда или сюда. Если коллегам непонятно, переставьте/подпишите/добавьте стрелки. Делайте нормально, короче, правил нет
🧢 Ширины компонентов в ките. Они все равно зависят от блока в конкретном экране.
🧢 Описание компонентов в ките в духе «это кнобка». Вашей разработке на него начхать. Можете писать для новых дизайнеров, но, вероятно, они и сами догадаются что «это кнобка». Пишите только о важных неочевидных нюансах
Махарошики, во-первых, на выходных буду в Алматы, если кто-то захочет выпиц кофий/показать город/забрать лично что-то из @@shopux_bot – пишите @ionnapoleon✌️
Во-вторых, вчерашний пост вызвал живой отклик, поэтому давайте обсудим над чем дизайнеру стоит заморочиться. Всё я конечно не перечислю, но вот неочевидные, но важные вещи:
🎩 Нейминг токенов и компонентов как у разработки. Так вы будете говорить на одном языке. Мало просто дать компоненту понятное название. Копируйте нейминг переменных и объектов из кода вплоть до знаков и регистра☝️
🎩 Организация команд, проектов и файлов в фигме. Эта тема достойна отдельного поста, но, если вкратце, отталкивайтесь от размеров проекта, придумайте предсказуемую расширяемую структуру и используйте любой удобный вам подход к версионированию (я вот, например, ненавижу ветки)
🎩 Делайте отдельные прототипы для тестов. Часто нужно разломать компоненты и автолейауты, чтобы прототип работал
🎩 Ведите таблицу задач по дизайн-ревью. Бывает, знаете, что макеты отдали в январе, а разработка началась в июле. И про ревью все забыли. Таблица поможет этого не допустить + будете видеть, что уже посмотрели а что ждет правок
🎩 Стройте юзерфлоу. Всегда. Даже если в дизайне один экран. Как юзер в него попал, куда пошел дальше, какие корнеркейсы – боже храни юзерфлоу, он помогает ничего не упустить.
Во-вторых, вчерашний пост вызвал живой отклик, поэтому давайте обсудим над чем дизайнеру стоит заморочиться. Всё я конечно не перечислю, но вот неочевидные, но важные вещи:
🎩 Нейминг токенов и компонентов как у разработки. Так вы будете говорить на одном языке. Мало просто дать компоненту понятное название. Копируйте нейминг переменных и объектов из кода вплоть до знаков и регистра☝️
🎩 Организация команд, проектов и файлов в фигме. Эта тема достойна отдельного поста, но, если вкратце, отталкивайтесь от размеров проекта, придумайте предсказуемую расширяемую структуру и используйте любой удобный вам подход к версионированию (я вот, например, ненавижу ветки)
🎩 Делайте отдельные прототипы для тестов. Часто нужно разломать компоненты и автолейауты, чтобы прототип работал
🎩 Ведите таблицу задач по дизайн-ревью. Бывает, знаете, что макеты отдали в январе, а разработка началась в июле. И про ревью все забыли. Таблица поможет этого не допустить + будете видеть, что уже посмотрели а что ждет правок
🎩 Стройте юзерфлоу. Всегда. Даже если в дизайне один экран. Как юзер в него попал, куда пошел дальше, какие корнеркейсы – боже храни юзерфлоу, он помогает ничего не упустить.
Махарошики, 22 февраля буду в Москве на https://uxuiconf.ru выступац с докладом про грейды, самооценку и повышение.
С таким запросом часто приходят на консультации + я сама получала повышения внутри компаний 3 раза, так что поделюсь опытом и примерами из жизни ✌️
Приходите послушать и позадавать вопросики!
С таким запросом часто приходят на консультации + я сама получала повышения внутри компаний 3 раза, так что поделюсь опытом и примерами из жизни ✌️
Приходите послушать и позадавать вопросики!
Так, ладно ребят, предыдущий мем не смешной, а редизайн лого мазды, вот это прям да. Инновационно, почти как у Ягуара
Про портфолио (снова)
Как и всегда, начнем с цели. Портфолио вам зачем? Скорее всего, чтобы успешно откликаться на вакансии и с двух ног заходить на собесы.
Тут должна быть гневная тирада про статьи из интернета и шаблоны с курсов, но, короче говоря. Портфолио для трудоустройства должно выполнять три задачи:
1. Показывать навыки проектирования (исследования, проработка сценариев, выбор оптимальных паттернов, работа с разными платформами)
2. Показывать уровень визуала (эмоциональный дизайн, композиция, типографика, работа с цветом)
3. Доказывать что ваш дизайн эффективен (целеполагание, работа с проблематикой, следование дизайн-процессу, измеримый результат)
☝️ Важный момент: часто один кейс не покрывает все три цели. Например, в б2б может быть все в ажуре с проектированием, но визуал там «привет 2010». Тут нужен кейс-саппорт, допустим, лендос, в котором не ахти какое проектирование зато визуал 🍬
Всё. Расхваливать продукт, сообщать о ваших хобби, отражать вашу личность портфолио для трудоустройства не должно. На бехансе, в ношне или фигме - без разницы. Запустился ваш стартап или оказался мертворожденным - не так уж принципиально.
И многабукав в один абзац не пишите, их не читают 🫤
Как и всегда, начнем с цели. Портфолио вам зачем? Скорее всего, чтобы успешно откликаться на вакансии и с двух ног заходить на собесы.
Тут должна быть гневная тирада про статьи из интернета и шаблоны с курсов, но, короче говоря. Портфолио для трудоустройства должно выполнять три задачи:
1. Показывать навыки проектирования (исследования, проработка сценариев, выбор оптимальных паттернов, работа с разными платформами)
2. Показывать уровень визуала (эмоциональный дизайн, композиция, типографика, работа с цветом)
3. Доказывать что ваш дизайн эффективен (целеполагание, работа с проблематикой, следование дизайн-процессу, измеримый результат)
☝️ Важный момент: часто один кейс не покрывает все три цели. Например, в б2б может быть все в ажуре с проектированием, но визуал там «привет 2010». Тут нужен кейс-саппорт, допустим, лендос, в котором не ахти какое проектирование зато визуал 🍬
Всё. Расхваливать продукт, сообщать о ваших хобби, отражать вашу личность портфолио для трудоустройства не должно. На бехансе, в ношне или фигме - без разницы. Запустился ваш стартап или оказался мертворожденным - не так уж принципиально.
И многабукав в один абзац не пишите, их не читают 🫤
Media is too big
VIEW IN TELEGRAM
Рабочий день руководителя дизайн команды 💅💅💅
#мемнаясреда
#мемнаясреда
Махарошики, порция пользы в магазинчике
Выпустила новый блокнот для проектирования. Софттач обложка в швейцарском стиле с этапами дизайн-процесса и цитатой Нильсена Нормана. Отрывные листы без ублюдской пружины. Разомните пальчики, отдохните от монитора.
Заказать можно тут
Выпустила новый блокнот для проектирования. Софттач обложка в швейцарском стиле с этапами дизайн-процесса и цитатой Нильсена Нормана. Отрывные листы без ублюдской пружины. Разомните пальчики, отдохните от монитора.
Заказать можно тут
This media is not supported in your browser
VIEW IN TELEGRAM
Бу, испугались, думали не будет сегодня рубрики #мемнаясреда ?
Ну да как же, я вот нашла видеозапись типичного ux-теста
Ну да как же, я вот нашла видеозапись типичного ux-теста
Махарошики, сейчас бабка Илона расскажет вам одну павучительную историю из своей молодости
В бытность свою мидлом в EPAM, я участвовала во внутреннем стартапе. Делали продукт для клинических исследований. КИ - лютая тема, облепленная терминологией, процессами и NDA.
Но мы были слабоумные и отважные, начали дискавери: нашли экспертов, клиницистов, рыночек посмотрели как смогли (конкуренты все закрытые, это вам не маркетплейс делать), домен изучили. Я даже потом статью написала, как изучать сложную предметную область.
По итогу заимели три роли: пациент, медсестра и врач. Собрали болячки, поштурмили и придумали экосистему:
1. мобильное приложение и носимые устройства (часы, тонометры, умные таблетницы и пр.) для пациентов
2. планшетное приложение для медсестер, чтобы осмотры на дому проводить и заполнять всякие анкеты
3. веб-приложение для врачей, которые обзирают ход траила, смотрят стату и корректируют фазы
Чуть с ума не сошла, пока натягивала отбитый бизнес-процесс КИ на интерфейсы. B2B как он есть 🫶
Для пациентов хотелось чето симпатичное сделать, у них и так жизнь не очень. Визуальные приемы всякие придумала, цветовое кодирование. По тем временам вышло модно 💃
Написали MVP, которое собирало данные от пациента и медсестры, и отправляло в виде статы врачу. Мы даже давление снимали с тонометра автоматически, нифига себе!
Пошли демить потенциальным клиентам, они такие “amazing! Wonderful!”, но контракты мы не заключили и проект свернулся 🥺
Это до сих пор мой любимый проект, хоть он и не взлетел. Вы спросите: «мать, ты это все к чему»
А вот: не унывайте, если проект, в который вы вложили силы, так и не увидел свет. Он все равно останется у вас в сердечке и в портфолио. И да, мертворожденные стартапы тоже можно класть в портфолио, потому что какая разница, дизайн-то был. Кладите, не стесняйтесь.
В бытность свою мидлом в EPAM, я участвовала во внутреннем стартапе. Делали продукт для клинических исследований. КИ - лютая тема, облепленная терминологией, процессами и NDA.
Но мы были слабоумные и отважные, начали дискавери: нашли экспертов, клиницистов, рыночек посмотрели как смогли (конкуренты все закрытые, это вам не маркетплейс делать), домен изучили. Я даже потом статью написала, как изучать сложную предметную область.
По итогу заимели три роли: пациент, медсестра и врач. Собрали болячки, поштурмили и придумали экосистему:
1. мобильное приложение и носимые устройства (часы, тонометры, умные таблетницы и пр.) для пациентов
2. планшетное приложение для медсестер, чтобы осмотры на дому проводить и заполнять всякие анкеты
3. веб-приложение для врачей, которые обзирают ход траила, смотрят стату и корректируют фазы
Чуть с ума не сошла, пока натягивала отбитый бизнес-процесс КИ на интерфейсы. B2B как он есть 🫶
Для пациентов хотелось чето симпатичное сделать, у них и так жизнь не очень. Визуальные приемы всякие придумала, цветовое кодирование. По тем временам вышло модно 💃
Написали MVP, которое собирало данные от пациента и медсестры, и отправляло в виде статы врачу. Мы даже давление снимали с тонометра автоматически, нифига себе!
Пошли демить потенциальным клиентам, они такие “amazing! Wonderful!”, но контракты мы не заключили и проект свернулся 🥺
Это до сих пор мой любимый проект, хоть он и не взлетел. Вы спросите: «мать, ты это все к чему»
А вот: не унывайте, если проект, в который вы вложили силы, так и не увидел свет. Он все равно останется у вас в сердечке и в портфолио. И да, мертворожденные стартапы тоже можно класть в портфолио, потому что какая разница, дизайн-то был. Кладите, не стесняйтесь.