Поясни за UX
19.2K subscribers
374 photos
133 videos
2 files
523 links
С вами я, @ionnapoleon

Важное poyasnizaux.ru

‼️Здесь не публикуется реклама
Download Telegram
Ну что, махарошики, надеюсь вы доели салаты и уже начали морально готовиться к рабочим будням! Го обсудим, что ждет дизайн в 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 🤷‍♀️
This media is not supported in your browser
VIEW IN TELEGRAM
Eto ya отправляю первый постпраздничный макет в разработку 🥹
#мемнаясреда
Махарошики, у нас юбилей!
Каналу исполнилось 5 лет, представляете? Начавшись как свалка для моих студентов, канал превратился в такое чудесное место благодаря вам🫶

В честь пятилетия я решила впервые обновить логотип. Старый был сделан шедеврально: я просто открыла сторизы в инсте, выбрала первый попавшийся фон и написала ПUX.

Благодаря моей коллеге Соне у нас теперь красивый логос и... лонгсливы. Чтобы все в вашей шараге видели кто тут поясняет за UX 🤘

Логсливы лимитированные, так что берите пока есть. Плакаты, стикерпаки и легендарная футба "оператор фигмы" также в наличии в магазинчике
40% от продаж идут в приют для животных
На днях прочитала пост про дробные размеры шрифтов. Типа это улучшает внутренние отступы и отображение. Ссылку оставлять не буду, чтобы вы всякие гадости не читали, вместо этого расскажу, о чем дизайнеру лучше не заморачиваться:

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

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

🧢 Межбуквенный интервал. Да, иногда, особенно в заголовках, его хочется подергать. Но это чревато кривым отображением в разных браузерах. И разработка это с вероятностью 99% проскипает. Лучше (как неожиданно) подобрать нормальный шрифт.

🧢 Ширина фрейма. 1440 или 1200, 360 или 320 - ваще без разницы, у вас все равно будет респонсив. Рисуйте на минимальный и максимальный размеры девайсов, которыми пользуются юзеры. Ну или у разработки спросите на каких брейкпоинтах у них переходы

🧢 Расстановка экранов. Отступ между экранами, горизонтально или вертикально, стрелочки или подписи – 🙏по 🙌 хер что вы будете использовать. Сделайте так, чтоб понятно было что будет когда пользователь станет жмать туда или сюда. Если коллегам непонятно, переставьте/подпишите/добавьте стрелки. Делайте нормально, короче, правил нет

🧢 Ширины компонентов в ките. Они все равно зависят от блока в конкретном экране.

🧢 Описание компонентов в ките в духе «это кнобка». Вашей разработке на него начхать. Можете писать для новых дизайнеров, но, вероятно, они и сами догадаются что «это кнобка». Пишите только о важных неочевидных нюансах
Махарошики, во-первых, на выходных буду в Алматы, если кто-то захочет выпиц кофий/показать город/забрать лично что-то из @@shopux_bot – пишите @ionnapoleon✌️

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

🎩 Нейминг токенов и компонентов как у разработки. Так вы будете говорить на одном языке. Мало просто дать компоненту понятное название. Копируйте нейминг переменных и объектов из кода вплоть до знаков и регистра☝️

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

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

🎩 Ведите таблицу задач по дизайн-ревью. Бывает, знаете, что макеты отдали в январе, а разработка началась в июле. И про ревью все забыли. Таблица поможет этого не допустить + будете видеть, что уже посмотрели а что ждет правок

🎩 Стройте юзерфлоу. Всегда. Даже если в дизайне один экран. Как юзер в него попал, куда пошел дальше, какие корнеркейсы – боже храни юзерфлоу, он помогает ничего не упустить.
This media is not supported in your browser
VIEW IN TELEGRAM
Когда ты – единственный дизайнер в продукте 💔

#мемнаясреда
Я пытаюсь пошарить заметку iOS Notes и не понимаю как это понимать
Как думаете, что происходит если нажать окей? Ничего)0)00)
Маленькая инди-компания Яндекс поддерживает только небольшие устройства
Махарошики, 22 февраля буду в Москве на https://uxuiconf.ru выступац с докладом про грейды, самооценку и повышение.

С таким запросом часто приходят на консультации + я сама получала повышения внутри компаний 3 раза, так что поделюсь опытом и примерами из жизни ✌️

Приходите послушать и позадавать вопросики!
Так, ладно ребят, предыдущий мем не смешной, а редизайн лого мазды, вот это прям да. Инновационно, почти как у Ягуара
Про портфолио (снова)
Как и всегда, начнем с цели. Портфолио вам зачем? Скорее всего, чтобы успешно откликаться на вакансии и с двух ног заходить на собесы.

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

1. Показывать навыки проектирования (исследования, проработка сценариев, выбор оптимальных паттернов, работа с разными платформами)

2. Показывать уровень визуала (эмоциональный дизайн, композиция, типографика, работа с цветом)

3. Доказывать что ваш дизайн эффективен (целеполагание, работа с проблематикой, следование дизайн-процессу, измеримый результат)

☝️ Важный момент: часто один кейс не покрывает все три цели. Например, в б2б может быть все в ажуре с проектированием, но визуал там «привет 2010». Тут нужен кейс-саппорт, допустим, лендос, в котором не ахти какое проектирование зато визуал 🍬

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

И многабукав в один абзац не пишите, их не читают 🫤
Media is too big
VIEW IN TELEGRAM
Рабочий день руководителя дизайн команды 💅💅💅
#мемнаясреда
Махарошики, порция пользы в магазинчике

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

Заказать можно тут
Упражнение «угадай кто из нас кнобки» на сайте релакса и спа. Дизайнеры походу тоже расслабились
This media is not supported in your browser
VIEW IN TELEGRAM
Бу, испугались, думали не будет сегодня рубрики #мемнаясреда ?

Ну да как же, я вот нашла видеозапись типичного ux-теста
Махарошики, сейчас бабка Илона расскажет вам одну павучительную историю из своей молодости

В бытность свою мидлом в EPAM, я участвовала во внутреннем стартапе. Делали продукт для клинических исследований. КИ - лютая тема, облепленная терминологией, процессами и NDA.
Но мы были слабоумные и отважные, начали дискавери: нашли экспертов, клиницистов, рыночек посмотрели как смогли (конкуренты все закрытые, это вам не маркетплейс делать), домен изучили. Я даже потом статью написала, как изучать сложную предметную область.

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

Чуть с ума не сошла, пока натягивала отбитый бизнес-процесс КИ на интерфейсы. B2B как он есть 🫶

Для пациентов хотелось чето симпатичное сделать, у них и так жизнь не очень. Визуальные приемы всякие придумала, цветовое кодирование. По тем временам вышло модно 💃

Написали MVP, которое собирало данные от пациента и медсестры, и отправляло в виде статы врачу. Мы даже давление снимали с тонометра автоматически, нифига себе!

Пошли демить потенциальным клиентам, они такие “amazing! Wonderful!”, но контракты мы не заключили и проект свернулся 🥺

Это до сих пор мой любимый проект, хоть он и не взлетел. Вы спросите: «мать, ты это все к чему»
А вот: не унывайте, если проект, в который вы вложили силы, так и не увидел свет. Он все равно останется у вас в сердечке и в портфолио. И да, мертворожденные стартапы тоже можно класть в портфолио, потому что какая разница, дизайн-то был. Кладите, не стесняйтесь.