Item Tiles
Create Scalable Tile Framework
Improved Accessibility to Common Actions
Reduce Visual Clutter
As TeamSite’s capabilities have expanded, the tiles have become cluttered with action buttons and statuses. Item tiles in TeamSite contain a confusing layout of action buttons and statuses. The Asset Tile project is intended to revise and improve the tile design in Experience Studio.
Design Tasks
Item Tiles
Media Tile
Document Tile
Tile Menu
Layout Issues
Hierarchy of Actions
The existing tile design includes a menu with associated actions. The action buttons contain a basic hierarchy with two main buttons and three secondary buttons which contain icons. The action buttons suggest that there is a primary action and several secondary actions for any given file type. However, this is not always the case, and often the desired action is made slightly more difficult due to this button layout.
Scalability
A second issue with the existing tile design is around the ability of this button layout to scale as more features and actions become possible. The layout appears cluttered and confusing once the number of actions exceeds four.
Revisions
Media Tile
Document Tile
Tile Menu
Highlighted Areas
Tile Menu
A dropdown tile menu, with actions grouped accordingly, provides users with a simple and familiar interface. The menu is easily scaled to include as many actions as are relevant to the item.
Status Icons
Statuses are moved to the metadata panel and join the name and last modified dates. The status icons are displayed according to the various states that any item may have.
Item Icons
A new set of file icons are introduced to help users differentiate each item. Icons include common document formats, as well as native TeamSite items like pages, templates, conditions, and rules.