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.