slashdesigner | Искусство и фото

Telegram-канал slashdesigner - /designer

15603

Канал про продуктовый дизайн, инструменты и практику. Рекламы нет. Рубрики: #первые_шаги #для_профи #Figma #майндсет #UX_задача #UI_ревью #дизайн_системы #помоги_беженцам #эмиграция Форматы: #снек #статья #видео #анонс #видео #подкаст Автор: @okunev

Подписаться на канал

/designer

Анимация градиентов №1, подробнее

Читать полностью…

/designer

Продолжение лекции «Шрифт и иллюстрация»

Новый выпуск: 4. Способ 3. Иллюстрация + текстовый блок

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

@slashdesigner #первые_шаги #типографика

Читать полностью…

/designer

Лекция «Шрифт и иллюстрация»

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

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

Для удобства чтения материал разделён на 4 части, которые будут публиковаться с интервалом в неделю. Уже доступны первые две:

1. О неочевидном

2. Способ 1. Буква как объект изображения

3. Способ 2. Когда шрифт и изображение — субъекты одной композиции
20 марта 2023

4. Способ 3. Иллюстрация + текстовый блок
27 марта 2023

PS — к сожалению, slashd.ru теперь заблокирован в Украине, видимо со всей зоной .RU. Для доступа к материалу можно использовать Тор.

@slashdesigner #первые_шаги #типографика

Читать полностью…

/designer

Ещё один забавный дизайн-ляп про внимание к деталям

В продолжение темы про дизайн-ляпы.

Мне маркетинговое пришло письмо от платформы faderpro.com, на которой обучают музыкальному продакшну.

Заголовок: «Давай, расскажи нам, как мы можем тебе помочь»

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

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

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

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

Для этого нужны UX-тесты, на которых такие детали обязательно вылезут.

@slashdesigner #первые_шаги

Читать полностью…

/designer

24 февраля. #НетВойне

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

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

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

Санкции закрывают россиянам возможности учиться и найти хорошую работу. Мешают оплачивать Фигму и другие IT-продукты с российских карт. Вынуждают использовать VPN для доступа к сайтам. О санкциях писал здесь: как дизайнеры в России могут решить проблемы с инструментами.

В крупных российских компаниях закрыт найм и стажёрские программы, бюджеты сокращаются. Приложения крупнейших российских банков удаляются из App Store и Google Play, что понижает безопасность пользователей. Лучшие специалисты целыми командами уезжают из страны без планов вернуться. Кстати, границы до сих пор открыты.

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

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

Всё, что мы можем делать в текущей ситуации как россияне, не нарушающие закон — облегчить жизнь украинских беженцев, которым пришлось оказаться в России. Для этого можно донатить фонд Лиды Мониавы «Дом с маяком». Я давно наблюдаю за её деятельностью и считаю этот фонд проверенным.

Поддержать Дом с Маяком →

@slashdesigner #помоги_беженцам

Читать полностью…

/designer

Про типографику в дизайн-системах

Типографика — один из самых базовых и важных аспектов любой хорошей дизайн-системы, её ядро, второй шаг создания после палитры. При её проектировании исходим из следующих ключевых вопросов для размышления:

1. Какие платформы собираемся поддерживать: iOS, Android, Web, macOS, Windows. Всё это совершенно разные миры, которые трудно синхронизируются.

2. Является ли какая-либо из них доминирующей для нашего продукта? На всех стульях не усидеть. То, что изначально опирается на iOS, может деградировать для веба или Android, и наоборот, не использовать потенциал iOS, например, поддержку Dynamic Type.

3. Собираемся ли делать дизайн на базе единого шрифта или единой шрифтовой пары для всех систем? Готовы ли отказаться от гайдов и классных возможностей определённых систем (вариативные шрифты на Android и в вебе против Dynamic Type на iOS).

4. Собираемся ли мы использовать семантическую систему или абстрактную, основанную только на размерах? Смешивать их нежелательно. Одна только абстрактная шкала недостаточно себя объясняет и может быть сложно понять, какой стиль правильно использовать в каком месте. Слишком жёсткая семантика раздувает список стилей и приводит к дублям.

5. Что будет, если потребуется добавлять новые стили между существующими? Например, между H1 и H2. Не будут ли они ломать шкалу стилей? А что будет, если в шкале появляются разные модификации стилей, вроде normal, medium, bold?

Здесь ответом может быть внедрение нескольких слоёв токенизации, которые между собой не смешиваются, а существуют параллельно, например: body.500-heavy, где body — семантика, 500 — условный средний размер по шкале размеров, а heavy — font-weight по абстрактной шкале.

@slashdesigner #дизайн_системы #для_профи

Читать полностью…

/designer

#UX_задача №2. Подключение двух устройств к одним наушникам. Решение

В часовом видео разобрал текущий дизайн из приложения Sony Headphones Connect. Составил схематичные флоу и предложил 4 варианта, как улучшить существующий опыт.

Видео: https://youtu.be/ObtcYOFuHgU

Исходная задача

Эта задача посложнее, чем первая, поскольку требует погружения в нюансы взаимодействия между двумя устройствами. В этот раз я не ограничивался одной лишь логикой, а набросал lo-fi прототип самого выгодного решения.

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

Хочу подчеркнуть, насколько это далеко от лендингов, корпоративных одностраничных сайтов и конфетных картинок с мобилками.

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

Новые задачи на разбор принимаю в комментариях специального поста.

@slashdesigner #для_профи #UX

Читать полностью…

/designer

#дайджест за январь 2023

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

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

Ковыряем ChatGPT и про отличие гайдов Apple и Google и удивляемся, что он сечёт

Актуализируем темы канала на год — можно посмотреть, что наиболее интересно читателям и о чём будем писать

Классный канал про веб-дизайн — наши друзья

Видео: UX-задача №1 про выдачу ИИН, решение — первое видео после долгого перерыва в эфире, за полчаса набросал решения по улучшению опыта

UI: фэнси переключатель тёмной темы на SwiftUI с разбором реализации от автора

Копилка UX-задач для новой рубрики, здесь собираем новые задачи для будущих видео.

@slashdesigner

Читать полностью…

/designer

UX-задача №2. Подключение двух устройств к одним наушникам

Клиент: Sony

Приложение: Headphones

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

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

Файл в Figma содержит два сценария: включение режима нескольких устройств и подключение второго устройства.

Задача: выявить слабые места текущего решения и предложить улучшения.

Опубликую разбор в конце недели. Напомню, что можно предлагать свои задачи в копилку.

@slashdesigner #для_профи

Читать полностью…

/designer

Разбор #UI №4. Переключатель темы

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

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

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

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

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

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

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

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

4. Шумы

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

6.VoiceOver

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

@slashdesigner
#для_профи #анимация #iOS #SwiftUI

Читать полностью…

/designer

Находки веб-дизайна на канале @webdesigndaily

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

Что понравилось из канала:

1. thecheckout.klarna.com
The Checkout — ежегодные итоги 2022 через призму крупного е-комерса Klarna. Ностальгия по ретро, крупные пиксели и типографика.

2. miro.com/ways-we-work
Стильно оформленные результаты исследования «Ways we Work» от Miro. Контент о восприятии людьми своей работы, коллаборации, отношениях в команде и преимуществах гибридной работы.

3. danieltriendl.com
Портфолио иллюстратора из Австрии Дэниела Триендл с вёрсткой как в Pinterest. Понравилось, как он работает с цветом.

@slashdesigner #сайты #для_профи #полезная_реклама

Читать полностью…

/designer

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

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

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

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

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

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

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

@slashdesigner #первые_шаги #AI #ChatGPT

Читать полностью…

/designer

Вместо итогов 2022 года

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

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

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

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

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

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

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

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

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

@slashdesigner

Читать полностью…

/designer

Как помочь украинцам, которые остались без света?

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

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

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

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

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



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

Читать полностью…

/designer

Папки с дизайн-каналами

На сцене телеграм-каналов про дизайн произошло кое-что интересное. В новой версии Телеграма теперь можно делиться папками с набором своих каналов.

Первым среагировал автор канала Это Лёша, поделившись своей папкой каналов.

Она быстро обросла всеми-всеми-всеми каналами, которые Лёше накидали в комментарии. В ней уже можно найти более 150 каналов и их количество продолжает увеличиваться.

Люди стали добавлять папку, подписываясь на все каналы, которые в ней были, а сама ссылка неплохо разошлась. Это привело к тому, что вошедшие в неё каналы получили мощный бесплатный буст аудитории, иногда на несколько сотен читателей, и я думаю, это только начало. В папку попал и @slashdesigner, за что спасибо Лёше. Эта папка — довольно подробный слепок того, что я называю русскоязычной дизайн-сценой Телеграма.

Не факт, что тебе на неё надо подписываться, особенно, если каунтер непрочитанных сообщений вызывают беспокойство. Как сказала моя супруга: «Мой мозг не заслужил, чтобы в него срали оптом».

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

Папка дизайн-каналов от Лёши, 150+ каналов
Самый полный набор каналов по графике, продуктовому и веб-дизайну, включая маленькие.

Выпускаю аналогичную подборку каналов от нашего проекта:

Папка: Дизайн-каналы от /designer, 84 канала
В неё вошли каналы, которые читаю сам и готов рекомендовать. Продуктовый дизайн, немного графики, менеджмента, моушн-дизайна и 3D. Минимум каналов с агрессивной рекламой.

Папка: Дизайн-чаты, 10 чатов
Здесь тематические чаты по дизайн-инструментам, включая чаты /designer.

По поводу публичных папок есть соображения, которые изложу в комментариях к этому посту бонус-треком:

1.Папки повышают прозрачность телеграм-сообщества для читателей

2. Мощный механизм увеличения аудитории для авторов

3. Мощный инструмент продвижения каналов

4. Общие папки — фактор, который обесценивает количество подписчиков

@slashdesigner #для_профи #каналы

Читать полностью…

/designer

Продолжение лекции «Шрифт и иллюстрация»

Новый выпуск: 3. Способ 2. Когда шрифт и изображение — субъекты одной композиции

@slashdesigner #первые_шаги #типографика

Читать полностью…

/designer

Превью лекции «Шрифт и иллюстрация»
Подробнее

Читать полностью…

/designer

#дайджест за февраль 2023

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


Что вышло в феврале:

Дизайнер завышает сроки — как лиду договориться со своими дизайнерами о времени на задачи

Люди везде ищут смысл — прикол из реальной жизни про то, как дизайн может быть неправильно понят

Разбор UX-задачи №2, про подключение двух устройств к одним наушникам, большое видео с процессом проектирования. Задачи собираем в копилке, пока там всего один кандидат на новый выпуск.

Замктка про типографику в дизайн-системах — что следует учитывать с самого начала, когда закладываем самое ядро нашей дизайн-системы

Заметка Oculus Go Fuck Yourself про разочарование в VR

24 февраля — пост на годовщину начала войны, где предлагаю поддержать фонд Дом с Маяком

Не публиковал, а стоило: лекция Виктора Теплова про рефакторинг дизайн-системы Ozon

@slashdesigner

Читать полностью…

/designer

Oculus Go Fuck Yourself

Отремонтировать VR-очки Oculus Go в Алматы оказалось просто невозможно. Обратился в два сервиса, оказался один и тот же, только с разными сайтами и номерами, и мастера уже нет. Там дали наводку, что этим могут заниматься мастера в ЦУМе, но у них только телефоны-планшеты. Целый этаж сервисов огромного ТЦ, но все мотают головой и шарахаются от меня как от огня.

Здесь особенно очевидно, как провалилась попытка устроить VR-революцию, о которой проповедовал Цукерберг в 2018. Говорил, что это новый iPhone и все скоро будут дружно погружены в метавселенную. На деле VR — до сих пор такая же экзотика для геймеров, как ходули или катамараны. Конечно, можно взять в парке в аренду для прикола, но не более. Это грустно.

По пути домой по запросу «VR-service» я нахожу ещё один сервис. Но оказывается, что это автосервис, где делают ремонт ходовой. Бедный автослесарь долго не может вкурить, о каких очках я ему говорю.

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

#Алматы #VR

Читать полностью…

/designer

Справочник /f внезапно сломался и выдаёт 404, разбираемся.

Пока можно пользоваться notion-версией.

@slashdesigner #техническое

Читать полностью…

/designer

Люди везде ищут смысл

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

Почему так происходит?
Каждая фотография специалиста на лендинге встаёт в один смысловой ряд с другими.

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

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

@slashdesigner #первые_шаги

Читать полностью…

/designer

#стать_лидом №8. Дизайнер завышает сроки

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

slashd.ru/lead/slow-designer →

Варианты:
1. Дизайнер не понимает, каков реальный объём работы
2. Он демотивирован и уклоняется от работы

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

Понять, чем заняты дизайнеры на удалёнке легко можно через ежедневные утренние встречи — синки (= дейлики). Регулярно проходящие синки в комфортной для всех атмосфере сплачивают команду и позволяют лиду понять, что происходит.

Опытный лид, выскажи своё мнение! Как ты договариваешься со своими дизайнерами, сколько им можно уделить времени на задачу?

@slashdesigner #для_профи

Читать полностью…

/designer

Копилка UX-задач

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

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

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

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

@slashdesigner #техническое

Читать полностью…

/designer

#UX_задача №1, про ИИН. Решение

В видео я накидал варианты сценария получения ИИН и проговорил ограничения.

https://youtube.com/watch?v=owCLxJU5imo

- Исходная задача
- Кит с UX-флоу
- Фигма-файл с решением

@slashdesigner #первые_шаги #UX

Читать полностью…

/designer

#UX_задача 1. Получить ИИН

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

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

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

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

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

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

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

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

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

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

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

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

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

@slashdesigner #первые_шаги #UX

Читать полностью…

/designer

Урок о том, как безопасно накатывать обновления на компоненты из библиотек в Figma

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

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

slashd.ru/figma/saving-overrides →

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

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

@slashdesigner #Figma #для_профи

Читать полностью…

/designer

Виктор Теплов на этой неделе ведёт канал Ozon

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

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

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

@slashdesigner #для_профи

Читать полностью…

/designer

Навыки дизайнера презентаций: 10 шагов

Задали вопрос о том, как стать дизайнером презентаций и что важно. Ответ превратился в большой пост. Делюсь.

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

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

1. Изучить инструмент. Я разделяю инструменты для дизайна презентаций (Figma) и инструменты для их показа (Keynote, PowerPoint, Prezi, Canva, Google Slides и тд).

Для базового создания дизайна презентаций я бы использовал только Figma, потому что этот редактор позволяет использовать нормальные сетки, стили и компоненты для повторяемых элементов. Кстати, для през очень удобен формат 1920 х 1080 и сетка c шагом 40. В такой среде преза может быть по-настоящему pixel-perfect. Дальше можно экспортировать презентацию в PDF и на этом остановиться.

Но можно пойти дальше и готовые слайды перенести в специализированный инструмент для презентаций, будь то PowerPoint или Keynote.

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

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

3. Язык. для дизайнера презентаций особенно важен. Инфостиль, «Пиши, Сокращай» — метко форумлировать мысли и писать внятно и прозрачно.

4. Нарратив. Как выстраивается логика повествования. Например, «от проблемы к решению»: формулируем проблему → описываем варианты решения → выбираем предлагаемый вариант → спасибо/вопросы/контакты. Бывают и другие виды нарративов.

5. Иллюстрации. Умение визуализировать данные в виде красочных графиков будет ценным расширением. Искать визуальные референсы, перерисовывать то, что нравится. Набить руку на 10 примерах и просить компетентной критики, например, в нашем @designchat2.

6. Насмотренность на крутые презы, от тех же Bonnie and Slide (не реклама, просто вспомнились) и от презентаций крупных брендов.

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

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

Много хороших шаблонов можно найти на сайте онлайн-редактора canva.com/q/presentations/. Сам редактор серьёзным инструментом не считаю.

7. Сделать портфолио из 3 през слайдов на 7-12. Этого будет достаточно для демонстрации твоего текущего уровня. Можно сделать это в формате Тильды или на Squarespace. Делать список ссылок на прототипы в Фигме или загружать PDF в Dropbox или Яндекс Диск не круто.

8. Взять платную консультацию у того, кто ими прицельно занимается. Сам в данный момент приостановил консультации. Или более оптовый вариант: пройти специализированный курс про презентациям, сразу настроит твой фокус.

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

10. Искать работу в агентствах, отделах маркетинга крупных IT-компаний или уже сформировавшихся фриланс-командах с опытными дизайнерами. Не шабашить в одиночку самому без присмотра старших. Дизайн в одиночку = выкинутые годы.

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

@slashdesigner #первые_шаги #презентации

Читать полностью…
Подписаться на канал