How Can We Help?
< All Topics
Print

UX + UI Теория, полезные ресурсы

Все статьи на Figma Best Practices (practices и tips) 👍🏻👍🏻👍🏻https://www.figma.com/best-practices/

User Inteface Design

Цвет: принципы, психология, комбинациии 

https://uxdesign.cc/how-to-use-color-in-ui-design-wisely-to-create-a-perfect-ui-interface-2af42f901f4

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://uxcel.com/

https://uidbootcamp.com/

https://www.uprock.ru/all-articles

https://ux.pub/interfaces/

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) — для построения учебного процесса и ведения проектов
  • Упор на гибкость/динамику, т.е. процесс обучения — учимся как создавать, работать с проблемами и придумывать решения (вместо типичных зазубриваний и шаблонов)
  • Максимально где возможно, автоматизировать процессы
Table of Contents