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.

The home page is the main entry point for Toolhub.

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

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

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

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.

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

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

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 removes the icons and presents the information more compactly.

The tool view is the view for an individual tool.

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

• Toolhub

• Pages with image sizes containing extra px