Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised...

of 21 /21
Express your kindness!

Embed Size (px)

Transcript of Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised...

Page 1: Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.

Express your kindness!

Page 2: Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.

• Introduction

• Problem and Solution• Online Usability Study Recap • Revised Interface Design• Prototype Overview• Prototype Demonstration• Tools Used• Summary

Overview

Page 3: Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.

• Alisa Yamanaka

• Danny Kitt

• Haochen Wei

• Jared Jones

• Yuna Shim

Team Members

Page 4: Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.

• People are generally good

• Difficult to express kindness towards others

• Provide service that makes intelligent suggestions for random acts of kindness

• Provide tools to help organize others

• Make it easy to find volunteer events that fit into a user’s schedule

• Tailored to each individual based on location, time available, budget and interests

Problem and Solution

Page 5: Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.

• With high-fidelity prototype

• Easy, moderate and difficult tasks but the success rates were not much different

• General comments:

• Confusing interactions due to the wording

• Menu names are not clear

• Too many clicks required to complete tasks

Online Usability Study

Page 6: Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.

• Suggested UI changes

• Change button labeling

• Improve date/time pickers

• Unify style/design

• Add button to My Events page to Search

• Improve requirements indicator

• Add volunteers specification

• Add event reminders

• Show comments of other users

Online Usability Study

Page 7: Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.

upLift Before and After

Medium-fidelityprototype

High-fidelityprototype

Interactiveprototype #1

Page 8: Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.

Revised Design

• Built on Android 4.0

• Made it more “Androidy”

• Applied “Halo Theme” and “Action Bar” based on the design guideline

• Fixed issues found by online usability study

Page 9: Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.

Revised Design

• Changed the menu name “Act Later” to “Find Events”

• Added short descriptions of what each menu is to reduce the confusion

Page 10: Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.

Revised Design

• More information about the suggestion

• To encourage more people to do the act

Pick a suggestion

“I’m finished”

Give a rating

Pick a suggestion

Read rating and feedback

“I’m finished”

Give a rating and feedback

Page 11: Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.

Revised Design

• Used tabs for “MyEvents”

• Users can jump to “Find Events”, “Organize Others” screen when there’s no events signed up for or organizing

Page 12: Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.

Prototype Overview

• The Action Bar

Page 13: Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.

Prototype Overview

• The “Halo Theme”

Page 14: Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.

Prototype Overview

Page 15: Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.

Prototype Overview

• Act Now – Perform a random act of kindness for a stranger

Page 16: Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.

Prototype Overview

• Find Events – Browse through events that others have organized

Page 17: Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.

Prototype Overview

• Organize Others – Create an event for other upLift users to attend

Page 18: Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.

Prototype Overview

• My Events – See events that the user will attend or have created

Page 19: Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.

Tools

• Project repository: Google Code

• Android 4.0 SDK in Eclipse

• Mercurial Eclipse plugin for version control

Page 20: Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.

upLift Before and After

Medium-fidelityprototype

High-fidelityprototype

Interactiveprototype #1

• iOS• Not very good

usability

• Old Android theme• Improved usability,

not perfect

• Android 4.0 guideline• Can be demonstrated

with actual device• Much better usability• More features

Page 21: Express your kindness!. Introduction Problem and Solution Online Usability Study Recap Revised Interface Design Prototype Overview Prototype Demonstration.

• Different learning curves, but made a lot of progress

• Most of the features were implemented

• Prototype is running locally only

• A little bit of hard code

• Will improve more after the pilot usability study

• Good position for next phase of project

Wrap-up