✭ Что такое Blueprint и зачем это нужно?

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

Blueprint покажет, что пользователь может столкнуться с проблемами, потому что колл-центр передаёт заявку логисту в Excel по почте, а у логиста отпуск. И вот пока у вас в макете продумано гениальное оформление заказа за 2 клика за 5 секунд — в реальности заказ завис между складами и табличками. И вот продакт менеджер уже идет к вам с плохими новостями.

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

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

❤️ Отличный подход
🤷 Впервые о таком слышу
🌚 Думаю, это бесполезно

Ω Типографика влияет только на UI?

Недавно прочитала статью от Microsoft Design «Скрытая сила типографики», статья понравилась, делюсь основными тезисами:

✦ Один и тот же текст может вызывать разное доверие — просто из-за цвета и шрифта

Фраза “Osorno is a city in Chile” в чёрном на белом воспринимается надёжнее, чем тот же текст серым цветом. Всё дело в контрасте: он влияет на ощущение значимости и уверенности.

✦ Шрифт меняет ход мысли

В эксперименте людям показывали фразу с ошибкой: “Сколько животных Моисей взял в ковчег?” (Кстати, нашли ошибку?)

› В Arial ошибку замечали.

› В Brush Script — чаще пропускали. Почему? Потому что сложночитаемый шрифт утомляет и снижает концентрацию.

✦ Хорошая типографика может стимулировать креативное мышление

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

Всем хороших выходных ❤️

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

Меня зовут Ксюша, я дизайнер и преподаватель.

Дизайном интерфейсов начала заниматься ещё в университете, где училась на художника-орнаменталиста. Сейчас попробовала посчитать, сколько лет назад это было, и получилось страшное число — 17.

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

Потом был путь в продуктовые компании: ivi, mos.ru, Рамблер, Газпромбанк, Ростелеком и, наконец, Альфа-Банк.

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

Около 7 лет назад я начала руководить командами, и передо мной встал важный вопрос: Какой я руководитель? Про что я?

Тогда я определила для себя основную цель: хочу создавать развивающую и комфортную атмосферу для дизайнеров. Хочу передавать им свою любовь к интерфейсам и к профессии. (Привет всем, кто со мной работал! Я знаю, что вы меня читаете, и мне очень приятно. ❤️)

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

Как я дошла до канала в Телеграме и своего курса?

Это произошло случайно.. и при этом абсолютно неслучайно.

Когда я переезжала в Штаты, меня буквально перехватил Женя и предложил попробовать сделать курс. Так и появился UXROCK — продолжение моего пути, теперь вместе с вами.

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

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

В общем, делюсь с вами фоткой с Гранд-Каньона, куда я мечтала попасть очень давно, но думала, что это невозможно. И вот я здесь.

Всем желаю исполнения ваших мечт и планов! ❤️

Недавно наткнулась на мысль Дона Нормана по поводу проектирования интерфейсов: Большинство дизайнеров при проектировании фокусируются на том, чтобы всё работало, когда "всё хорошо”. Но настоящее мастерство — это спроектировать продукт так, чтобы и в случае ошибки или сбоя человек не терялся. Чтобы система помогала ему восстановиться, разобраться, продолжить свой путь.

Это очень про жизнь и про то как все работает на самом деле.

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

А на картинке вы видите интерфейс регистрации, который не пускает меня дальше. Как думаете, что не нравится интерфейсу?

✔️Ответ на вчерашний пост: в поле ввода о том как я узнала о продукте нужно ввести больше 5 символов. Да, кейс не очень частый так как для этого нужно выбрать причину “Другое”, но все же…

А давайте попробуем быстро накинуть варианты решения задачи? Это особенно полезно тем кто хочет проходить вайтборды.

Итак.

Потребность со стороны бизнеса: получать информативный ответ на вопрос о том как пользователь узнал о продукте.

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

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

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

Эту неделю я хочу посвятить теме портфолио — и начать с личной истории.

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

Я завела аккаунт на hh и начала откликаться. Результаты были хорошие — около десяти приглашений на собеседование. Помню, меня звали в студию, в «Азбуку вкуса», в аналог hh и, конечно, в ivi, куда я в итоге и вышла.

Походы по собеседованиям были отдельным видом приключений.

В «Азбуке вкуса» предлагали делать баннеры и чуть-чуть лезть в код. Интересно? Да. Но слово «рутина» звучало в разговоре так часто, что стало понятно: я не смогу там развиваться.

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

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

Для любопытных - вот как выглядело мое портфолио в 2013 году

А как у вас с портфолио?

✍️Собираю потихоньку

🤷 Есть, но старое

🌚 Нужно делать… но

Свой ответ в комментарии

Я тут вспоминала, как искала свою первую «нормальную» работу, и невольно начала раскручивать весь свой путь. Да, в итоге я пришла к неплохому результату. Но путь был далёк от идеального. Я много ошибалась. Слишком мало думала там, где надо было задуматься, и наоборот — слишком долго застревала в том, что стоило сделать быстрее. Выбирала не те проекты, не тех людей, не то направление. Это нормально. И вроде все это понимают.

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

Поэтому я очень хочу поддержать проект Бори Чубина, eх. арт-директора Positive Technologies, Ситимобил, Mos.ru, Сбермаркета. Боря собрал истории от опытных профессионалов, которые не побоялись рассказать о своих промахах. Это круто и очень нужно.

Я подписалась и буду ждать новых выпусков. Если вам тоже не хватает реальных, честных историй — давайте читать вместе!

Проект Errarium

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

Сбор портфолио занял у меня почти год. Да, у меня было время, и я понимала, что могу не спешить. Но каждый раз, садясь за кейс, я тонула в объёме информации, деталях, вариациях и попытках ответить себе на один простой вопрос: что именно я хочу рассказать?

Самое сложное было определиться с позиционированием. Когда опыта мало — это сложно. Но когда его слишком много — это тоже проблема.

Кто я? Дизайн-лид? Ну да, но кто возьмёт руководителя без местного опыта. UX/UI-дизайнер? Конечно. Только тут таких, как я, тысячи. Этого уже недостаточно. Нужно не просто «делать интерфейсы», а чётко формулировать свою зону экспертности.

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

В итоге я выбрала позиционирование как дизайнер, работающий с дизайн-системами и гайдлайнами. Это действительно моя сильная сторона, и, к счастью, рынок здесь довольно узкий. Есть шанс быть замеченной. Забегая вперед скажу что выбор позиционирования себя как специалиста по дизайн-системам был верен. Я получила приглашения на собеседование в 60% своих откликов. Много где прошла несколько этапов, смогла вкусить прелести поиска работы в штатах. Но в итоге я вышла работать в стартап)

Завтра будет продолжение и ссылка на мое новое портфолио.

———
А пока вопрос. Чувствуете ли вы что позиционирование становится важно и на российском рынке?

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

Однако для начинающих дизайнеров я бы рекомендовала более простой и доступный вариант. Да, к сожалению Notion ушел. Я вела там много чего, включая личные базы и драфты кейсов, и когда мою учётку удалили, была сильно опечалена и не планирую в него возвращаться. Идеальной замены пока не нашла, но ближе всех оказался Craft — простой, аккуратный, визуально приятный инструмент.

Почему я считаю его оптимальным решением? Потому что:

✦ он очень простой в использовании,

✦ позволяет делать вложенные страницы,

✦ можно добавлять текст, изображения и описания,

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

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

А вот мое портфолио с которым я выходила на американский рынок. Завтра расскажу как я над ним работала.

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