ROBBIE AI DATA DASHBOARD

Web Dashboard Design

As a deep learning company, RobbieAI assesses and predicts human emotions and behavior with computer vision (tracking facial expressions through cameras in devices) and wearable technology (sensing activation of the autonomic nervous system) for more positive mental health and general wellbeing outcomes.

The prime objective of this project was to create a unified web dashboard for analyzing emotional metrics and business as well as employee performance data, which will help these businesses to take decisions for strategizing and introducing best procedures throughout existing processes.

CREDITS

UX Research & Design
Abhijit Chirde

Front End Development
Arslaan Hamza

Back End Development
Dani Gonzalez

USER JOURNEY CHECKPOINTS

USER JOURNEY CHECKPOINTS

Hospitality

hosp-expjourney

Retail

retail-expjourney

User study and ideation about process flows in hospitality and retail industries which are our two primary focus for the deployment of this product led us to find some checkpoints, and key performance indicators (KPI) in these processes which we need to address while building the information and experiences. Here in the above picture, snapshots of ideation activities for these two use cases are shown. Arrow-head suggests the time-based direction of both flows. 

KEY PERFORMANCE INDICATORS (KPI)

KEY PERFORMANCE INDICATORS (KPI)

Key Performance Indicators (KPI) are metrics that can convert user-experience or business objectives into measurable values that we can analyze and use for computing. These metrics will help us map experience journey points which we collected in our ideation activities, to measurable quantities that we can act upon.

robbie-kpi

INFORMATION ARCHITECTURE

INFORMATION ARCHITECTURE

robbie-ia

IDEATION

IDEATION

kpi-widget-sketch

WIREFRAMES

WIREFRAMES

UI DESIGN

UI DESIGN

ROBBIE DASHBOARD V1

UI designs based on the wireframes for Visio Dashboard Version-1 are shown. Main features for the dashboard design are explained here.

  1. KPIs that are used for business owner’s understanding and analysis are arranged in a tab structure that contains five sections which are Home, Tracking, Insights, Performance, and Reports.  These sections house KPI widgets as per their functional needs.
  2. Universal navigation for the Robbie Dashboard is kept on the left side of the dashboard UI in a separate pane.
  3. The header contains some of the customization and support options for the dashboard along with the user profile.
  4. The primary structure of the dashboard UI design is kept modular in case of future updates to the layout and architecture.

ROBBIE DASHBOARD V2

After development and testing for Version-1 of Robbie Visio Dashboard, further design changes were decided for Version-2 in the pipeline which had added functionalities to Version-1 and visual design change decisions incorporated.

  1. New functions were included using widget- cards format to all the dashboard pages as per business decisions.
  2. Background colors for Navigation pane and Dashboard header changed.
  3. Widget for ‘Customer Counter/Number of Guests’ shifted to ‘Insights’ from the ‘Home’ tab.
  4. ‘Settings’, ‘Help and Support’, ‘Privacy and Terms’ links are shifted from Dashboard header to Navigation pane
  5. Business and Date selectors from selective widgets are removed to add global selection filters in the header.

MODULAR BLOCKS ARCHITECTURE

v3_home-shad1
v3_home-shad3
v3_insights-shad1

DARK MODE OPTIONS

robbie-dark_1
robbie-dark_2

DESIGNED FOR DIFFERENT DISPLAY SIZES

robbie-mockup