Дайджест Дизайна за февраль ’23
Это февральский выпуск дайджеста о том, что удалось почитать в феврале и что достойно вашего внимания.
Сегодня в выпуске:
- Доступность и очеловечивание голосовых помощников
- Курсы по Figma и проектирование быстрых действий в iOS
- HADI-циклы, бенчмаркинг и вновь про CJM
- Проектируем таблицы и вводим редполитику
Но, по уже сложившейся традиции — материал с канала, который вы, возможно, пропустили.
Кейс: NFT-коллекция Chelobricks
NFT-коллекция Chelobricks — генеративная коллекция состоящая из 10 тысяч токенов. Коллекция была разработана специально для конференции Polkadot Decoded и эксклюзивно продавалась на маркетплейсе Unique Network.
Дополнительно разработаны 3D-модели и напечатаны в виде физической статуэтки в количестве 2000 штук.
В феврале работа выбрана лучшей в категории «Маркетинг» на площадке Dprofile.
- Dprofile: dprofile.ru/chelobricks
- Behance: behance.net/chelobricks
Как создаются дизайн-системы?
Круглый стол с ребятами из Юзтеха и DesignSpot про создание и поддержку дизайн-систем. Три части митапа.
- Как создаются дизайн-системы? Часть 1. DesignSpot Talk #55
- Как создаются дизайн-системы? Часть 2. DesignSpot Talk #55
- Как создаются дизайн-системы? Часть 3. DesignSpot Talk #55
Подкасты про дизайн
В феврале собрал подборку аудио-подкастов про дизайн. Подкасты — хороший способ усвоения информации пока вы занимаетесь рутинными делами, засыпаете или едете на работу.
Статьи
Что такое доступность? Объясняем простыми словами
Доступность — это термин, который встречается и в дизайне, и в айти. Он означает одно и то же? Или в каждой области подразумевается своё значение?
Простыми словами объясняют, что значит «доступность», экспертка в дизайне Елена Бобина и эксперт в разработке Август Вилакия.
Как «очеловечивали» дизайн-язык Алисы
Многие воспринимают виртуальных помощников просто как исполнителей голосовых команд вроде «найди», «включи», «отправь». Но у виртуального помощника «Яндекса» — Алисы — есть эмоции и характер. Их визуальное воплощение называют дизайн-языком.
Всё, что вы НЕ хотели бы знать о сервисах онлайн знакомств…
Огромная статья-расследование про сервисы знакомств: как устроены, какие перспективы, о поведении пользователя и почему люди ими пользуются. Статья примерно на 50 минут чтения.
Спасибо Антону Григорьеву (UX Notes) за выжимку статьи.
Обзор 9 лучших курсов обучения по Figma в 2023: онлайн, бесплатные, платные и для начинающих
Если вас притягивает дизайн, то вы наверняка уже слышали про графический редактор Фигма и даже встречали курсы Figma с нуля. Анастасия Свеженцева про личную подборку из ТОП-9 курсов по Figma для новеньких.
Из дизайнера в инженеры: как спроектировать сложный интерфейс, если никто не знает, что должно получиться в итоге
Ведущий дизайнер UX-студии Everest Рома Зорин на примере одного из проектов компании поделился своим опытом, как действовать дизайнерам при проектировании уникальной и сложной системы.
Проектирование
25 правил визуального дизайна, которые можно смело применять в любом проекте
Перевод статьи Энтони Хобдея от ребят из Оди. Какое значение яркости и насыщенности задать цветам в дизайне, какова оптимальная длина строки, как расположить элементы в зависимости от их визуального веса, правильно выбрать цвет для обводки контейнера, рассчитать значения для создания аккуратной тени, определить размер внешних и внутренних отступов и многое другое.
Проектируем дизайн честного кредитного калькулятора
Лена из Red Collar о проектировании финансового калькулятора. Советы подойдут для ипотечного или кредитного калькулятора и везде, где используются слайдеры, поля ввода и блок с результатом.
Проектируем быстрые действия в iOS
Быстрые действия – полезная функция приложений в iOS, позволяющая упростить путь клиента и сократить число действий, требуемых для выполнения задач. Несмотря пользу, применяют ее далеко не все, а у тех, кто применяет, часто есть потенциал для улучшения.
Дизайн диаграмм рассеяния
Если вы встречали красивые двумерные диаграммы с разноцветными кругами, треугольниками и квадратами, показывающие зависимость двух величин, но не знали, как они называются, то знайте: это были диаграммы рассеяния, или Scatter Plot.
Андрей Маркелов про диаграммы рессеяния.
8 лучших практик в дизайне карточек
Карточки — один из базовых UI-элементов, без которого не обходится практически ни один интерфейс. Разбор анатомии карточек, плохие и хорошие примеры.
UX форм поиска на сайтах российских клиник
Продуманный поиск на сайтах и в приложениях — один из самых простых и быстрых способов для пользователей найти нужную информацию и добиться своих целей. Пользователи используют поиск, чтобы найти товары и услуги, полезный контент и другие ключевые возможности. Отказываясь улучшать функционал поиска, площадки теряют конверсии, продажи и, в конечном итоге, клиентов.
11 оттенков размытия
Иван Емелюшкин о том, как выбрать нужное размытие и заслужить благодарность разработчиков.
Пустые состояния: 7 типов и как использовать каждый из них
7 наиболее распространенных пустых состояний: как превратить “тупик” в “скоростное шоссе”. Различия между этими состояниями хоть и незначительные, но они очень важны.
Исследования
HADI-циклы: самый короткий гайд по проверке гипотез
Богдан Гончаренко с канала «uxuiтельные истории» рассказывает про HADI-циклы и делится готовым шаблоном в Notion.
Что такое Customer Journey Map (CJM) и как построить ее правильно
Customer journey map (CJM), или карта пути пользователя — это инструмент, который помогает улучшить клиентский опыт. Рассказываем на примерах, как построить карту и с помощью каких инструментов это удобнее сделать. Перевод статьи от NNGroup.
Как составить сценарий юзабилити-тестирования
Юлиана Шевчук из Контура про сценарии ю-тестов.
Часто под сценарием понимают только легенду и задания — я не разделяю этот подход, потому что остальные блоки встречи, особенно ее начало, напрямую влияют на то, насколько успешно она пройдет.
В статье под сценарием я подразумеваю основу для всей встречи с респондентом: вводную, инструктаж, легенду, задания и завершение. Разберем каждую составляющую подробнее.
Бенчмаркинг: пошаговая схема работы
Лонгрид о том, как с помощью бенчмаркинга найти и использовать лучшие практики рынка. Бенчмаркинг помогает получить важные инсайты и найти новые идеи для реализации.
Готовимся к немодерируемому UX-тестированию: 10 самых распространенных ошибок
В немодерируемом тесте пользователи сами отвечают на вопросы, проходят простые сценарии, сравнивают интерфейсы. В таком исследовании не нужен модератор, но важно правильно сформулировать цель, выбрать аудиторию, подобрать задание и метод тестирования. Иначе могут проявиться ошибки, которые приведут к потере времени, денег и ошибочным выводам.
Как ставить задачу на исследования, чтобы получить супер-результат | Татьяна Чернявская, Авито
Встраивание исследований в продуктовую разработку (Михаил Правдин)
Как мы проводили A/B-тестирование: одна гипотеза и разные результаты
Один из самых эффективных методов для выбора лучших стратегий и решений — A/B-тестирование. Оно помогает выявить слабые и сильные стороны рекламных стратегий.
Однако в зависимости от проекта одна и та же гипотеза может сработать по-разному, даже если проекты очень похожи.
Инструменты
15 Figma-плагинов для создания таблиц и графиков
Эти плагины помогают в пару кликов создавать и настраивать таблицы, импортировать данные из Гугл-таблиц, генерировать любые типы графиков на основе реальных данных и в целом автоматизировать работу с табличными данными и их визуализацией.
От себя добавлю, что когда-то я записал большой разбор на создание таблиц через компоненты
Редполитики
Максим Ильяхов собрал редполитики компаний в одном месте. Внутри: правила публикаций статей, советы, редакционная политика и инструменты работы с текстом.
Бриф на гайд для интервью
Ребята из Глубины собирают гайды по составлению проблемных интервью. Гайд для интервью – это шпаргалка, которая помогает исследователю не забыть важные для обусждения темы. Он может содержать как список тем для обсуждения, так и заготовки вопросов. Второй вариант лучше подходит для начинающих исследователей и для согласования вопросов с заказчиком.
На этом всё! Спасибо, что дочитали.