104 ресурса по UX/UI: все про исследование, проектирование, тестирование и дизайн

Эту статью мы написали вместе с Ильей Дзенски, основателем дизайн-студии HeyPixel. Вот его телеграм-канал.

Чтобы стать крутым специалистом по UX/UI, недостаточно однажды пройти курс. Нужно постоянно развиваться: перенимать опыт успешных практиков, изучать фреймворки, читать о новых технологиях.

Мы отобрали 100 ресурсов, которые помогут вам стать профессионалом. Они разделены на шесть блоков:

Кстати, у нас есть такие же подборки для продакт-менеджеров, проджект-менеджеров и интернет-маркетологов.

Книги

The Mom Test: How to talk to customers & learn if your business is a good idea — как задавать вопросы пользователям, чтобы получить честные ответы.

Handbook of Usability Testing: How to Plan, Design, and Conduct Effective Tests — пошаговое руководство к юзабилити-тестированию.

Interviewing Users: How to Uncover Compelling Insights — методы и инструменты для проведения информативных интервью.

Validating Product Ideas: Through Lean User Research — как проводить исследования, если не хватает ресурсов.

Building User Research Teams — как создать группу UX-исследователей, которая принесет важные инсайты.

UX Design: A Field Guide To Process And Methodology For Timeless User Experience — основы UX-дизайна и проектирование пользовательского опыта.

Surveys That Work: A Practical Guide for Designing and Running Better Surveys — семь этапов проведения опросов с практическими примерами.

The Design of Everyday Things — как создавать продукты, которыми легко пользоваться.

Observing the User Experience: A Practitioner's Guide to User Research — методы UX-исследований и границы их применения.

Remote Research: Real Users, Real Time, Real Research — как проводить исследования на удаленке.

White Hat UX: The Next Generation in User Experience — как создавать положительный пользовательский опыт без использования темных паттернов.

Hooked: How to Build Habit-Forming Products — как формировать потребительские привычки.

Mapping Experiences — как превращать идеи и наблюдения потребителей в практические решения.

Design for How People Think: Using Brain Science to Build Better Products — как использовать бессознательные процессы мозга, чтобы сделать крутой продукт.

Этой кнопке нужен текст — как создавать короткие и понятные тексты для интерфейсов.

Блоги

UXPUB — независимый медиа-проект о продуктовом дизайне и проектировании интерфейсов. Есть лента новостей. Лучшие статьи:

• Пошаговое руководство по сочетанию шрифтов и подбору шрифтовых пар

• Все, что вам нужно знать о дизайне кнопок в интерфейсе

• 47 важных советов для UI и UX дизайнеров

Uprock — блог школы веб-дизайна. Лучшие статьи:

• Как повысить лояльность вашей аудитории с помощью сторителлинга

• Психология цвета в UX

• Как улучшить UX и показатели сайта с помощью Google Analytics

Павел Шерер — блог продуктового дизайнера. Лучшие статьи:

• Учим проектную команду читать

• User Story Mapping и функциональная архитектура

• Информационная архитектура: краткий экскурс

Usabilitylab — блог школы для освоения UX-навыков. Лучшие статьи:

• Листбоксы и выпадающие списки: в чем отличие, как правильно оформлять, когда использовать

• 10 направлений развития вашей UX-карьеры

• Метрика юзабилити: что такое стоимость взаимодействия и как рассчитать ее правильно

Дизайн-кабак — журнал о дизайне на “Медиуме”. Лучшие статьи:

• Шрифты в адаптивном дизайне: как организовать работу

• Отступы в дизайне: системный подход

• Компонент в Figma с нулевыми размерами. Приёмы и фишки

Ира Моторина — блог UX-писателя и контент-стратега. Лучшие статьи:

• Lead UX-Writer

• База знаний для UX-писателей

• Как там, на работе?

UX-journal — блог о продуктовом дизайне. Лучшие статьи: 

• UX исследования: как пользователи просматривают сайты

• Как стать UX-дизайнером: советы и инструменты для начинающих UX-дизайнеров

• UX паттерны для перетаскивания (Drag and Drop) компонентов в дизайн-системе

skillsetter — интерактивный блог о запуске и росте продуктов. Лучшие статьи:

• U X-копирайтинг: как на самом деле надо писать тексты для интерфейсов

• 10 стыдных вопросов о UX

• 9 видов темных паттернов и как они манипулируют пользователями

Tilda education — образовательный журнал платформы для создания сайтов. Лучшие статьи:

• Основы повествования в UX

• Что такое UX дизайн?

• Дизайн-мышление на практике: как задавать правильные вопросы

Бюро Горбунова — блог студии дизайна. Лучшие статьи:

• Что не так с интерфейсом

• Как сделать хорошую кнопку

• О чём нужно помнить при разработке интерфейса

Product sense — блог о создании полезных и прибыльных продуктов, практических инструментах, трендах и идеях. Лучшие статьи:

• Как дизайн-мышление помогает проживать пользовательский опыт и находить инновационные решения + 12 полезных инструментов

• DIY. Гайд по методам продуктовых исследований: качественные, количественные, UX-исследования

• Как находить инсайты с помощью удаленных модерируемых UX-тестов

Intercom — блог компании, которая разрабатывает ПО для обмена сообщениями. Лучшие статьи: 

• Louis Rosenfeld on how UX design can close the gaps between people

• Conversational design for better products

• 10 things I wish I knew as a UX research team of one

UX Collective — издание о UX, визуальном оформлении и дизайне продукта. Лучшие статьи:

• Interaction design is more than just user flows and clicks

• Rewilding your attention

• A Figma plugin that automatically generates dark themes

UX Planet — универсальный ресурс об исследованиях и пользовательском опыте. Лучшие статьи:

• This is all you need to know to conduct a UX Survey

• User Interview Questions

• Mobile UX Design: The Right Ways to Ask Users for Permissions

Interaction design — блог платформы с курсами по дизайну и UX. Лучшие статьи:

• Etch A Sketch: How to Use Sketching in User Experience Design

• How to Conduct User Observations

• A Simple Introduction to Lean UX

User interviews — блог компании, которая занимается набором участников исследований. Лучшие статьи:

• The State of User Research 2021 Report

• How to Break Into User Research: Practical Career Advice for Aspiring UXRs– with Eniola Abioye of SVB

• 100+ User Testing Questions, From Idea Generation to Usability Tests

Shopify UX — блог компании, которая разрабатывает ПО для запуска интернет-магазинов. В нем можно найти материалы по дизайну, исследованиям и UX-разработке. Лучшие статьи:

• Good things happen when a Product Manager pairs with a UX researcher

• Design communication is a critical skill

• Demystifying the art of giving user research feedback

Nielsen Norman Group — блог исследовательской и консалтинговой компании, которая фокусируется на UX и юзабилити. Лучшие статьи: 

• What a UX Career Looks Like Today

• How People Read Online: New and Old Findings

• Dark Mode vs. Light Mode: Which Is Better?

UXmatters — блог, в котором UX-специалисты делятся опытом, идеями и советами. Лучшие статьи:

• Conducting Qualitative, Comparative Usability Testing

• Designing Mobile Tables

• What Is a Good User Experience?

Hotjar — блог компании, которая исследует поведение пользователей сайтов. Лучшие статьи: 

• A beginner's guide to user & usability testing

• How to create a simple, accurate user persona in 4 steps without leaving your desk [template + example]

• Introduction to UX design: key principles, best practices, and mistakes to avoid

Toptal  — блог платформы для связи фрилансеров и компаний. Лучшие статьи:

• The 10 UX Deliverables Top Designers Use

• Dashboard Design - Considerations and Best Practices

• Customer Journey Maps – What They Are and How to Build One

UX studio — блог UX-студии. Лучшие статьи:

• User Interviews: Guide To An Insightful UX Interview

• Why to Conduct a UX Audit and Its Benefits for Business

• UX Writing: It All Starts With a Story

UXPressia — блог сервиса для создания CJM и других experience-карт. Лучшие статьи:

• A comprehensive guide to stakeholder mapping for UX design

• How to Create a Persona in 7 Steps – A Guide with Examples

• How to Make Customer Journey Maps Actionable

Maze — блог компании, которая занимается тестированием пользователей. Лучшие статьи:

• How to analyze and report usability test results

• The Ultimate Guide to UX Research

• User testing as a team sport: How to involve stakeholders and foster collaboration

Usability Geek — блог о UX и юзабилити. Лучшие статьи:

• Formative Vs Summative : The User Testing Battle

• Gamification in UX Design: Enhancing User Experience and Engagement

• How to Make the Most of Every UX Interview

ExperienceUX — блог команды исследователей. Лучшие статьи:

• What is Card Sorting?

• How Can Scoring Enhance Usability Testing?

• How do you gather data to enhance user experience?

XD ideas — блог создателей Adobe XD. Лучшие статьи:

• Guerrilla Testing: Hallway Usability Tests for UX

• So You Want to Become a UX Researcher?

• Everything You Need to Know About Beta Testing

The CareerFoundry — блог о карьере в IT. Лучшие статьи:

• Your Step-By-Step Guide To Heuristic Evaluation In UX Design

• Why Every Startup Needs A UX Designer

• What’s the Future of UX Design?

Brainhub — блог студии веб-разработки. Лучшие статьи:

• How to Prototype an App as Non-Designer? Simple Mobile App Prototyping

• User Experience: 5 Foundations of Great UX Design

• How UX Consulting Can Help Your Business

Cliquestudios — блог диджитал-агентства. Лучшие статьи:

• What is a Mockup? (+How to Create a Mockup in 2021)

• 22 Best Wireframing Tools for UX/UI Designers in 2021

• What is Wireframing? (+How to Create a Wireframe in 2021)

Телеграм-каналы

Product design — заметки об интерфейсах компаний.

UX Horn — регулярная подборка постов и статей про UX.

Адовый UX — примеры плохих интерфейсов и истории про них.

UX Notes — заметки для UX-дизайнера.

Дима из Глубины — теория и практика исследований, проектирования и запуска продуктов. 

DesignBoard — референсы, мысли, статьи о дизайне.

Дайджест продуктового дизайна — подборки свежих статей, инструментов, паттернов и трендов от Юрия Ветрова, дизайн-директора в mail.ru.

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

Now How Channel — примеры сайтов с хорошим дизайном.

Кириллица.дизайн — примеры сайтов на кириллице с отличным UI/UX дизайном.

Dribbble — подборка проектов с Dribble.

Behancer — подборка проектов с Behance.

/designer — про дизайн интерфейса от дизайнера.

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

Интерфейсы без шелухи — статьи про продукты, API и интерфейс.

UX-Craft — советы по применению UX в бизнес-проектах.

Worksterdam — удачные и неудачные примеры в UX.

Designdealer — полезные инструменты и подборки. 

Figma Design — плагины для Figma.

Epic UX — канал Epic Growth про дизайн пользовательского опыта.

Dzenski Live — Илья Дзенски делится опытом развития дизайн-стартап студии HeyPixel.

Канал Саши Бизикова — про опыт в дизайне и мнение по разным вопросам.

UX Live — блог про UX в дизайне и жизни: тренды, мемы, рассуждения. Подача не всегда цензурная.

MAX — канал дизайн-студии MAX. Основатель Макс рассказывает о буднях студии, успехах и неудачах, иногда делится макетами.

Редач — заметки, подкасты и видео для UX-писателя.

Текст в тесте — примеры текста в интерфейсе.

UX Печка — разбор текстов интерфейсов от UX-редактора в МТС.

Кнопочка — заметки и смешные примеры про тексты в интерфейсах от контент-стратега в Профи.ру.

Type.today — все о современном шрифте и типографике.

Шрифтовой дизайн — о шрифтовом дизайне: типографике, летеринге, каллиграфии и дизайне шрифта.

Мамкин дизайнер — канал об интерфейсах, инструментах и дизайне.

uxuiтельные истории — авторский канал про дизайн продуктов.

Поясни за UX — все про интерфейсы здорового человека.

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

Там собраны каналы про маркетинг, продакт-менеджмент, аналитику, стартапы, карьеру и soft skills. Еще там есть личные блоги и каналы     с вакансиями.

Видео

Youtube-канал Figma — туториалы, конференции и фишки от создателей Figma.

UX Design Course Tutorial for Beginners — краткий курс по основам UX-дизайна.

Design Like a Scientist — как Netflix применяет экспериментальное мышление к дизайну с помощью A/B-тестирования.

Psychology Behind UX Design — выступление на TEDx о типах дизайнерских решений, которые принимают технологические компании, чтобы сделать свой продукт более привлекательным.

Humans, not Users: Why UX is a Problem — выступление на TEDx о том, почему дизайнерские решения влияют на будущее человечества.

How does UX Research and Design Work Together — специалисты из Google рассказывают о разнице UX-дизайнера и UX-исследователя и их совместной работе.

UI / UX Design Tutorial — туториал по разработке дизайна веб-сайта с нуля в Figma.

UX Design: How To Get Started — онлайн-курсы, инструменты, сообщества и книги, чтобы стать экспертом по UX-дизайну.

Great UX Research for Non-Researchers — как получить информацию, которая поможет принять решения по UX и продуктовому дизайну.

Как проходит техническое собеседование UX-дизайнера — этапы собеседования, какие вопросы задают, что ожидают от начинающего и опытного специалистов.

The UX Research Methods Every Designer Needs To Know — какие бывают методы исследований и как выбрать подходящий.

UX Research Project — как провести UX-исследование: от выбора проблемы до оформления результатов в презентацию.

The three ways that good design makes you happy — выступление на TED о том, как UX-дизайн вызывает положительные эмоции у пользователей.

The complex relationship between data and design in UX — сеньор-дизайнер Spotify рассказывает о редизайне сайта и взаимодействии между дизайнерами, данными и людьми, для которых он создан.

How Airbnb designs for trust — выступление соучредителя Airbnb о том, как дизайн помог пользователям перебороть страх ночевать у незнакомого человека.

Подкасты

Дизайн такой — подкаст о дизайне продуктов, которые меняют нашу жизнь. Рекомендуем:

• Максим Ильяхов: в приложения приходят за ценностью, а текст в них — ещё один инструмент. Зачем редполитика айтишникам?

• Пользовательское интервью: как проводить и делать правильные выводы

• «Я стесняюсь говорить, что я дизайнер»: о токсичности в комьюнити, образовании, дизайнерских мифах и рабочих процессах

Дизайн Прост — подкаст про дизайн для людей, digital, личную мотивацию и проблемы начинающих дизайнеров. Рекомендуем:

• Про отпуск и выгорание.

• От фрилансера на бирже до арт-директора международной студии.

• O UX-писательстве коротко и понятно с Кириллом Егеревым.

uxuiтельные истории — беседы с людьми из IT о их пути и дизайне. Иногда — сольные выпуски с мыслями о дизайне или новостями. Рекомендуем:

• Юра Ветров: эйджизм, продуктивность и совмещение работы с хобби, книгой и курсом.

• Алина Ермакова: проведение исследований и нужна ли лаборатория.

• Макс Авдеев: органичные шаги ведут к успеху.

UX-подкаст — курс про UX-исследования в формате подкаста. Рекомендуем:

• Про метрики в UX

• «Это провал»: когда в исследованиях что-то идёт не так

• Про тренды в UX

Make Sense — подкаст ProductSense о том, что важно при создании продуктов. Рекомендуем:

• О поиске респондентов для исследований — способы, каналы, инструменты и ошибки рекрутинга.

• О процессе и командах Product Discovery, балансе Run и Change и time-to-knowledge с Никитой Ефимовым.

• О CJM — польза, артефакты, результаты применения, и различиях клиентского и пользователь

  ского опыта.

Другое

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

Практикуем UI/UX — тест из 30 вопросов разного уровня сложности. Если ответить неправильно, то появится объяснение ошибки. 

UX UI design — чат для размещения вакансий и запросов на поиск работы по направлению UX, UI, Product design. 

UI/UX jobs — канал с вакансиями и запросами на поиск работы в UI, UX, Design Thinking, Style Guides, Mobile. 

Генератор цветов — сервис для подбора сочетающихся оттенков. 

Резюмируем

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

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