Proposal eva&stan

Proposal FOR Atlanta

A citizen friendly data dashboard

Proposal by

Contact us

Haozhe”Stan” Li Xiaohui”Eva” Luo

Georgia Institute of Technology

Prepared for Atlanta Government 10/13/2013

haozhe@gatech.edu (678)579-2728 luoxiaohui@gatech.edu (678)899-3928

About Us

Master’s Candidates of HCI

Web Designer

Web Developer

Haozhe”Stan” Li Currently studying HCI, Stan learned and practiced User Experience design skills to ensure the usability of softwares and websites. Having a Software Engineering background, Stan is versed in web development skills from front-end to back-end. Hence Stan can design the interface & interaction that's usable and easily approachable for users, and then implement it using standard web technologies. Additional to his background, Stan is very interested in information visualization, which tries to present data visually to facilitate communication and decision making. For more information about my past projects, please visit my portfolio at http://haozhe.li/

Xiaohui”Eva” Luo Eva is also a MS-HCI student at GaTech. She has worked with Dr. John Stasko (a distinguished professor in the field of information visualization) for over a year now. Quite a few projects of her used information visualization to assist decision making, like the Student Vis project (http://xiaohuiluo.com/eva/2013/09/12/studentvis/). Additional to her strong background in information visualization, she is also experienced in user experience design and web development. More information about Eva can be found on her portfolio at http://xiaohuiluo.com/

Specialized in Data Visualization

Infographic

Interactive Visualization

Mobile Visualization

Prof. John T. Stasko John is Director of the Information Interfaces Research Group whose mission is to help people take advantage of information to enrich their lives. As the amount of data available to people and organizations has skyrocketed over the past 10-20 years, largely fueled by the growth of the internet, insufficient methods for people to benefit from this flood of data have been developed. A central focus of many of the group's projects is the creation of information visualization and visual analytics tools to help people explore, analyze, and understand large data sets. In particular, they are creating visual analytics systems to help people with "sense-making" activities on data sets such as large document collections. The group also has developed a number of techniques and systems for providing people with peripheral awareness of useful information. Follow the link to the research group in order to visit pages with more details on these projects.

The GT-RNOC Platform (http://www.rnoc.gatech.edu), which a research lab Stan is working for, contains a broad set of resources with a focus on the construction of endto-end prototype and research environments. GT-RNOC is closly working with a lot of industries for web and mobile projects. Platform users include students and faculty with an interest in the convergence space including Voice, IMS, IPTV, Web, and mobility.

Competitive Analysis

Disadvantages Expensive

Too general

Not mobile friendly

Our Advantages Intuitive visualizations

Design specifically for our data Easy data input

Allow data uploading through spreadsheet

Clear dashboard

Humancentered design Responsive interfaces

Unified experience across multiple platforms

Intuitive visualizations

Design and implement intuitive,visually appealing visualizations for performance data, facilitating citizens’ awareness and understanding.

Color Grouping

Percentage Data Calculated Data

Comparing Data Thank you for your sample metric data. We developed two quick interactive demos: http://haozhe.li/foratlanta.html http://xiaohuiluo.com/xiaohuiluo/Project/BarChart/

Clear Dashboard

A dashboard that organizes visualizations by mayor’s priority areas, and navigates citizens efficiently with its clear information architecture

Heuristic Evaluation

Journey Mapping

User Study

Human-centered design process lead to a clear information structure of the dashboard

A sample vision of how dashboard would be like.

Easy Data Input

Create a platform that facilitates easy data uploading and leverages existing data stored in spreadsheets

Step 1: Copy your data

Step 2: Paste into our spreadsheet

Step 3:Visualization automatically updated

Responsive interfaces

Create a unified experience across multiple platforms, applying responsive design techniques

Responsive Techniques Flexible Grid Flexible Images Media Queries

One code works on multi-platforms

TimeLine

Our process cycle consists of ideation, and a design, build, test iteration cycle, leading up to a fully implemented module.

Our Process Ideation

Design

B u i l d

t Tes

Fully Implemented

1 Deliverable: Final design wireframes a. Brainstorming and come up as many as possible design options

Idea & Design ASAP -- Oct. 31

b. Consult government staff and Prof. Stasko to narrow down to two or three design options. c. Quick prototype and conduct user study to decide the best solution and make sure great usability.

2 Deliverable: Fully working dashboard module a. Come up the system diagram of vis module and integration with current government web site structure

Build & Test

b. Build visualization module for each dataset. Keep testing once built

Nov. 1 -- Dec. 31

c. Integrate all visualization module and test its robustness.

3 Deliverable: Integrated visualization and documentation a. Integrate dashboard module with current government website

Deploy & Documentation Jan. 1 -- Jan. 15

b. Edit a detailed documentation of current code for future maintenance

Maintenance

Fixing Bugs

Update Codes

We will be responsible for fixing any bugs identified by our clients.

We will be responsible for updating the code due to clients’ website change.

Future Feature We will be responsible for designing and developing any future features in visualization part.

THANK YOU FOR YOUR CONSIDERATION