Stack view

New feature

Background: Stack view allows users to get detailed analytics for their server instance and site for debugging and management related purposes.

Responsibilities: Lead the project from the research and requirements gathering stage through to design and consulting on development. Lead ideation and sketching, wireframes, prototypes and UI for data visualization.

Deliverables: Sketches, Wireframes, Prototypes, High fidelity designs

Role: Senior UX / UI Designer         For: Acquia         Date: January - July 2014

Stack view design

Stack view provides detailed analytics into the various layers of the users site. From access information, to slow database queries.

Data visualization design

UI design for data visualization, including tooltips and correlation markers to mark events like code deployments.

Graph sketches

Ideating on various methods of data visualization for the project.

Card sketches

Sketches for incorporating 'tick lines' into environment cards. This concept was abandoned after user testing proved that without context users didnt the value of this design.

Stack view layout

Layout concepts for the main page of the dashboard before a user drills into various metrics.

Correlation

Understanding the markers that can be used for correlation markers.

Alternate concept

Alternate concept of selecting between environments in a single column layout.

Workflow incorporation

Design for incorporating stack view into the workflow page.

Alternate data visualization

Alternate sketches for ways to provide quick at a glance data information.