/designer

2023-01-30 19:44:16 Копилка UX-задач

Я собираю UX-задачи для новой рубрики в канале. Если у тебя есть задача, которая требует проектирования опыта, пожалуйста, оставляй её в комментариях к этому посту. Самые интересные задачи я буду разбирать в видео на YouTube.

Условие — задачу можно решить в течение часа, чтобы не затягивать выпуски. Это может быть уже существующий интерфейс в Фигме или текстовое описание.

Этой рубрикой я ставлю цель поделиться логикой мышления при проектировании опыта.

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

@slashdesigner #техническое Открыть/Комментировать

2023-01-26 11:51:11 Разбор #UI №4. Переключатель темы

Когда-то дизайнер из Словакии Роман Клчо сделал этот шот с объёмным переключателем тёмой темы. Как и большинство работ на Дрибле, UI там это отдельный вид искусства. Это красиво, но непрактично, поскольку довольно трудно в разработке и не особенно осмысленно даже с точки зрения UX. Гораздо проще наследовать настройку темы от операционной системы, а не переключать на уровне приложения. Но если очень хочется, то можно.

Швейцарский разработчик Мортен Джаст (в прошлом тимлид в Google) в качестве эксперимента реализовал этот переключатель на SwiftUI и даже сделал поддержку VoiceOver.

Жаль, что SwiftUI со всем его хипстерским удобством пока не светит крупным продуктам, которые пока вынуждены поддерживать iOS до версии 12, а его можно использовать только начиная с iOS 13. Естественно, никакой обратной совместимости.

У Мортена кстати много экспериментальных крутых штук на его сайте mortenjust.com, а также своя рассылка на Substack. В твиттер-треде он обещал, что выложит код в следующем выпуске.

Разбор деталей реализации:

1. Как компонент реагирует на изменение форм-фактора

2. Как реализован эффект перспективы

3. Тень из размытого прямоугольника

4. Шумы

5. Переход в замедлении

6. VoiceOver

Поражаюсь, какие же они все крутые.

@slashdesigner
#для_профи #анимация #SwiftUI Открыть/Комментировать

2023-01-25 20:12:23 #UX_задача №1. Получить ИИН Клиент: Госуслуги Казахстана Джоб-стори: я как иностранный гражданин хочу оформить национальный идентификатор для дочери, чтобы её взяли в садик. Поскольку не являюсь гражданином, я должен идти в центр обслуживания (ЦОН) лично.… Открыть/Комментировать

2023-01-24 15:37:02 Открыть/Комментировать

2023-01-23 13:33:56 #UX_задача №1. Получить ИИН

Клиент: Госуслуги Казахстана

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

Поскольку не являюсь гражданином, я должен идти в центр обслуживания (ЦОН) лично. Я прихожу в ближайший в своём районе, где раньше сам делал ИИН полгода назад. Меня довольно быстро обслуживают и говорят, что решение будет через несколько дней в виде СМС.

Проходит несколько дней, я получаю смс-отказ с формулировкой «обратитесь в ЦОН».

Я прихожу в ЦОН, мне говорят, что все заявки на ИИНы у них последнее время приходят с отказами и мне надо ехать на край города в специальный миграционный ЦОН. Там я наконец получаю ИИН.

Задача: составить пользовательский путь и гипотезы об улучшении клиентского опыта с учётом разных технических ограничений и без них.

Рекомендую делать это в Figma, FigJam или Miro.


Ограничения:

1. Нет возможности менять приложение и функционал сайта Госуслуг.

2. Нет возможности обслуживать иностранцев во всех ЦОНах, нужен миграционный.

3. Нет доступа к сервису СМС-уведомлений.

4. Слишком дорого оповещать всех иностранцев в стране об изменениях в процессе получения ИИНа по СМС.


Как будет меняться решение в зависимости от разных ограничений?

PS: но в целом Госуслуги в Кз — ван лав. Когда была волна мобилизации, очень быстро среагировали и грамотно распределили желающих получить ИИНы по отделениям банков, открыли дополнительные ЦОНы.

Ответ: t.me/slashdesigner/942

@slashdesigner #первые_шаги #UX Открыть/Комментировать

2023-01-21 16:44:39 Как ChatGPT могут использовать продуктовые дизайнеры для обучения?

Начнём новую тему и попробуем поисследовать модный AI-собеседник. Зарегистрироваться в нём можно на сайте chat.openai.com, для этого нужна гугл-почта и подтверждение по номеру мобильного телефона.

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

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

Например, вместо того, чтобы читать гайды iOS Human Interface Guidelins и Google Material от корки до корки и анализировать их самостоятельно, можно воспользоваться ChatGPT, который может сформировать готовое мнение по поводу того, что ему удалось из них извлечь.

Я расспросил ChatGPT о гайдах Apple и Google, наводящими вопросами попробовал их сравнить.

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

@slashdesigner #первые_шаги #AI #ChatGPT Открыть/Комментировать

2023-01-17 18:59:52 Урок о том, как безопасно накатывать обновления на компоненты из библиотек в Figma

Не так давно в Figma появился важный апдейт — возможность сверять вид экземпляра компонента бок-о-бок до и после обновления его мастера из библиотеки.

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

slashd.ru/figma/saving-overrides →

Кратко: когда в файле возникает плашка Review Updates, мы можем проваливаться в компонент и листать все его экземпляры, и, не закрывая окна, по ходу исправлять их вручную.

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

@slashdesigner #Figma #для_профи Открыть/Комментировать

2022-12-31 20:43:34 Вместо итогов 2022 года

Принялся писать про итоги и важнейшие события, но любые итоги года смотрятся абсолютно неуместно в одном посте с главным итогом — войной. Так что пост получился не про покупку Фигмы и бум нейросетей, а про поддержку.

Хочу поддержать три категории своих читателей, которые сейчас находятся в разных вселенных.

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

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

Вторая категория — это те дизайнеры, которые осознанно остались в России, чтобы быть опорой для своих родных и всех тех, кто от них зависит.

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

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

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

Желаю читателям провести следующий год в безопасности и тепле, с близкими, со светом, работой и мечтами, которые не угаснут. С Новым годом.

@slashdesigner Открыть/Комментировать

2022-12-13 14:27:46 Виктор Теплов на этой неделе ведёт канал Ozon

Это мой добрый друг и в прошлом дизайнер из моей команды, которого в своё время я пригласил в Ozon. Виктор — настоящий японец в душе и без сомнения, мадзимэ.

Кто-то знает его по каналу Zen Designer и ответам в нашем Чате про дизайн-системы. На этой неделе он ведущий канала @ozondesign.

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

@slashdesigner #для_профи Открыть/Комментировать

2022-11-24 20:33:10 Как помочь украинцам, которые остались без света?

Вы можете поучаствовать в сборе денег на покупку и доставку печей и генераторов в Украину. Их организуют благотворительные организации. Вот некоторые инициативы:

Сбор от ассоциации Russians for Ukraine (есть возможность помочь из России переводом на российскую карту, отправить деньги на европейский счет или заказать печь или генератор самостоятельно с доставкой до пункта сбора на польской границе с Украиной)

Сбор от голландского НКО для медицинских учреждений

Сбор для жителей Запорожья, организованный активистами из Нидерландов

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

—

Мы работаем как единая справочная — собираем только проверенную информацию и организации. Задавайте любые ваши вопросы в @helpdeskmediabot Открыть/Комментировать