Data Visualization Dashboard (with D3)

Slides:



Advertisements
Similar presentations
About K12 Systems, Inc. – Induction Summer 2014 K12 Systems recognized a need in school districts for a new way to manage electronic gradebooks. Web-based.
Advertisements

Terrapin Trader Transformation by Oliver Stohr - Olga Kuznetsova Tyler Cordrey - Brett Holbert December 9, 2008.
Informatics 132 Project 6: RadioFlag Thomas Chen, Derek Vo, William Yeh, Shawn Ridgeway.
©Ian Sommerville 2006Software Engineering, 8th edition. Chapter 4 Slide 1 Software Processes.
Customer: Rosalva Gallardo Team members: Susan Lin Buda Chiou Jim Milewski Marcos Mercado November 23, 2010.
Project 4: User interface for logging food intake and activities Thanh Le Christine Liang Warren Trinh Muhammad Zaman.
Senior Project Database: Design and Usability Evaluation Stephanie Cheng Rachelle Hom Ronald Mg Hoang Bao CSC 484 – Winter 2005.
Multimedia & Website Design Initial Planning (Part 3)
Longitude Usability Study Interim Presentation May 6, 2010 Sabel Braganza Fiel Guhit Amir Malik Viet Pham.
SOCIAL NETWORK INFORMATION CONSOLIDATION Developers:  Klasquin Tomer  Nisimov Yaron  Rabih Erez Advisors:  Academic: Elovici Yuval  Technical: Lesser.
Southern Connecticut State University Exit Survey Eduardo Robalino Sponsor Klaus Peters.
Introduction to Usability By : Sumathie Sundaresan.
1 The Initial Report Preparation Guidelines. 2 The Initial Report u Definition of project scope u Project aims and objectives u Initial project plan.
CS 360 Lecture 3.  The software process is a structured set of activities required to develop a software system.  Fundamental Assumption:  Good software.
HOW DID YOU USE MEDIA TECHNOLOGIES IN THE CONSTRUCTION AND RESEARCH, PLANNING AND EVALUATION STAGES? By Amy Clynes.
Michael KwonJoel AzpeitiaKaren Yeung Alex Dodge Ryo KoyamaDanna LeeKrystin Tani Channelle Washington.
Web Redesign Project Update September 15, Agenda Recall: Project Scope and requirements Information Architecture Usability Testing Visual Design.
Student Portfolio Development. Portfolio Development Define the following: Portfolio Artifact Evidence Medium Annotation Design Analysis STUDENTS: Write.
Amanda Shen | Christine Marie Acuario | Mike Kung | Robert Schwenz | Christopher Hoover.
steps in psychological research
Today Q2Q3Q4 Q Q2Q3Q4 Q Phase 1 Kickoff 4/10/2014 Project Start 5/1/2014 Project Approved 7/31/2014 Implementation Finished 6/16/2015.
Software Prototyping. Introduction Builds an approximation to some system Builds an approximation to some system Easy to learn and understand different.
The techniques involved in systems analysis Explanation of a feasibility study:Explanation of a feasibility study: –economic, –legal, –technical, –time.
Amanda Shen | Christine Marie Acuario | Mike Kung | Robert Schwenz | Christopher Hoover.
Incorporating Feedback Lesson 5 0. Check-in: paper prototype By now, your paper prototype should be complete, so that you can begin creating your app.
Introduction to Usability By : Sumathie Sundaresan.
INFO3600 Capstone Projects Week 4. Overview Where should you be now? What are the pragmatics of getting established? The grading over the next 2 weeks.
Pair Programming Sarah Lee Grace Uchida Masis Nguyen Michael Hart Jeramy Zapotosky.
SURVEY APPLICATION. Overview Introduction Why survey app?? Architecture diagram Application flow Features Future plan.
Software Development Process CS 360 Lecture 3. Software Process The software process is a structured set of activities required to develop a software.
SYSTEM ANALYSIS AND DESIGN LAB NARZU TARANNUM(NAT)
ENG 328 Students Guide - snaptutorial.com snaptutorial.com For More Tutorials
Advanced Higher Computing Science
Take the Guesswork Out of Calculating Your Project Cost
Introduction to Web Authoring Ellen Cushman cushmane
a next generation event engine for princeton
The Right Selective Adoption Strategy for Greater ROI
WorkIT SQA Work Placement Units & Pupil Questionnaires.
Systems Analysis and Design
Neil A. Ernst, Margaret-Anne Storey, Polly Allen, Mark Musen
Gain powerful insights into your print environment
Campus Locator – Definition Phase (May04-04)
Request for Proposal (RFP)
David Conley Byung Lee Jennifer Stoneking Vijay Hattiangadi
Justin Ma Rodrigo Ramos Alex Terreri Alex Panganiban John Delshadi
Project Presentation Five minutes per team Contents
Financial Affairs Training Webpage Redesign
Prototype Progress Presentation 11/6 Team 04
Gerardine Montebon Tanisha Bhatti Austin Yi Jessica Dear
Introduction to Projects
Usability of a Course Management System for Students
Create PT: Complete the Task
History of Racial Violence
Project 1 - Finding courses at UC Irvine Extension
Byung Kim, Danny Magsalin, Kathleen Enverga, Linda Kwok
Exergame Tracker Web App
IXercise Webapp Group 8b.
Dillon Gee, Glenn Pittman, Ronnie Nguyen, Sarah Tracy
Introduction If you have got a call for an Agile testing interview, then congratulations are in order. You may be feeling nervous, but it sure to be felt.
Introduction UI designer stands for User Interface designer. UI designing is a type of process that is used for making interfaces in the software or the.
Pre-Final Presentation
DELIVERING BETTER SERVICES: USER-CENTRED SERVICE DESIGN AND EVALUATION
Gerardine Montebon Austin Yi Tanisha Bhatti Jessica Dear
Reporting Site Manager User Guide February 2019.
Magic Hw: Low-Fi Prototype
Dongwhan Kim Annie Zhao Steven Lawrance
Bias Monitoring Web Page Design
Renovating our online home: A user-centered approach to redesigning a local data website Mariko Toyoji, MPH Communities Count, Public Health Seattle and.
Evaluation (cont.): Empirical Studies: The Thinkaloud
Introduction to Web Authoring Ellen Cushman cushmane
Presentation transcript:

Data Visualization Dashboard (with D3) Ty, Chape, Franklin

Introduction We designed and developed a web-based dashboard application for visualizing data This app is designed for the average person quick overview of data no interest in deep data analysis

Home Page

Usability Goals / problems Allow users to easily visualize and understand data no processing required Data is diverse Collected from variety of devices/sensors Different types of data UI needs to be clear and intuitive users may have no technical experience

Methods Meetings with customers (pre-dev) Paper prototypes More meetings with customers (during-dev) Refine design User testing Interviews (7) Think alouds (3)

What we have done so far Requirements meetings Developed a non-complete, working dashboard User Tests

User Testing Preliminary questionnaires to assess user qualities and knowledge level Interview and think-alouds to determine functionality and usability

Insights gained Questions were out of order Certain things that we thought about the design, users disagreed on insights from meetings (during dev) insights from user testing (so far) data format can be standardized for our purposes

Glamour Shot: Line Graph

Glamour Shot: Tri-Graph (Bar,Line,Donut)

Difficulties encountered Must learn how D3 code works, other class helps with this Could not get all proposed functions to work Examples: Picking time frame of data to view and login functionality Keeping customers up to date on progress Our fault really

Difficulties encountered cont. Unfinished product (missing features), resulting in difficulties during user testing Insights from this described earlier We will deal with these after data analysis

Decisions to be made How to go about data analysis After data analysis... Rank issues by severity (Courage and Baxter) Fix most severe problems first Consider lower-ranked problems

Updated Timeline Week 9 (5/26-5/28) Finish interviews Franklin, Ty (5/26-5/28) Think Alouds Ty, Franklin, Chape (5/28-5/31) Data analysis

Updated Timeline Week 10 (6/1-6/2) Finish Data Analysis Ty, Franklin, Chape (6/2-6/4) Refine Design based on data Ty, Chape (6/4-6/7) Write Final Report (6/5) Present final product to Laleh and Siripen

Updated Timeline Finals Week (6/6-6/9) Collect and prepare project materials Ty, Chape, Franklin Collaborate with analyst group

Glamour Shot: Bar Chart

Glamour Shot: Aster Plot

Thank You! Questions?