Toolhub/Wireframes

These wireframes are low-fidelity illustrations of how the Toolhub interface is expected to look once it is ready. The details are subject to change.

Home page edit

The home page is the main entry point for Toolhub.

Version 1: just collections edit

The first version of the Toolhub home page will just be a complete list of the various tool collections.

Version 2: search and collections edit

The second version of the Toolhub home page will include search, corresponding to Milestone 4 on the Toolhub Roadmap.

Version 3: favorites, search, and collections edit

The third version will add a "favorite tools" feature. This corresponds to a future milestone that is not currently planned.

Add new collection edit

You may have noticed a plus sign icon by the "Browse tool collections" header. That button will lead to an interface for creating a new collection of tools. A very similar interface will be used for editing tool collections.

Add your tools edit

The "Add your tools" link in the header should lead to this page.

List view edit

The list view includes search results, collection views, and other organized listings of tools.

Icon mode edit

The icon mode shows tools with icons and more spaced apart, as opposed to text mode, which presents the same information with higher density.

Text mode edit

Text mode removes the icons and presents the information more compactly.

Tool view edit

The tool view is the view for an individual tool.

Tool view with concerns edit

Sometimes, a tool will not be ideal for use for certain reasons. In these events, the user interface should indicate this.