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.