Дизайн Домашка

Mish запустила телеграм-бот для тех, кто во время передачи макетов в разработку устаёт отвечать на вопросы: «Я не понял, как тут работает логика?» «Что происходит с этими компонентами?» «Ты же понимаешь, что это можно реализовать только костылями?» 🧠 Не страдай — образовывайся. Разрабо-переводчик научит тебя понимать язык тех, кто пишет код, а не только комментарии в Фигме. Когда знаешь, как устроена разработка, ты не рисуешь кнопки, которые надо программировать молитвами. И в прод идёт не боль, а продукт. В тесте 10 вопросов на знание терминов из разработки — все необходимы дизайнеру в работе. Проходи тест по ссылке

[25 min] Дробим экран на инфоблоки, и каждый анализируем: — задаем вопросы к каждому слову и компоненту, — проверяем UX-копирайт на понятность без контекста — проверяем зависимость элементов друг от друга — задаем вопросы, которые возникнут в голове пользователя и пробуем найти на них ответы в рамках макета по принципу "чего не написано — того нет"(с) Отдельно выложи комментарии к вашим работам, но думаю каждый узнает себя в этом разборе: что совпало, а что пропустил. Тем кто не сдавал Домашку мой отдельный совет: начните смотреть, прочитайте задание и поставьте видео на паузу на 3 минуты — покрутите в голове задачу, подумайте как бы вы улучшили и что вас смущает, и потом запускайте видео разбора дальше. Очень рабочий способ сравнить свои варианты. 👍 Ждем следующую Домашку. Уже скоро. #edu

Выпускники Яндекс Практикума — дизайнеры из Студии Артемия Лебедева и Мегамаркета — в статье рассказали, как искали первую работу после курсов. Ребята выделили 6 главных советов для тех, кто сейчас в поиске: — Используйте свой прошлый опыт, подчеркните софт скиллы, которые помогали на прежнем месте работы. — Составьте грамотное портфолио: добавьте не больше четырёх качественных работ, периодически обновляйте проекты, старайтесь показать весь спектр навыков. — Не сидите на месте и постоянно углубляйте знания, даже если вы без постоянной работы. — Прицельно ищите место работы, а не откликайтесь на всё подряд. — Ищите вакансии в пабликах в Telegram, на карьерных страницах компаний и через знакомых, а не только на агрегаторах вакансий. — Не стесняйтесь брать карьерные консультации, в том числе у знакомых HR и рекрутеров. Больше деталей — в статье на дизайнерс

🏢 Overlays / Overlay UX Интерфейсы, накладывающиеся поверх сайта и дополняющие или изменяющие его поведение. Примеры: расширения, всплывающие помощники, AI-надстройки, браузерные подсказки. 🏢 Parasitic UX (реже, но метко) Неофициальный термин, который используют дизайнеры и исследователи UX, чтобы описать сценарии, где внешний интерфейс «влезает» в чужой сайт без его согласия. Хотел вам записать про это отдельное видео и вспомнил, что прямо сейчас мы работаем с компанией как раз по этой теме. Сейчас расскажу... * * * Интересно наблюдать, как небольшие компании, AI-сервисы потихоньку начинают подтачивать фундамент интернет-гигантов.Из последних кейсов особенно зацепила одна бизнес-модель — которая, похоже, ещё изрядно попортит кровь онлайн-ритейлу. А нам придётся хорошо поломать голову над тем, как взламывать вместе с ними привычный UX екома. Речь о браузерных расширениях и встроенных ассистентах, которые помогают делать онлайн-покупки выгоднее, быстрее и проще. Они автоматически сравнивают цены, показывают аналоги, находят купоны — и могут, например, подсказать, где купить реплику в 10 раз дешевле. 🤯 Что особенно любопытно — приходится склеивать пользовательский опыт между двумя параллельными интерфейсами: самим сайтом магазина и этой маленькой "надстройкой", которая просто висит поверх. Пользователь видит этот мини-интерфейс на любом сайте — он простой, узнаваемый и, к ужасу маркетплейсов, становится новой точкой входа в сценарии подбора и покупки. Мы делали ресерч по рынку и стало ясно, что единого формата пока нет... и это особенно интересно: — кто-то мимикрирует под чат-бот магазина в правом нижнем углу, — кто-то делает «скрепку», — кто-то притворяется частью самого браузера и т.д. Каждый ищет свою метафору присутствия. Очень круто крутить это вживую, переосмысливать и разбирать. Любопытно, какой формат в итоге приживётся. Похоже, нам всем предстоит работать с "лоскутными" сценариями, собранными из UX-кусочков: интерфейса самого сайта + логики вот такой надстройки. На рынке формируется новый тип поведения: мультисценарные покупки, где UX больше не контролируется владельцем сайта. Тут нам придётся учитывать "второй слой" интерфейса и проектировать сценарии с его учётом. 🥶 Амазон, вы держитесь там. Вы конечно будете все это блокировать. Но это по сути борьба с самим браузером, через который открыли ваш сайт.

Присмотритесь к компании, где заботятся о людях, а не только о KPI. У нас — официальное оформление, ДМС, даже Нейроаватар, который ответит на все интересующие вас вопросы. Газпромбанк — команда, в которой заботятся о сотрудниках. Посмотрите открытые позиции и присоединяйтесь к нам.

Разброс времени на реализацию наверное самый большой за все время Домашек — от 20 минут до трех часов на реализацию. Но в основном, многие выбрали стратегию "я должен то сделать за 30 минут". Что очень круто — такое исскуственное ограничение позволяет максимально прокачивать скорость генерации гипотез в проекте. И вообще, прислали кучу решений — радуете, что втягиваетесь в процесс! Скоро будет разбор — точно будет полезно всем (кто делал и кто не делал сам Домашку). Кстати, как обычно, задачку я взял из реального проекта, с которым работаем сейчас. Картинку пришлось перерисовать, но все детали экрана остались на местах. Всегда считал, что лучше тренироваться на реальных кейсах, которые заходят в работу. Лайк 💖 если тоже так думаете 👌

А пока ловите Линк на анкету для ваших решений по задачке мая.

[Время на реализацию: 20 min] Вот вам задачка: есть инфоблок, на котором выводится разная информация (тут не важно, это мобильный интерфейс или кусок программы). Ваша задача — предложить улучшение этого интерфейса. Попробуйте логично пояснить что тут может быть не так, что стоит поправить и как улучшить интерфейс. 🤌 Ограничение 1: при разборе не используйте фразы "мне кажется", "я бы на их месте...", "по моему мнению...", "на основе моего опыта..." и все что угодно, что делает ваше объяснение "личным" (почему так? поясню в разборе). ✌️Ограничение 2: попробуйте подойти к задаче со стороны "как сделать лучше", а не со стороны критики "что тут плохо". 🖖Ограничение 3: перерисовывать макет в другом стиле не нужно. Исправляйте UI, только если это нужно для корректировки UX. Дедлайн — вторник, 20 мая до 23:00 (можно ссылку на фигму, можно ссылку на PNG где есть текст и визуал). Линк на анкету скину попозже. ❤️лайк, если нравится минизадачка и все ясно ⚡️пыщ, если не понимаешь, что и как тут делать

[30 min/89 mb] Кто посмотрел, советую еще глянуть такие короткие видео по теме (пазл сложися): § UX. Сценарии. Вход и выход пользователя в сценарий. § UX. Сценарии сохранения свойств объекта. Большой обзор. § UX. Практика. Сценарии сохранения свойств объекта. Пример с билетами. § UX. Сценарии. Пересечение пользователей. Двойной ❤️👌 лайк, если продолжаем иногда подсматривать что же там было на воркшопе ✌️ А мы так уже делали тут — § UX. Про Субъекты и Объекты — основная теоретическая база метода. UX BOOST 2025.

Для тех, кто не знает, чем UI отличается от UX и в чём заключается работа дизайнера интерфейсов, Яндекс Практикум написали статью. В ней эксперты рассказали: 1. Какие вопросы задавать заказчику, чтобы определить потребность бизнеса. 2. Зачем дизайнеру уметь проводить исследования. 3. Как происходит проектирование пользовательского опыта и оформление интерфейса. 4. Как подготовить макеты к разработке. Также внутри статьи — подборка материалов для начинающих специалистов, чтобы прокачать хардскиллы. Читай на DSGNERS!

[30 min] #edu #razbor А вот и второй разбор для просмотра на выходных. В задаче про карточки новостей есть много хитростей, от обязательной проверки любого решения на большом количестве блоков в ленте... до конкуренции блоков между собой. Что внутри блока тоже рассмотрели: там есть куча сложностей с тегами, логотипом и последовательностью информации. С адаптивностью строки, в которой много блоков (и у всех разные по размеру заголовки) — тоже сложности. Все это легко использовать для ваших гипотез, что и как тут улучшить, если знать на что смотреть в первую очередь. Поверьте, я видел кучу мидлов, которые не справились с этим заданием на тестовых. Хотя казалось бы... Все решения можно глянуть в Figma. 👍 Лайк, если разбор полезный. И.... уже пора уже выдавать Майское задание? 😃

Это тип пользователя, который выполняет действия не для себя, а от имени или в пользу другого человека. Вы точно сталкивались с чем-то подобным. [16min/100mb] #edu В проектах, мы встречаем PU обычно в двух вариантах: это либо пользователь, который тестирует систему, либо самостоятельный Субъект, который выбирает такую особую стратегию взаимодействия с сервисом. Кто эти люди? Их гораздо больше, чем вы думаете: — сотрудник покупает что-то для компании или коллег — кто-то покупает подарок или карточку на которую этот подарок можно купить — помощники делающие что-то за вас — родители — ... В любом случае, когда Proxy User действует в чужих интересах, он закрывает какую-то свою потребность (например, его задача - купить подарок) — и вот тут есть куча вариантов для повышения конверсии, манипуляций, причинения добра и темных паттернов 🤌 В ГК есть такая конструкция - "агентский договор" и это тоже действия в пользу третьих лиц. Но там все сложно, а нам проще —  пользователь не связан формальностями: не несёт юридической ответственности, не формализует отношения — не нужен договор. Ему просто хочется уже наконец выбрать этот несчастный букет 💐таким, чтобы он точно понравился девушке — этому Субъекту просто нужна ваша помощь 🤳 ❤️ героям, которые делают все за вас ⚡️

Начинаем выкладывать результаты. Первый шаг: в фигме примеры работ участников. По UX/UI задачке апреля про "Загрузку документов". Решения как обычно все рядом, но каждый подходит по-своему. Почему так, и кто что пропустил — разберем в видео. На что стоило точно обращать внимание: Неочевидный контекст использования: Непонятно, какие именно требования к документу — просто загрузить файл (?), сделать фото через камеру (?), или, например, сфотографировать с лицом (?). Для всех докумеентов требования будут совпадать или они будут разные в зависимости от типа. Статусы сильно повлияют на успешность всего сценария, а не только загрузку отдельного документа: Не загрузился / принят / загрузился, но не принят и др. Были и проблемные части, которые стоило пофиксить. Например, стоило устранить дублирование (два паспорта в примере) и доработать UI с PDF (зачем там вообще PDF 😪). Ну и много другого интересного, но это уже лучше я расскажу голосом. 😏

В прошлый раз короткая домашка по UX хорошо зашла: не так пугает масштаб и позволяет быстро размять мозги. Сделаем такую же и сейчас. Рекомендуемое время на реализацию — 60 минут. ======================= Задание: Вы — дизайн-лид, которому попал в руки вариант вашего дизайнера. Ваша задача предложить улучшения. Опишите текстом свою версию и обязательно покажите новый вариант прототипа (можно с разными состояниями блока). Пока вы не знаете, какие именно документы нужно будет предоставлять — можете предложить свою версию. Проект международный, так что здесь может быть не только паспорт. Уточнение: Вам показана часть прототипа раздела «Информация о клиенте». Этот инфоблок должен: - быть понятным юзеру, - закрывать все сценарии, связанные с подтверждением личности пользователя, - учитывать предоставление разных видов документов, - покрывать возможные микросценарии. Что находится еще на странице (за пределами этого инфоблока) для решения данной задачи — не важно. ======================= Дедлайн — четверг 17 апреля (до полуночи). Ссылку на анкету для приема работ опубликую ближе к дедлайну. Ставим ❤️ если задание интересное и хочется посмотреть какие идеи предложат участники. Не подсказывайте другим в комментариях, пусть каждый сделает свой вариант.

Контент UX Boost — это примерно 10 часов очень плотного контента про UX. И практика, и теоретическая часть. С эфиров, принес вам полезные 20 минут про Субъекты и Объекты. Мы много тут используем эту терминалогию для разных параграфов, но вот в этом видео как раз нужная основа, чтобы понимать откуда метод вообще берет свое начало, и как он работает. Кто посмотрел, советую еще глянуть такие короткие видео по теме (пазл сложися): § UX. Сценарии. Вход и выход пользователя в сценарий. § UX. Сценарии сохранения свойств объекта. Большой обзор. § UX. Практика. Сценарии сохранения свойств объекта. Пример с билетами. § UX. Сценарии. Пересечение пользователей. ❤️ лайк, если интересно иногда подсматривать что же там было на воркшопе ✌️ *** Ждем новую Домашку на выходных и разбор по предыдущей (уже записан🥳).

Не думаю, что у меня были шансы сохранить темп полезных постов в Дизайн Домашке, пока шла неделя UX Boost. Воркшоп отнимает столько энергии, что кажется ты перестаешь спать и думать о чем-то еще кроме Заданий все четыре дня. 400+ участников и больше 700 присланных решений, каждое из которых может превратиться в интересный кейс. Всем обещал отдельное видео с советами по структуре кейса – выкладываю. А Домашка со следующей недели опять войдет в режим, где будут и разборы и полезные видео по UX, и новые задания. Сделаем так, чтобы время между сдачей и разбором теперь было как можно короче. ❤️ + несколько примеров с прошлых Бустов: задачка от Альфа-Банка, задача OS для детей, и разные другие задачи.

Хочешь доход от 300 тысяч и выше? — Умей формулировать гипотезы, проводить UX-тесты и строить CJM. Это подтверждает исследование от UsabilityLab, они изучили более 500 вакансий UX/UI-дизайнеров и выделили ключевые требования рынка труда. Почти в 70% объявлений о работе с зарплатой выше 300 тысяч от кандидатов требуется опыт в проведении UX-исследований. 20 марта в 16:00 мск команда UsabilityLab проведёт вебинар, где расскажет о навыках, которые поднимут тебя в грейде и зарплате: — как часто и почему в вакансиях требуются исследовательские навыки; — какими методами и фреймворками должны владеть дизайнеры разных грейдов, чтобы привлечь внимание работодателя; — в каким отраслях дизайнерам передают исследования чаще всего. 🔽 Регистрируйся на бесплатное мероприятие

Все справились быстро и много работ пришло задолго до дедлайна. Если вы конечно хотите дослать — не подсматривайте 😉. Смотрите задачку и присылайте свою версию. Вариантов много, вдруг вы сделаете ставку на самый слабый. Фигма с решениями — тут. Отдельное спасибо за ваши комментарии в анкете: преисполнился радостью, что делаю полезное и важное дело 🔥🔥🔥.