I often find myself making very high-level sketches of UIs in order to illustrate information architectures. For example, I want to show that a certain page displays a certain kind of information, and links to certain other pages in certain ways. But I'm not really attempting to design anything: I ultimately hand these schematics over to a real designer, who is responsible for figuring out how to actually present the information on each page.

Can anyone recommend any tools for me to use at the "information architecture" level? To be clear, I do want to generate actual UI mockups, but I don't want to make any decisions about the design or layout of this information.

closed as too broad by DA01, Scott, Luciano, Paolo Gibellini, WELZ Apr 12 '18 at 22:39

Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer. Avoid asking multiple distinct questions at once. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.

  • 4
    Google "wireframing software" and you'll find dozens of options...many of which include flow charting and the like. – DA01 Apr 12 '18 at 1:25
  • 1
    Can you show one of your sketches as an example of your needs? – Confused Apr 12 '18 at 4:35

Simplest most commonly-used wireframing tool I know these days is called Sketch - it's an app available on Windows, Linux and Mac, and has both a huge number of plugins and templates available.

It's commonly used in the UI / UX worlds, and a fair number of folks in both the design and coding side of webwork use it too, making handoff simple.

Not the answer you're looking for? Browse other questions tagged or ask your own question.