Figma: Od návrhu po prototyp

Diagramy a alternativy pre Figma

Ako na poriadne diagramy

  1. Rectangles to indicate a specific action
  2. Diamonds to show decisions
  3. Circles/ovals to indicate entry and exit points
  4. Arrows to mark navigation around the diagram


  • Instead of building one complex user flow, split it into several smaller ones
  • Don’t forget to convey flowchart details to users
  • Use the Swimlane diagram to delineate responsibilities if you involve other departments
    or teams in processes
  • Use connectors to make your flow logical and,
    if necessary, break it into separate pages without losing fluidity


https://www.flowmapp.com/features/user-flow-map-15-tips-for-best-ux-design

https://miro.com/blog/diagram-design/

https://nulab.com/learn/design-and-ux/keep-it-simple-follow-flowchart-rules-for-better-diagrams/

https://userpilot.com/blog/user-flow-examples/


Tools

  1. https://www.framer.com
  2. https://www.quant-ux.com
  3. https://penpot.app
  4. https://www.uxpin.com


Zaujimave doplnky a alternativy

Následující