DesignHub

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

Систематизация знаний для проектировании пользовательского опыта.

Обзор содержимого
терминология
Подходы
Анализ аудитории
Проектирование
Принципы и психология
Аудит
UX на практике

ТОП-5 материалов
🔥JTBD Tilda
🔥Сравнение методов отображение UX: карты эмпатии, пути и схемы обслуживания
🔥UX мифы
🔥UX-теории
🔥Примеры неудачных решений Apple и Google

Инструменты
🖤Пример CJM

Разделы

МатериалИзучитьО чёмТипЯзык
🔥Сравнение методов отображение UX: карты эмпатии, пути и схемы обслуживанияhttps://www.uprock.ru/articles/sravnenie-metodov-otobrazheniya-ux-shpargalka?utm_source=uxhornпроектированиестатья🇷🇺
🔥JTBD Tildahttps://tilda.education/articles-jobs-to-be-doneанализ аудиториистатья🇷🇺
Бесплатный курс по JTBDhttps://tilda.education/jobs-to-be-done-courseанализ аудиториикурс🇷🇺
Пресоны vs JTBDhttps://vc.ru/marketing/82621-job-to-be-done-i-metod-person-chto-vybratанализ аудиториистатья🇷🇺
Jobs to Be Done, или всё, что следует знать о желаниях пользователейhttps://vc.ru/marketing/73830-jobs-to-be-done-ili-vse-chto-sleduet-znat-o-zhelaniyah-polzovateleyанализ аудиториистатья🇷🇺
Метод Jobs To Be Done — как решать задачи пользователей с помощью продуктов?https://productstar.ru/jtbdанализ аудиториистатья🇷🇺
Теория работ JTBDhttps://www.notion.so/Product-Mindset-Jobs-to-be-Done-a6f3c15cb8594447941118c05af5d218анализ аудиторииконспект🇷🇺
Анализ аудитории: user story и job storyhttps://www.notion.so/user-story-job-story-857eef9cf8334283a66350e505a0ae3dанализ аудиторииконспект🇷🇺
Работа с User Flow (Картой продукта)https://reticent-author.notion.site/dc6073da397d47738615f67522aa94c1?pvs=4проектированиеинструкциястатья🇷🇺
Что такое Service Blueprint или Карта Сервиса и зачем она нужна?https://bakunin.com/service-blueprint/#:~:text=Service%20Blueprint%20%D0%B8%D0%BB%D0%B8%20%D0%9A%D0%B0%D1%80%D1%82%D0%B0%20%D1%81%D0%B5%D1%80%D0%B2%D0%B8%D1%81%D0%B0,%D1%81%D0%B5%D0%B1%D1%8F%20%D0%BF%D1%80%D0%B5%D0%B4%D1%81%D1%82%D0%B0%D0%B2%D0%BB%D1%8F%D1%8E%D1%82%20%D0%BA%D0%B0%D1%80%D1%82%D1%8B%20%D0%BF%D1%83%D1%82%D0%B5%D1%88%D0%B5%D1%81%D1%82%D0%B2%D0%B8%D1%8F%20%D0%BA%D0%BB%D0%B8%D0%B5%D0%BD%D1%82%D0%B0.анализ аудиториистатья🇷🇺
Дизайн без дизайнераhttps://vc.ru/u/415061-yuliya-antipova/195837-dizayn-bez-dizayneraподходыинструкциястатья🇷🇺
Определение UX от создателя терминаhttps://youtu.be/9BdtGjoIN4Eтерминологиявидео🇬🇧
Дизайн поведения людейhttps://vc.ru/design/181233-dizayn-povedeniya-lyudeyтерминологиястатья🇷🇺
UX vs CXhttps://medium.com/design-pub/ux-vs-cx-%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D1%81%D0%BA%D0%B8%D0%B9-%D0%BE%D0%BF%D1%8B%D1%82-%D0%B8-%D0%BE%D0%BF%D1%8B%D1%82-%D0%BA%D0%BB%D0%B8%D0%B5%D0%BD%D1%82%D0%B0-%D0%B2-%D1%87%D0%B5%D0%BC-%D1%80%D0%B0%D0%B7%D0%BD%D0%B8%D1%86%D0%B0-1d12b569b1терминологиястатья🇷🇺
4 составляющих пользовательского опытаhttps://brzg.notion.site/4-16e211e992fa40a991979cd51ee077c7терминологияконспект🇷🇺
UX — это пользовательский интерфейсhttps://medium.com/@mikeatherton/ux-is-ui-105460807734#.v1puec74yтерминологиястатья🇬🇧
The difference between CX and UXhttps://deshub.notion.site/The-difference-between-CX-and-UX-df9f5c349d0646caacf7f1a82fac4ad5терминологиястатья🇬🇧
Customer Journey Maphttps://copylove.medium.com/customer-journey-map-8a5ac61d6b5eпроектированиестатья🇷🇺
Создание CJMhttps://www.notion.so/7bd2005ba76746338afac3da7ec2622d#2281194060db472198c148346b218d87проектированиеинструкцияконспект🇷🇺
Что строить в первую очередь: User Journey Map или User Flow?https://ux-journal.ru/chto-stroit-v-pervuyu-ochered-user-journey-map-ili-user-flow.htmlпроектированиестатья🇷🇺
Как Emotional Journey Map помогает конструировать Tone of Voicehttps://iramotorina.medium.com/%D0%BA%D0%B0%D0%BA-emotional-journey-map-%D0%BF%D0%BE%D0%BC%D0%BE%D0%B3%D0%B0%D0%B5%D1%82-%D0%BA%D0%BE%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D1%82%D1%8C-tone-of-voice-bdee349fdf94проектированиестатья🇷🇺
UX-скетчингhttps://ux-journal.ru/ux-sketching.htmlпроектированиестатья🇷🇺
Информационная и функциональная архитектураhttps://www.notion.so/de7578cacea54424ab3da1be16e1822eпроектированиеконспект🇷🇺
Как построить карту историй (user story mapping), если проект уже в работеhttps://medium.com/product-design/%D0%BA%D0%B0%D0%BA-%D0%BF%D0%BE%D1%81%D1%82%D1%80%D0%BE%D0%B8%D1%82%D1%8C-%D0%BA%D0%B0%D1%80%D1%82%D1%83-%D0%B8%D1%81%D1%82%D0%BE%D1%80%D0%B8%D0%B9-user-story-mapping-%D0%B5%D1%81%D0%BB%D0%B8-%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82-%D1%83%D0%B6%D0%B5-%D0%B2-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B5-b53424880e27проектированиестатья🇷🇺
Userflow, практические нюансыhttps://teletype.in/@serebrennikov/SkJ7tTee4проектированиестатья🇷🇺
Как устроена концепция “User Story Mapping” и как интегрировать карту историй с Канбан-доскойhttps://ux-journal.ru/kak-ustroena-kontseptsiya-user-story-mapping-i-kak-integrirovat-kartu-istorij-s-kanban-doskoj.htmlпроектированиестатья🇷🇺
Пользовательские сценарии: что это такое, как и для чего их нужно строитьhttps://netology.ru/blog/users-scenariosпроектированиестатья🇷🇺
Эскизное и концептуальное проектирование цифровых продуктовhttps://ux-journal.ru/kultura-eskiznogo-i-kontseptualnogo-proektirovaniya.htmlпроектированиестатья🇷🇺
Как писать пользовательские и функциональные требования к интерфейсу?https://medium.com/@belitskyaleksey/%D0%BA%D0%B0%D0%BA-%D0%BF%D0%B8%D1%81%D0%B0%D1%82%D1%8C-%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D1%81%D0%BA%D0%B8%D0%B5-%D0%B8-%D1%84%D1%83%D0%BD%D0%BA%D1%86%D0%B8%D0%BE%D0%BD%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5-%D1%82%D1%80%D0%B5%D0%B1%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-%D0%BA-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81%D1%83-938e0bbc6a78проектированиестатья🇷🇺
Информационная архитектура: пример и типизацияhttps://sherer.pro/blog/informacionnaya-arxitektura-primer-i-tipizaciya/проектированиестатья🇷🇺
Информационная архитектура: краткий экскурсhttps://sherer.pro/blog/informacionnaya-arxitektura-kratkij-ekskurs/проектированиестатья🇷🇺
Функциональная архитектура цифровых продуктов, часть 1https://sherer.pro/blog/funkcionalnaja-arhitektura-cifrovyh-produktov-chast-1/проектированиестатья🇷🇺
Функциональная архитектура цифровых продуктов, часть 2https://sherer.pro/blog/funkcionalnaja-arhitektura-cifrovyh-produktov-chast-2/проектированиестатья🇷🇺
Разница между информационной архитектурой и UX-дизайномhttps://www.uxbooth.com/articles/the-difference-between-ia-and-ux-design/проектированиестатья🇬🇧
Информационная архитектура в UX: полное руководство 2022https://www.uprock.ru/articles/informacionnaya-arhitektura-v-ux-polnoe-rukovodstvo-2022проектированиестатья🇷🇺
Проектирование программного обеспечения: что такое Acceptance Criteria и зачем они нужны?https://habr.com/ru/company/otus/blog/565846/проектированиестатья🇷🇺
Как грамотно проектировать сложные интерфейсы «человек—компьютер» с помощью инструмента «линии эволюции»https://sense23.com/post/kak-gramotno-proektirovat-slozhnye-interfejsy-chelovek-kompyuter-s-pomoshhyu-instrumenta-linii-evolyutsii-spravochnik?utm_source=tlgrm_uxhornпроектированиестатья🇷🇺
Как провести исследование для составления Customer journey maphttps://vc.ru/marketing/874688-kak-provesti-issledovanie-dlya-sostavleniya-customer-journey-mapпроектированиестатья🇷🇺
Бесшовный UX: стреляем себе в ногуhttps://sherer.pro/blog/besshovnyj-ux-streljaem-sebe-v-nogu/UX на практикеподходыстатья🇷🇺
User Experience и модель Каноhttps://habr.com/ru/post/148110/подходыстатья🇷🇺
Дизайн vs Проектированиеhttps://sherer.pro/blog/dizajn-vs-proektirovanie/подходыстатья🇷🇺
Реверс-дизайнhttps://slashdesigner.ru/ux/reverse-designподходыстатья🇷🇺
Ментальные модели для дизайнеровhttps://uxdesign.cc/pet-peeves-of-a-designer-8-things-you-should-probably-stop-doing-5149f0357c28подходыстатья🇬🇧
Эмоциональный дизайн: как улучшить продукты с помощью эмоцийhttps://uxdesign.cc/emotional-design-how-to-improve-products-with-emotions-1bbdc879ddfbподходыстатья🇬🇧
Два фундаментальных подхода к проектированию UXhttps://medium.muz.li/two-fundamental-approaches-to-designing-ux-12f3dd23bc48подходыстатья🇷🇺
Почему я почти никогда не начинаю проектирование (или дизайн) сайта с главной страницыhttps://habr.com/ru/articles/767890/подходыстатья🇷🇺
 5 фишек для написания Job Storyhttps://jtbd.info/5-tips-for-writing-a-job-story-7c9092911fc9анализ аудиториистатья🇬🇧
Метод персон + шаблонhttps://medium.com/design-pub/%D0%BC%D0%B5%D1%82%D0%BE%D0%B4-%D0%BF%D0%B5%D1%80%D1%81%D0%BE%D0%BD-%D0%BF%D0%BE%D0%BB%D0%BD%D0%BE%D0%B5-%D0%BE%D0%BF%D0%B8%D1%81%D0%B0%D0%BD%D0%B8%D0%B5-%D0%B8-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD-%D0%B4%D0%BB%D1%8F-figma-99fa518fa84eанализ аудиторииинструкциястатья🇬🇧
Фрэймворк Персоныhttps://medium.com/mailrudesign/personas-5c80aac34ae2анализ аудиторииинструкция🇷🇺
Метод персон: как работает?https://vc.ru/design/236815-metod-person-v-ux-zachem-nuzhen-pochemu-rabotaet-i-kak-primenyatанализ аудиториистатья🇷🇺
Как писать job storyhttps://slashdesigner.ru/ux/job-storyанализ аудиториистатья🇷🇺
Формулирование «правильных» проблем в UX-дизайнеhttps://uxplanet.org/framing-the-right-problems-in-ux-design-306727bbae6eанализ аудиториистатья🇬🇧
Карты эмпатииhttps://www.uprock.ru/articles/karty-empatii-pervyy-shag-v-dizayn-myshleniiанализ аудиториистатья🇷🇺
Что должна включать в себя ваша персона и как создавать персоныhttps://bootcamp.uxdesign.cc/what-your-persona-should-include-and-how-to-build-persona-very-detailed-steps-a1541b50ccf4анализ аудиториистатья🇬🇧
Методы дизайн-мышления: POV: разрывы и КММПhttps://www.figma.com/proto/JwxxrztzbyXzgoGADdlwsI/%D0%91%D0%BB%D0%BE%D0%BA%D0%BD%D0%BE%D1%82%D0%B8%D0%BA-%D0%9C%D0%B0%D1%80%D0%B8?page-id=302%3A643&node-id=304%3A654&viewport=475%2C173%2C0.02&scaling=containанализ аудиториипрезентация🇷🇺
Метод JTBD на практикеhttps://vc.ru/u/473827-nikolay-turulin/599794-metod-jtbd-na-praktikeанализ аудиториистатья🇷🇺
Job story: что это, как разработать, как использоватьhttps://rocketyze.com/base/job-story/анализ аудиториистатья🇷🇺
Ментальные модели в проектировании и дизайне интерфейсов продукта (UX/UI)https://ux-journal.ru/designing-digital-mental-models.htmlпринципы и психологиястатья🇷🇺
10 основных когнитивных и поведенческих паттернов UX-дизайнаhttps://ux.pub/editorial/10-osnovnykh-koghnitivnykh-i-poviedienchieskikh-pattiernov-ux-dizaina-3knkпринципы и психологиястатья
🔥UX мифыhttps://uxmyths.com/принципы и психологиясайт🇬🇧
Про когнитивные искаженияhttps://bias.slaylines.io/принципы и психологиясайт🇷🇺
Думать — трудно!https://readymag.com/polinasyrvatka/dumatttrudno/принципы и психологиясайт🇷🇺
❤️Законы UXhttps://lawsofux.com/en/принципы и психологиясайт🇬🇧
❤️10 эвристик Якоба Нильсенаhttps://www.nngroup.com/articles/ten-usability-heuristics/принципы и психологиястатья🇬🇧
20 психологических принципов, применимых к дизайну продуктаhttps://brzg.notion.site/20-512e666a201b44498dc3420b6cb3534cпринципы и психологияконспект🇷🇺
10 лучших принципов UXhttps://ux.pub/editorial/10-luchshikh-printsipov-tieorii-ux-56m0принципы и психологиястатья🇷🇺
Интерфейс 6+: принципы разработки UX/UI для детейhttps://tproger.ru/articles/ux-ui-for-children/принципы и психологиястатья🇷🇺
Принципы проектированияhttps://slashdesigner.ru/ux/principlesпринципы и психологияподборка🇷🇺
Эксперимент интерактивностиhttps://medium.com/slashdesigner/interaction-experiment-fe6c2c21c76eпринципы и психологиястатья🇷🇺
10 крючков для потребителейhttps://brzg.notion.site/10-74e0a69c07864d599f7a5f7a33cb0fcfпринципы и психологияконспект🇷🇺
10 заповедей UXhttps://uxdesign.cc/the-ten-commandments-of-ux-74fbc389fe5eпринципы и психологиястатья🇬🇧
Почему лучшие UX-практики убьют вашу конверсиюhttps://vc.ru/marketing/517376-pochemu-luchshie-ux-praktiki-ubyut-vashu-konversiyuUX на практикестатья🇷🇺
🔥UX-теорииhttps://www.uprock.ru/tags/ux-theoryUX на практикепринципы и психологияподборка🇷🇺
Дизайн, способный снизит уровень стрессаhttps://www.uprock.ru/articles/dizayn-sposobnyy-snizit-uroven-stressaUX на практикестатья🇷🇺
🔥Примеры неудачных решений Apple и Googlehttps://adrianroselli.com/2020/03/i-dont-care-what-google-or-apple-or-whomever-did.htmlUX на практикеподборка🇬🇧
[NN group] Как пользователи просматривают сайтhttps://www.nngroup.com/articles/how-users-read-on-the-web/UX на практикестатья🇬🇧
[NN group] Почему дизайн выглядит хорошо?https://ux.pub/editorial/pochiemu-dizain-vyghliadit-khorosho-niebolshoie-issliedovaniie-nielsen-norman-group-1e3nUX на практикестатья🇷🇺
Как сетка ухудшила UXhttps://slashdesigner.ru/ux/grid-failUX на практикестатья🇷🇺
Ozon — о будущем маркетплейсов, сравнениях с Amazon и идеальном клиентском опытеhttps://hightech.fm/2019/06/26/sprogis-ozonUX на практикестатья🇷🇺
🖤Пример CJMhttps://miro.com/app/board/o9J_kynuV_Y=/UX на практикесхема🇷🇺
Работа с корзиной: лучшие практикиhttps://hardclient.com/ecommerce-cart/?utm_source=tlgrm_uxhornUX на практикестатья🇷🇺
Принципы дизайна Googlеhttps://uxdesign.cc/designing-at-google-10-things-i-know-to-be-true-e033d97e5f13принципы и психологиястатья🇬🇧
Когда в UX-дизайне «плохо» значит «хорошо»https://ux.pub/editorial/koghda-v-ux-dizainie-znachit—4g7pUX на практикестатья🇷🇺
Пользователям плевать на дизайн: как устроен «хороший UX» на самом делеhttps://vc.ru/design/251212-polzovatelyam-plevat-na-dizayn-kak-ustroen-horoshiy-ux-na-samom-deleUX на практикестатья🇷🇺
Насколько идеальны лидеры рынка?https://hardclient.com/ecommerce-marketplace-card-payment-formsUX на практикестатья🇷🇺
Создаем незабываемый опыт взаимодействияhttps://www.uprock.ru/articles/sozdaem-nezabyvaemyy-opyt-vzaimodeystviyaпринципы и психологиястатья🇷🇺
Принципы UX дизайна, которые понравятся вашим пользователямhttps://www.uprock.ru/articles/principy-ux-dizayna-kotorye-ponravyatsya-vashim-polzovatelyamпринципы и психологиястатья🇷🇺
Анализ сложности интерфейса: что это и с чего начатьhttps://medium.com/@grifer163/%D0%B0%D0%BD%D0%B0%D0%BB%D0%B8%D0%B7-%D1%81%D0%BB%D0%BE%D0%B6%D0%BD%D0%BE%D1%81%D1%82%D0%B8-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81%D0%B0-%D1%87%D1%82%D0%BE-%D1%8D%D1%82%D0%BE-%D0%B8-%D1%81-%D1%87%D0%B5%D0%B3%D0%BE-%D0%BD%D0%B0%D1%87%D0%B0%D1%82%D1%8C-ccf433f1665aпринципы и психологиястатья🇷🇺
Разбираем приёмы психологии, с которыми сайт формирует довериеhttps://vc.ru/marketing/473558-razbiraem-priemy-psihologii-s-kotorymi-sayt-formiruet-doverie?utm_source=tlgrm_uxhornпринципы и психологиястатья🇷🇺
Метрика Pure Scorehttps://habr.com/ru/articles/763984/аудитстатья🇷🇺

Подготовила Мари 🐱