Top.Mail.Ru
Дайджест Дизайна за февраль ’23 – Мамкин Дизайнер

Дайджест Дизайна за февраль ’23

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

Сегодня в выпуске:

  • Доступность и очеловечивание голосовых помощников
  • Курсы по Figma и проектирование быстрых действий в iOS
  • HADI-циклы, бенчмаркинг и вновь про CJM
  • Проектируем таблицы и вводим редполитику

Но, по уже сложившейся традиции — материал с канала, который вы, возможно, пропустили.

Мамкин Дизайнер – телеграм канал
Мамкин Дизайнер Подпишись на телеграм канал
Подписаться

Кейс: NFT-коллекция Chelobricks

NFT-коллекция Chelobricks — генеративная коллекция состоящая из 10 тысяч токенов. Коллекция была разработана специально для конференции Polkadot Decoded и эксклюзивно продавалась на маркетплейсе Unique Network.

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

В феврале работа выбрана лучшей в категории «Маркетинг» на площадке Dprofile.

Кейс: NFT-коллекция Chelobricks
Кейс: NFT-коллекция Chelobricks

Как создаются дизайн-системы?

Круглый стол с ребятами из Юзтеха и DesignSpot про создание и поддержку дизайн-систем. Три части митапа.

Как создаются дизайн-системы // DesignSpot Talk
Как создаются дизайн-системы // DesignSpot Talk

Подкасты про дизайн

В феврале собрал подборку аудио-подкастов про дизайн. Подкасты — хороший способ усвоения информации пока вы занимаетесь рутинными делами, засыпаете или едете на работу.

Подборка: полезные подкасты про дизайн
Подборка: полезные подкасты про дизайн

Статьи

Что такое доступность? Объясняем простыми словами

Доступность — это термин, который встречается и в дизайне, и в айти. Он означает одно и то же? Или в каждой области подразумевается своё значение?

Простыми словами объясняют, что значит «доступность», экспертка в дизайне Елена Бобина и эксперт в разработке Август Вилакия.

Что такое доступность? Объясняем простыми словами

Как «очеловечивали» дизайн-язык Алисы

Многие воспринимают виртуальных помощников просто как исполнителей голосовых команд вроде «найди», «включи», «отправь». Но у виртуального помощника «Яндекса» — Алисы — есть эмоции и характер. Их визуальное воплощение называют дизайн-языком.

Как «очеловечивали» дизайн-язык Алисы
Как «очеловечивали» дизайн-язык Алисы

Всё, что вы НЕ хотели бы знать о сервисах онлайн знакомств…

Огромная статья-расследование про сервисы знакомств: как устроены, какие перспективы, о поведении пользователя и почему люди ими пользуются. Статья примерно на 50 минут чтения.

Спасибо Антону Григорьеву (UX Notes) за выжимку статьи.

Всё, что вы НЕ хотели бы знать о сервисах онлайн знакомств…
Всё, что вы НЕ хотели бы знать о сервисах онлайн знакомств…

Обзор 9 лучших курсов обучения по Figma в 2023: онлайн, бесплатные, платные и для начинающих

Если вас притягивает дизайн, то вы наверняка уже слышали про графический редактор Фигма и даже встречали курсы Figma с нуля. Анастасия Свеженцева про личную подборку из ТОП-9 курсов по Figma для новеньких.

Обзор 9 лучших курсов обучения по Figma в 2023: онлайн, бесплатные, платные и для начинающих
Обзор 9 лучших курсов обучения по Figma в 2023: онлайн, бесплатные, платные и для начинающих

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

Ведущий дизайнер UX-студии Everest Рома Зорин на примере одного из проектов компании поделился своим опытом, как действовать дизайнерам при проектировании уникальной и сложной системы.

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

Проектирование

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

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

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

Проектируем дизайн честного кредитного калькулятора

Лена из Red Collar о проектировании финансового калькулятора. Советы подойдут для ипотечного или кредитного калькулятора и везде, где используются слайдеры, поля ввода и блок с результатом.

Проектируем дизайн честного кредитного калькулятора
Проектируем дизайн честного кредитного калькулятора

Проектируем быстрые действия в iOS

Быстрые действия – полезная функция приложений в iOS, позволяющая упростить путь клиента и сократить число действий, требуемых для выполнения задач. Несмотря пользу, применяют ее далеко не все, а у тех, кто применяет, часто есть потенциал для улучшения.

Проектируем быстрые действия в iOS
Проектируем быстрые действия в iOS

Дизайн диаграмм рассеяния

Если вы встречали красивые двумерные диаграммы с разноцветными кругами, треугольниками и квадратами, показывающие зависимость двух величин, но не знали, как они называются, то знайте: это были диаграммы рассеяния, или Scatter Plot.

Андрей Маркелов про диаграммы рессеяния.

Дизайн диаграмм рассеяния
Дизайн диаграмм рассеяния

8 лучших практик в дизайне карточек

Карточки — один из базовых UI-элементов, без которого не обходится практически ни один интерфейс. Разбор анатомии карточек, плохие и хорошие примеры.

8 лучших практик в дизайне карточек
8 лучших практик в дизайне карточек

UX форм поиска на сайтах российских клиник

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

UX форм поиска на сайтах российских клиник
UX форм поиска на сайтах российских клиник

11 оттенков размытия

Иван Емелюшкин о том, как выбрать нужное размытие и заслужить благодарность разработчиков.

11 оттенков размытия
11 оттенков размытия

Пустые состояния: 7 типов и как использовать каждый из них

7 наиболее распространенных пустых состояний: как превратить “тупик” в “скоростное шоссе”. Различия между этими состояниями хоть и незначительные, но они очень важны.

Пустые состояния: 7 типов и как использовать каждый из них
Пустые состояния: 7 типов и как использовать каждый из них

Исследования

HADI-циклы: самый короткий гайд по проверке гипотез

Богдан Гончаренко с канала «uxuiтельные истории» рассказывает про HADI-циклы и делится готовым шаблоном в Notion.

HADI-циклы: самый короткий гайд по проверке гипотез
HADI-циклы: самый короткий гайд по проверке гипотез

Что такое Customer Journey Map (CJM) и как построить ее правильно

Customer journey map (CJM), или карта пути пользователя — это инструмент, который помогает улучшить клиентский опыт. Рассказываем на примерах, как построить карту и с помощью каких инструментов это удобнее сделать. Перевод статьи от NNGroup.

Что такое Customer Journey Map (CJM) и как построить ее правильно
Что такое Customer Journey Map (CJM) и как построить ее правильно

Как составить сценарий юзабилити-тестирования

Юлиана Шевчук из Контура про сценарии ю-тестов.

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

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

Бенчмаркинг: пошаговая схема работы

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

Бенчмаркинг: пошаговая схема работы
Бенчмаркинг: пошаговая схема работы

Готовимся к немодерируемому UX-тестированию: 10 самых распространенных ошибок

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

Готовимся к немодерируемому UX-тестированию: 10 самых распространенных ошибок
Готовимся к немодерируемому UX-тестированию: 10 самых распространенных ошибок

Как ставить задачу на исследования, чтобы получить супер-результат | Татьяна Чернявская, Авито

Как ставить задачу на исследования, чтобы получить супер-результат | Татьяна Чернявская, Авито

Встраивание исследований в продуктовую разработку (Михаил Правдин)

Product Day: Встраивание исследований в продуктовую разработку (Михаил Правдин)

Как мы проводили A/B-тестирование: одна гипотеза и разные результаты

Один из самых эффективных методов для выбора лучших стратегий и решений — A/B-тестирование. Оно помогает выявить слабые и сильные стороны рекламных стратегий.

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

Инструменты

15 Figma-плагинов для создания таблиц и графиков

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

От себя добавлю, что когда-то я записал большой разбор на создание таблиц через компоненты

Подробно об умных таблицах Figma на Auto Layout и Variants

Редполитики

Максим Ильяхов собрал редполитики компаний в одном месте. Внутри: правила публикаций статей, советы, редакционная политика и инструменты работы с текстом.

Бриф на гайд для интервью

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

Мамкин Дизайнер – телеграм канал
Мамкин Дизайнер Подпишись на телеграм канал
Подписаться

На этом всё! Спасибо, что дочитали.