Flow Diagrams

Flow Diagrams can be used to diagram any type of flow:  page flows, user persona flows, task flows, process flows and information delivery flows.  They set the long-term vision before graphics or code takes place.  These specifications help to map out a navigational path and destinations with efficiency and detail through decision processes.

I always start with pen and paper but also use various tools such as draw.io, Omnigraffle, Lucid Chart, Gliffy, Axure and Adobe Experience Design.