UX + UI Теория, полезные ресурсы
Все статьи на Figma Best Practices (practices и tips) 👍🏻👍🏻👍🏻https://www.figma.com/best-practices/
User Inteface Design
Цвет: принципы, психология, комбинациии
https://uxdesign.cc/10-principles-for-color-usage-in-ui-design-65174b213004
User Experience Design
Персона, user story, user flow — Что это, как использовать, какой смысл.
Design thinking — Что это, какие фреймворки есть, как с этим работать
https://www.interaction-design.org/literature/topics/design-thinking
https://bootcamp.uxdesign.cc/think-like-a-ux-designer-e6eea996723a
Usability
https://principles.design/examples/10-usability-heuristics-for-user-interface-design
User test
https://www.nngroup.com/articles/usability-testing-101/
https://www.nngroup.com/articles/quant-vs-qual/
Customer Journey Map
https://ux-journal.ru/kak-stroit-customer-journey-map.html
Итеративный процесс — важно, нужно не просто знать что это и объяснять но и грамотно внедрять в работе/проектах
https://asana.com/resources/iterative-process
UI/UX ресурсы и курсы, повышение навыков
https://www.instagram.com/hazicsaba/
https://www.uprock.ru/all-articles
https://www.interaction-design.org/
https://academy.hubspot.com/courses
https://www.sketch.com/blog/index.html
Полезный контент:
https://medium.com/design-with-figma/10-tips-on-using-components-in-figma-c7db9c5e7fe1
https://uxplanet.org/information-architecture-basics-for-designers-b5d43df62e20
Требования к преподавателям UI/UX курс
Чеклист по навыкам
- Наличие 1+ проекта: с современным дизайном, мобильной версией + по всем экранам выдержанная постоянность (футер, хедер, сайдбар, заголовки, отступы)
- Case study: Наличие 1+ проекта обязательно
- Портфолио: 3-4 проекта (включая 1 case study, 1 SaaS/портал)
- Теория: Знаю → Умею → Могу научить
- Иконографика: создание иконок инструментами пересечения, пером, редактирование существующих (иконок/иллюстраций) и отрисовка с 0
- Адаптив: Виды адаптивных макетов, что такое брейкпойнт и зачем он, отличие адаптива от респонсив.
- Figma Prototype: создание прототипов, использование overlay, smart animate, интерактивные компоненты
Пример 1: https://www.figma.com/file/GbpHDmCpsFKXnPRwe8bZTM/SaaS-Sample-Project-%F0%9F%9F%A2?node-id=0%3A1
Пример 2: https://www.figma.com/file/jD7NRl4WCPeacx3FXuiuEz/Vespi-Sample-Project-%F0%9F%9F%A2?node-id=0%3A1
Оптимально:
- Весь UX процесс как один путь: знакомимся с И/А → строим User Flow → знакомимся с персоной, Персона → User Flow + Персона → User stories → и т.д. (как в обучении так и в работе)
- Базовый менеджмент (kanban / trello) — для построения учебного процесса и ведения проектов
- Упор на гибкость/динамику, т.е. процесс обучения — учимся как создавать, работать с проблемами и придумывать решения (вместо типичных зазубриваний и шаблонов)
- Максимально где возможно, автоматизировать процессы