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

21
Express your kindness!

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