Roomies - Chelsea C. Thesis Project

THE APP FOR

ROOMMATES

SHU O-CHU N CHU EH (Chelsea ) 03300357 F ian l Review 2014.00.00 00:00P M 1 s t Submission We b De s i g n & N ew Med ia D epartm e nt

A c adem y o f A rt U niv e rsity

02 03

03 Elevator Pitch 04 Autobiography 05 RĂŠsumĂŠ 06 Statement of Interest 07 Project Description

Proof of Concept 09 Information Architecture 10 Tasks 1 13 Tasks 2 15 Tasks 3 18 Tasks 4

strategic Process 20 Thesis Ideas Survey 21 Target Audience Population Structure 22 Compatitive Analysis / Matrix 28 Unique Positioning Statement 29 Inspiration 31 Mind Mapping 32 Content Map 33 Business Model 34 Experience Map 35 Target Audience Description / Personas

04 05 06 07

UX Process 42

User Testing Information

43

Testing Plan

45

Testing Results

52

User Flow

53

Information Architecture Process

54

Key Words Exercise

Visual Design Process 56

Mood Board

57

Logo Desgin

59

Design Specification

60

Type Specification

61

Sketches

Techinical Process 64 Technical Specification

Analysis & Conclusion 67

Conclusion

68

Direct Study Journal Highlights

71

Biblography

Table of Contents

01

Overview

001

Roomies

Table of Contents

002

Roomies

01 .

Overview

Elevator Pitch

Elevator Pitch

003

Roomies is a responsive web application optimized for iOS devices that often arise when people live together in a shared space. It provides an effective communication channel to mediate conversations about household chores with fairness and accountability.

Roommates using this app can plan a housework schedule together-and to ensure that the chore assignments are fair for everyone, users have to log their own progress after completing their chores every month or week. This accountability feature keeps users motivated to use this application while they create a peaceful, organized living space.

Roomies

can be used by roommates who want to solve the kind of issues that

I am a Taiwanese girl with a male’s Mandarin name, Shuo-Chun

Before I came to the USA, I had some part-time jobs. I took on

Chueh. It means large, big and decent. I got this name because

a month-long position with Design Popular Imagination (DPI)

when I was born, my parents took me to a fortuneteller who said

magazine as an executive art design assistant. A year later, having

that I will become a tough businesswoman. The fortuneteller gave

just graduated, I worked briefly as an artist for Common Wealth

me a masculine name to ensure that I can be successful in the

Magazine, a well-known and respected business magazine in

future. However, I grew up into a different person as what the

Taiwan, designing interfaces for iPad e-books. I was also an art

fortuneteller predicted.

teacher teaching 3-5 year-old children at the same time.

Autobiography

Autobiography

I was always the shortest girl in my classes. I aways loved art and

On my leisure time, I like shopping, origami, playing piano, drawing,

music without any ideas of finance. I was always good at painting

and hanging out with friends. Also, I like wasting my time on beautiful

during my childhood, especially on the faces of my family members

things such as writing diaries with a cup of milk tea, and cleaning

and on the walls of our home. Therefore I took art classes in junior

my room until there’s no dust anywhere. Living in a foreign city

and senior high school, and majored in visual communication of

far away from my hometown has allowed me to have a chance to

design and minored in graphic communication arts when I was in

absorb the new cultural elements around me and integrate them

college.

into my design. The knowledge I have learned from Academy of Art University gave me a sense of accomplishment in my designs.

I moved from Taiwan to San Francisco two years ago to continue

In the future, I hope to focus not only on learning about aesthetics

my education at the Academy of Art University to pursue my dream

but also improving my technical skills. I am looking forward to do

of becoming a successful designer—a path to success that has

my best with my thesis project with all my passion.

always felt truth to me.

Roomies

004

Résumé Uversity,Inc. San francisco (Sep, 2014- Present)

CHELSEA CHEUEH

Design Inrern

To become an UX/UI designer.

OTTO2, Taipei City (Nov. 2010 – Jan. 2011) Children's Art Teacher (part-time)

Contact Information

Web chelseachueh.com

-Teaching drawing and painting to three to five-year-old students

E-mail c17ttw@gmail.com Tel 415.728.5660

Common Wealth Magazine, Taipei City (2010-2011 )

Address 616 Broadway St. Apt #2, San Francisco, CA, 94133

Artist (part-time, irregularly scheduled) -Laying out pages for publication

Education

Acafemy of Art University, MFA (Jun 2011 – Present)

-Interface design for e-books

Major: Web Design & New Media

Design Popular Imagination (DPI) Magazine, Taipei City (Jul. 2009 – Sep. 2009)

Skills

National Taiwan University of Arts, BFA (Sep 2006 – Jun 2010)

Executive Art Design Assistant

Major: Visual Communication of Design

-Laying out pages to ensure most suitable graphics and photographs are used

Minor: Graphic Communication of Arts

-Undertook and completed internship

Ai Id Ae Fl W

Activities

Taipei Fine Arts Museum (2007) Volunteer Guide

Photoshop, Illustrator, Indesign, AfterEffect, Flash, Microsoft Office

Language Basic HTML, CSS, Javascript

SEEDS Iceland (Jul. 2010 – Aug. 2010) International Volunteer

漢 En 台 Maderin, English, Taiwanese

Résumé

Objective

Work Experience

005

Roomies

SHUO CHUN CHUEH

Maya Angelou

I have a long experience living with roommates. I slept in a bunk

live together with different backgrounds and habits, it can easily

bed with my older sister when I was a child, moved into a college

lead to conflict and arguments. Wouldn’t it be great if there were

dorm with three other classmates, and even made my bed on the

a communication channel among roommates and housemates

floor of a classroom at an elementary school with 15 people when I

to prevent the awkward situations which inevitably occur? With

was a volunteer in Iceland. Today I live in an apartment with my two

Roomies I hope to offer a viable solution.

sweet roomies in San Francisco. I have wonderful memories about living with roommates. Roommates provide us companionship,

This thesis project has also given me the opportunity to sharpen my

connection, cooperation and a lot of fun.

skills with an emphasis on usability, user experience design and user interface design. I hope to become an UX/UI designer in my future

However, living with people is not only about sharing bills and happy times together, but also housework and space. When people

career.

006

Roomies

If you don't like something, change it.

Statement of Interest

Statement of Interest

Category: Productivity

Roomies is a responsive web app that can be used by roommates

Chores are also weighted with difficulty points. Each home member

to solve housework issues. There are many things that could

needs to earn a certain amount of points every week or every month.

cause conflict in a home, not only about rent and bills, but also the

This keeps the chores assignment fair and the users motivated to

assignment of household chores. This app provides an effective

use this application to create a peaceful, organized living space.

Project Description

Project Description

communication channel to solve this problem and avoid awkward conversations or arguments.

The target audience for this app is young people, 17-28 years old,

007

who live in a city with someone else. They might be students and might also work part time or low- to medium-income jobs.

by logging in to a Home Profile. Users can set up a chores list together with weekly chores and monthly chores. When one member of a

Through this project, I have increased my knowledge of developing

Home group claims a chore, it is added to their individual to-do list.

a real-world app and my understanding of the UX/UI design process

There they can set up alarms as reminders to get their chores done

from beginning to end. It has given me vital experience and broader

on time.

perspective as I perpare to join a real design firm.

Set up chores

Users claim chores

Finish chores and get points to achieve

also set up the points (Difficulty) of each chores

from the chores list

personal monthly progress

Roomies

When a group of roommates decides to use Roomies, they will start

Proof of Concept

008

Roomies

02.

Information Architecture

First-time users only

My Chores

Introduction

Chores List

To-Do

Chores to be claimed

Done

Add chores

Personal Progress

Default choices Add a cutome chore

Sign Up

Home Profile

Progress Progress infographics of each members

Details of each home member’s progress

Settings Edit personal profile

009

Edit home profile

Roomies

Home

Schedule Your

Make Your

LET’S GET STA RT ED

Houseworks

Chores Assignment

Fast and Simple

Fair and Efficient

Three steps to get your house chores organized.

Proof of Concept

Task 1 - Create an account and get connected with roommates

1 CREATE ACCOUNT WITH FB

010 slide left

slide left

slide left

2

click go

LOG IN

Set up your chores list from default selections. Each home members can claim the chores from the list.

Finish the chores to get the points and complete the progress bar each week/mon.

3

CHO R ES S CHE D U L E

GO !

HOME

INTRODUCTION

Users can click on the LOG IN button

Introduction about how to use the application

or slide left to see more information.

User click on the "GO" button and start to use the applicaiton

Roomies

ㄋ S ET UP HOM ㄍ E PROFILE

Task 1 - Create an account and get connected with roommates

First-time User - A User and user's rrommates never use the application before.

LET’S GET STARTED 2

1

LET’S GET STARTED 3

1

YOUR ACCOUNT

2

LE T ’S GE T STA RT E D 3

3

6 16 HO M E

Add a home member

Add a home member

Enter account name or e-mail to search

Password click button

JOIN

click create

MINDY W.

eb880329s@gmail.com

3

GET CONNECT ED

Name of Your Home

Email or Phone

2

1

GET CONNECTED

WH ERE YOU BELONG ＷㄊWelcome! Please join a home profile or create a new one.

SIGN UP W ITH FB

2

1

LE T ’S GE T STARTED

Enter account name or e-mail to search input info

011

MINDY W.

eb880329s@gmail.com click Done

emaililala@gmail.com

Nancy K.

emaililala@gmail.com

CREATE DONE

SIGN UP

CREATE HOME PROFILE

Users can sign up with their

Users connect with their roommates by creating a new Home Profile. The

facebook account.

roommates who got connected will get invitations,

DONE

Roomies

MICKY H.

Task 1 - Create an account and get connected with roommates

First-time User - B

First-time User - C

User's rrommate has used the application and have created a home profile before.

User's rrommate has used the application and sent an invitation to the user.

1

2

LET’S GET STARTED 3

GET CO NNECTED Name of Your Home

2

1

GET CONNECTED 616

LET’S GET STARTED 3

2

1

3

2

1

YOU’VE GOT INVITED

WELCOME!

You’ve been invited from the following

Here’s your new Home Profile!

Home Profile. Please confirm and join.

616 HOME

LET’S GET STARTED

616 HOME

MEMBERS

3

616 HOME MEMBERS

Chelsea C.

MEMBERS

chelseac729@gmail.com

616 SUTTER

012

MINDY W.

MEMBERS

eb880329s@gmail.com

616 HOUSE

MICKY H.

emaililala@gmail.com

MEMBERS

Nancy K.

emaililala@gmail.com

JOIN

JOIN

NEXT

SKIP STEPS WHEN USERS GOT INVITATIONS Users will be able to send invitation to roommates and invite them to download the application. When they start to use Roomies, they can join their roommates' home profile directly instead of setting up a new profile.

Roomies

LET’S GET STARTED

L ET ’ S GET STA RT E D 2

CHO RES L I ST

SORT BY

3

SPACE Let’s

SORT BY

sPOINTS t a r t w itTIME h

SPACE

a d d ing c h o r e s t o t h e

TH E C HO R E S S C H E DU LE

ADD NEW CHORE

Ooops! You currently have no c h o r e s l is t ! chores on the list.

POINTS

TIME

Ooops! You currently have no chores on the list.

Take out garbage KITCHEN / 7 Days

Add chores to the chores list ㄊㄟwith your roomies

Shop Groceries KITCHEN / 7 Days

Claim the chores you’d like from your to-do list

click "Add Chores"

click screen

click

Water Plants LIVING ROOM / 5 Days

AD D A CUSTOM CH ORE

Finish the chores and complete the progress every month

D O NE

INTRODUCTION

ADD CHORES TO THE LIST

After users set up their account and get connected with their roommates. The

Users can choose from the default

first time user's can start to set up their chores list.

chores that categorized by spaces or add a custom chore.

013

Roomies

1

C HO R E S L I ST

Proof of Concept

Task 2 - Set up the chores list

Task 2 - Set up the chores list

ADD A N E W C HOR E

A DD A N E W C HO R E Icon

A DD A NEW CHORE

I co n

I co n

Where C h o os e f ro m l i st

Where C h o os e f ro m l i st

Where C h o os e f ro m l i st

W h at Edi t t h e ti tl e of th e ch o r e

W h at Ed i t t h e t i t l e of t h e c h o r e

W h at Ed i t t h e t i t l e of t h e c hore

R e p e at

R e p e at

R e p e at

W e e kly

W e e k ly

Da i ly

Di f f i c u lty

3 Days

3

5 Days

5

Description Edi t t h e d et a i l s of t h e ch o r e

W e e k ly

3

M o nt h ly

1

N o R e p e at

0

SAV E T H E CH O R E

SAV E THE C HO R E

Di f f i c u lty

SAV E THE C HORE

MORE

ADD A CUSTOM CHORE Users can add a custom chore.

These are the screenshots of the custom chore form.

Choose an icon.

Decide if the chores will show on the list regularly.

014

Roomies

Ico n

A DD A NEW CHO RE

ďźł Set up the difficulty of the chore.

C HORES LI ST

CHOR ES LIST

CHOR ES LIST

SORT BY

SORT BY POINTS

TIME

SPACE

Do you want to add this chore (one-time only) to your to-do list ?

Take out garbage KITCHEN / 2 Days Left

Shop Groceries

POINTS

TIME

Take out garbage KITCHEN / 2 Days Left

Shop Groceries

KITCHEN / 2 Days Left

KITCHEN / 2 Days Left M Y C HO RES

Wash Dishes

Wash Dishes

KITCHEN / 1 Days Left

KITCHEN / 1 Days Left

click on "+"

Clean Toilet BATHROOM / 6 Days Left

click "YES"

Take out garbage KITCHEN / 2 Days Left

"MY CHORES"

Clean Toilet C HO RES BATH L IST ROOM / 6 Days Left

Clean Bathtub

Clean Bathtub

BATHROOM / 15 Days Left

BATH ROOM / 15 Days Left P RO G RESS

Water Plants LIVING ROOM / 5 Days Left

12 MORE

Water Plants LIVING ROOM / 5 Days Left

CA N C E L YES

SETTIN G S

CLAIM A CHORE

12 MORE

MENU

On the chores list section, users

User clicks on the "YES" button and

After the user claimed a chore, he/she

can click on the "+" button to claim

opens the menu panel.

can go to MY CHORES section to see the

a chore.

015

to-do list.

Roomies

SPACE

Proof of Concept

Task 3 - Claim / finish a chore and check progress

Task 3 - Claim / Finish a Ｃ C hore and Check Process

M Y C H O R ES

MY C HOR ES

SORT BY

SORT BY POINTS

TIME

SPACE

TO DO

KITCHEN 2 Days left

BATHROOM 2 Days left

POINTS

TO DO

LIVING ROOM 4 Days left

BATHROOM 2 Days left

LIVING ROOM 4 Days left

7 MORE

KITCHEN

BATHROOM

P RO G R ESS

016 7 MORE

DONE

drag

TIME

DONE

KITCHEN 2 Days left

KITCHEN

BATHROOM

PROGRESS

COMPLETE A CHORE When user completed a chore, he/she can drag the chore from to-do part to the done part on "MY CHORES" section. Users can also check their own progress bar on this page.

Roomies

SPACE

Task 3 - Claim / Finish a  C hore and Check Process

PPRO ROG GR RES ESSS

P RO G R ES S

Aug. 3-9

Aug. 3-9

CHELS EA C.

C H ELSEA C .

9

15

DETAILS DETAILS MY CHORES

AMY L. DETAILS

DONE

TO DO

Take out garbage

017

KITCHEN

M I CK Y H .

Wash Dishes KITCHEN

DETAILS

Water Plants PROGRESS

N A N CY K .

LIVING ROOM / 5 Days Left

DETAILS

A MY L. SE TTINGS

MIC K Y H .

Check Progress Users can check each home members' progress and details at the progress section.

Users can adjust the progress bar refresh cycle at the settings section.

Roomies

CHORES LIST

Task 4 - Settings

SETTINGS

SETTINGS

SETTINGS

Personal Settings Chelsea C

NAME

Home Profile NAME 616 HOME

Progress Notifications When someone completes their progress.

P ER S O N A L S ET T I N G S MY CHORES

ㄏP rogress ㄏRefresh Cycle Weekely

New Chores Notifications When someone adds a new chores

018

ㄏP rogress ㄏM ax Amount 15

Reminder CHORES LIST

of the chores on my to-do list.

Progress Notifications When one of the members didn’t finish their PROGRESS

H O M E P RO F I L E

progress by the end of the week/month.

LOG OUT SE TTINGS

MEMBERS

Roomies

When there’s only one day left to finish one

Strategic Process

019

Roomies

03.

Strategic Process - Thesis Ideas Survey

%

60

Gender

26-35

M

1. Roommates App 38 people preferred An app that can be used between roommates. It would calculate the

F

Out of 48 Responses

%

50 % 50 %

transactions between roommates like how much roommates owe each other every month. Users can plan schedules and get alerts when visitors are coming in advance.

2. Lost and Found in San Francisco 29 people preferred

46 %

A website with a mobile version that users who live in San Francisco and bay

Research

79

18-25

Age

area can share their lost and found objects (e.g., stuff, pet, or person) .

Pre

fer

red

3. Taiwanese Wedding Traditions 24 people preferred

020

wedding in the 80s. The website will have some interactive contents to lead users go through the whole wedding ceremony.

Dis

4. Learning Zhuyin 24 people preferred

like

Zhuyin is a phonetic system for transcribing Mandarin. People who want to

d

learn how to speak in Chinese usually start with leaning Pinyin or Zhuyin system. This is a website that teaching people the Zhuyin system.

Top Five Ideas 1

2

3

4

5

for My Thesis Project

5. History of Typography 22 people preferred An interactive website or an e-book that teachs users the basic knowledge of the history of typography.

Source: docs.google.com/forms/d/1mFL8PmFrd0DUCNSAXPTwgxCP_u8sQWb4KaqhZdNyhmk/viewform

Roomies

A website introducing the Taiwanese wedding traditions through my parent's

Strategic Process - Research Population structure of people who live with roommates - 2010 Category: Nonfamily households - Nonrelatives present

In thousands (18,263,000).

As the US census captures it, roommates fall under the category of “non family households�

Source: U.S. Census Bureau, "America's Families and Living Arrangements:2010, Table A2 Family Status and Household Relationship of People 15 Years and Over.

Research

Female

Age Range 15-24 25-44 45-64 65 and over

URL: www.census.gov/compendia/statab/2012/tables/12s0071.pdf www.quora.com/How-many-people-live-with-roommates-in-the-US

021

Roomies

Male

PLATFORM

FEATURES

Zenrow

By Zenrow, INC

Smartphones (iPhone)

• Calculates bills and rent

/ Website

• Shows how much each roommate has overpaid or underpaid

TARGET AUDIENCE

Price: Free

Language: English

Size: 7.9 MB

Seller: ZENROW, INC.

People who live with

Version: 2.0.1

Category: Productivity

roommates

• Ability to set up a home base profile • Provides a chore list

Competitive Analysis

Competitive Analysis - Zenrow

022

• Provides both web and app versions • Connects to Facebook and PayPal • Provides timely notifications

Cons • Icons are difficult to recognize • Limited icon choices • Cannot delete existing bills or chores • Things on the to-do list can only be assigned, not claimed • Cannot specify how expenses should be split (website version)

Roomies

Pros

PLATFORM

FEATURES

Roommat.es

By Roommat.es

Smartphones (iPhone)

• Calculates bills and rent

/ Website

• Displays how much each roommate has overpaid / underpaid the rent and bills

TARGET AUDIENCE

Price: Free

Language: English, Spanish

Size: 5.5 MB

Seller: Roommat.es Inc

People who live with

Version: 1.2

Category: Lifestyle

roommates

• Ability to set up a home base profile • Provides a to-do and shopping list (independent from the chores section) and a household rules agreement

Competitive Analysis

Competitive Analysis - Roommat.es

023 • Provides both web and app versions • Connects to users’ e-mail boxes (alerts, account) • Clearly designed user interface, beautiful texture • Highly integrated features

Cons • Activity feeds are not linked • Things on the to-do list cannot be assigned or be claimed • Doesn’t show who did the chores on the to-do list and the shopping list • The product description mentioned there’s a calendar but can’t find it • Confirmation email information is not clear (The title and content of the e-mail only shows “confirmation email”) • Personal profile cannot be edited ( the web page exists but not working) • Cannot specify an expense

Roomies

Pros

PLATFORM

FEATURES

Chorma for Chores

By Stephen Bennett

Smartphones (iPhone)

• Ability to organize a group activity • Provides a house work list, users can edit the details of house works and information of house members.

TARGET AUDIENCE

Price: Free

Language: English

Size: 4.3 MB

Seller: Stephen Bennett

People who live with

Version: 1.2.5

Category: Productivity

roommates / Families

• Provides claiming and rewards systems

Competitive Analysis

Competitive Analysis - Chorma

024 • Effective chores assignment system • Clear forms • Use icons to display status (to-do, claimed, and unclaimed) • The rewards system can encourage users to do their chores

Cons • Cannot set up due dates for chores • Cannot set up repeat dates for chores • No specific use for the reward points

Visaual Design The interface design is simple, clear and easy to use. The icons on the menu show the latest activities of other users. However, some icons are confusing.

Roomies

Pros

PLATFORM

FEATURES

Chore Pad

By Nannek

Smartphones (iPhone) / iPad / Website

Features • Provides a chores list that parents can edit the details of each chore

Price: Free

Language: English

Size: 9.0 MB

Seller: Kevin BROWN

Version: 4.1.2

Category: Productivity

TARGET AUDIENCE Parents and their children

• Both parents and children can follow the chores list easily • Provides rewards and punishement systems

Competitive Analysis

Competitive Analysis - Chore Pad

025 • Effective household chores assignment and reward systems • Clear forms • Use icons to display users' status

Cons • The house chores and daily routines are mixed together • The interface design of the parents' interface is confusing with all the colorful icons and small texts

Visual Design Vivid colors and clear layouts but can be more clear and simple. The choice of typefaces and icons can be improved.

Roomies

Pros

PLATFORM

FEATURES

ChoreMonster / Picker

By ChoreMonster

Smartphones (iPhone) / iPad / Website

Features • Provides a chores list that parents can edit the details and instructions of each chores

Price: Free

Language: 27 languages

Size: 19.9 MB

Seller: ChoreMonster

Version: 1.2.3

Category: Lifestyle

TARGET AUDIENCE Parents and their children

• Provides claiming and rewarding systems • Let children "keep monsters" when they get enough points by doing house chores

Competitive Analysis

Competitive Analysis 5 - ChoreMonster

026 • Very nice graphic illustrations and UI • Clear forms, easy to use • Interesting rewarding system • Provides different interfaces/account types for parents and children • Provides another app (Chore Monster Picker) for children to choose their chores

Cons • Parents cannot do chores with children • Reward points information is not on the list

Visual Design Great graphic and UI design. Nice choices of typefaces and colors. The characteristics of the monsters are creative and interesting.

Roomies

Pros

Blank = Not Provided

Comparison Categories Platform

Features Home Profile

Zenrow

Roommat.es

Chorma

Smartphone (iPhone)

Smartphone (iPhone)

Smartphone

Website

Website

(iPhone)

Chore Pad

Doesn't Meet

Exceeds

ChoreMonster

Roomies

Smartphone (iPhone)

Smartphone (iPhone)

Smartphone

iPad, Website

iPad (Picker), Website

(iPhone)

Competitive Analysis Matrix

Competitive Analysis Matrix

Personal Profile Due Date Settings

027

Rewarding System Household Rules Visual Design Layout Typography Graphics Readability

Roomies

Chore List

Unique Positioning Statement

Unique Positioning Statement

Most of the apps built for roommates focus on calculating rent and bills. For example, the roommat. es and Zenrow apps. Even though these apps also provide features to help users arrange their housework, problems occurred when I tried to use these apps in real life. The app does not show who did the chores or the shopping list cannot be edited.

The unique value proposition of my thesis project

028

The other apps that can help roommates arrange

people live in an organized and peace environment

household chores are mostly build for parents and

with their roommates. Users can plan housework

children. These apps, such as Chore Monster and

schedules together. Instead of developing the app

Chore Pad, use rewards and claiming systems that

for parents and children, Roomies users can have an

can only be edited by parents.

efficient communication tool to talk as equals with their roommates or housemates.

Roomies

relies on its ability to provide complete features to help

Inspiration- Google Calendar

PLATFORM Google Calendar compatible with all of your devices

Price: Free

Category: Productivity

Size: 2.2 MB

Updated: August 1, 2013

Inspiration

By Google Inc.

Version: 201306302

029

visual design: layouts, color choices, information hierachy, and icons • Calendar, event, alarm (repeat days, time settings), and task set up page and process • Settings menu and personal profile requirement information

Roomies

• Ispired by the clean and clear

Inspiration- Google Calendar

PLATFORM

FEATURES

Taasky Smartphones (iPhone) / iPad / Website

Features • focus on priority task • editable colored lists

Price: $1.99

Language: English

Size: 6.8 MB

Seller: CLEEVIO s.r.o.© 2013 CLEEVIO s.r.o.

Version: 1.4.1

Category: Productivity

• using the app is very intuitive and simple • beautiful award-winning design • new intelligent reminder

Inspiration

By Cleevio s.r.o.

• synchronization with iCloud

030

visual design: layouts, color choices, information hierachy, and icons • Inspired the left slide panel menu • Inspired user instruction when first open the application

Roomies

• Ispired by the clean and clear

Roomies

Mind Mapping

Mind Mapping

031

Roomies

Mind Mapping

Content Map

032

Key Partners -Roommates / Housemates -House/apartment owner -Grocery stores

Key Activities

Value Propositions

Customer Relationships

Customer Segments

-Plan/check the chores schedule

-Mobile

-Co-creatiors

-People who live with

-Send/get alerts when the users

-Ease of use

-Friends

roommates or housemates

need to do house chores

-Visitors ( e.g., parents, boy/girl friends, friens...)

-Use the progress system to keep

-Neighbors

the motivation of doing chores

-Pets

-Roommates / Housemates

-Solves the housohold work issues

-People who live with families -People who share office

-Solves sharing public living

places and cleaning works

spaces within a group of people living in a home

Business Model

Business Model

033

when talking about roommate

Key Resources

problems

Channels

-Smartphones (iPhones)

-App store

-System database

-Personal website

-Users / apartments / houses

-Facebook / Twitter /

-Computers / Tablets

Other social networking sites

Cost Structure -The cost of paying for the database -The cost of the equipments for developing and mataining the app such as computers -The cost of human resource to develope and matain the app

Revenue Streams -Help users living harmiously with roommates and organized -Get to know roommates/housemates more and become friends -Good App store reviews

Roomies

-Avoids awkward conversations

Communication Depress Anger

Conflicts

Arguement

Move Out

Different living habits Find Place

Find roommates

Move in

Adjusting new lifestyle

Set housework schedule

Disagreement Unhappy experience

Inefficient communication

more and more little conflicts

Move out

Argument

How to get along with my new

What are the chores should put

Why is it always me doing the

I don’t inderstand why my roommates

Chloe thinks that their problems

rommates / housemates?

on the housework list? What /

chores? Are my roommates really

are so unresonable. We are goving

can never be solved and decided to

How to manage the home chores?

When / Where / How / With

doing their part of the housework?

each other hard time and can’t have

move out.

and other things (e.g., individual’sa

who to finish the work on the list?

Chloe had a few talks to her

an efficient conversation to slove the

privavcy, noise control)?

What are the living rules should

roommates about their roommate

problem.

we follow?

problems but it’s not working.

- An easy and fast way to set up

-An efficient way to set up the

-A third-party platform to help

-A conmunication channel to help

-A clear moving out to do list (e.g.,

the roommate agreement can

house chores schedule together.

Chloe and her roommates to

Chloe and her roommates to solves

get the deposit back, transfer the

help Chloe and her roommates

-An effective system that can

communicate with each other

their problems and issues.

internet/PG&E accounts....etc.)

get to know each other and make

make sure everyone doing their

without awkward atmosphere.`

sure they are on the same page

own part of the house chores.

-A progress system to keep the

- A way to keep in touch with the

motivation of doing house chores.

ex-roommates.

of the details.

Excitement

Adjusting

Experience Map

Move In

034

Roomies

OPPORTUNITY

THINKING

DOING

STAGE

Experience Map

Primary Target Audience Young people with smartphones who live with roommates or housemates, 17-28 years old and living in a city. Might be students and might also work part time in low- to medium-income jobs.

Target Audience

Target Audience Description

Secondary Target Audience

035

Roomies

Families or co-workers with smartphones who spend a lot of time together in any shared space (share household chores or office-cleaning work together)

Target Audience Persona - Chloe Biography Chloe was born in Sacramento, California. She is a freshman at San Francisco State University, majoring in psychology. Chloe moved to San Francisco with three friends: Cindy, Amy and Ashley. They decided to live together in the Sunset District. This is the first time Chloe has lived with other people outside of her family.

All of them are very excited about their new college life.

Motivation:

Persona

She has known her roommates for years and they have been good friends since senior year of high school.

In the beginning, when Chloe and her friends moved to their apartment, they got along very well. However, inexperienced with household chores and they have too much stuff in their small space. Their dormitory room is usually full of trash and dirty clothes. Sometimes they even get warnings from the RA and have to spend their whole weekend cleaning up the room together. Frustrated with the messy environment, Chloe starts spending more and more of her personal time picking up after her roomies. She knows in her heart

Name: Chloe

Location: San Francisco

Age: 19

Occupation: Part-time barista, cashier / Café Francisco

Gender: Female

Student / San Francisco State University

these girls are her good friends, but as her resentment builds, she has a hard time thinking of them as anything other than a bunch of slobs.

Chloe wants to talk to Cindy and Ashley again but she feels it will be an awkward conversation and she worries a conversation between roommates may not work for a long time. She needs an efficient way to

ＴTech Skill

036

communicate with her roommates, delegate responsibilities and keep their room clean

S o c i a l En g a g e m e nt

Goal: • Find a way to remind roommates to clean their apartment.

• Get alerts when it's her turn to cook.

• Solve the home cleaning issues.

• Avoid awkward conversations when talking about roommate problems.

Roomies

Our room is a wreck! We need to pull it together!

as time went by, Chloe noticed that they had some roommate problems. Chloe and her roommates are

Proof of Concept

Target Audience Persona Story Board - Chloe

Chloe and her college roommates start

Chloe and her roommates plan the chores

school dorm. Their room is usually messy.

using My Roomie Book app.

schedule together and excute it.

Their room is always clean now.

Chloe can even set alarms to remind herself

Now, Chloe and her roommates can live in a

to do the chores. She feels her living space is

peace and clean environment.

037

Roomies

Chloe lives with four roommates in the

organized and clean now.

Target Audience Persona - Nelson

Biography Nelson is a Taiwanese international student. After he graduated from college, he came to the USA to study fine art at the Academy of Art University. He got an internship with a small startup company last summer. southern California. Although they have different cultural backgrounds and customs, their passion for art tied them together and made them feel like brothers. Nelson feels lucky he met a few good friends in this foreign country.

Motivation: and decided to share some of their food such as office snacks and coffee in order to reduce their individual expenses. However, without a plan, Nelson observes that their informal arrangement doesn’t always work

Name: Nelson

Location: San Francisco

out. A few weeks ago Nelson and Davis both bought milk on the same day but they couldn’t finish two cartons

Age: 24

Occupation: Part-time student

of milk before the expiration date. Nelson decided they need a more efficient communication channel to

Gender: Male

ＴTech Skill S o c i a l En g a g e m e nt

Academy of Art University

038

solve this problem.

Goal: • Arrange an office-cleaning schedule with other interns.

• Keep the schedule as planned.

Roomies

What’s that smell? Sour milk again!

Nelson and the other interns take turns on office-cleaning duty. They also share space in the refrigerator

Persona

He shared an office space with his two coworkers, Mark and Davis. Mark is from China and Davis is from

Proof of Concept

Target Audience Persona Story Board - Nelson

Nelson noticed that he and his coworkers

Nelson’s coworker, Davis also found out that

Nelson and Davis both bought a box of milk

have run out of milk.

they have to buy milk on the same day.

and now they got two boxes of milk. They

039

Roomies

cannot finish it before the due date.

Nelson and Davis start using My Roomie

They can arrange their grocery shopping

Now, Nelson and Davis happy because there

Book app on their smartphones.

together.

is no more shopping mistakes between

TASK 1-3

them.

Target Audience Persona - Emily Biography Emily was born in Richmond, Virginia. She moved to New York 5 years ago to study accounting at NYU. After graduating, she started her first job as an international account specialist at Toyota Tsusho Company. She left the school dormitory and moved in to an apartment with her new roommate, Grace. Emily gets along They are both work and enjoy reading and cooking when they have free time.

Motivation:

Persona

with Grace very well. They share daily household items such as toilet paper and they do laundry together.

Emily and Grace share the bathroom, kitchen, and living room together but Grace has a few habits that start to annoy Emily. Grace usually has to stay at the office until very late and when she comes home she always watches TV in the living room to unwind. Emily likes to go to work early but she has trouble sleeping with the noise of the TV. Another thing that bothers Emily is that Grace's boyfriend sometimes comes to visit unannounced. Emily feels her privacy is violated when a male visitor comes to their apartment without notice. She wants to

Name: Emily

Location: San New York City

establish some rules about visitors and using shared spaces. She wants to talk about these roommate issues

Age: 26

Occupation: International account specialist

with Grace but can’t find a way to avoid it being awkward.

Gender: Female

Toyota Tsusho company

Goal: ＴTech Skill

• Set up house chores schedule of her apartment and keep the schedule as planned.

S o c i a l En g a g e m e nt

• Keep the peace relationship with her roommate

Roomies

It’s awkward when I talk to my roommate about our living issues.

040

04.

Roomies

UX Process

041

UX Process - User Testing

Interview

Feb 03 - Feb 09, 2014

5

N/A

Card Sorting

Mar 10 - Mar 15, 2014

7

N/A, test with post-it

Low-Fidelity Paper Prototype

Apr 14 - Apr 20, 2014 May 05 - May 11, 2014

High-Fidelity Prototype - A

Apr 28 - May 04, 2014

5

Test through Invision URL: http://invis.io/EAGFN13C

High-Fidelity Prototype - B

Apr 28 - May 04, 2014

5

Test through Invision URL: http://invis.io/9BT3IQH7

High-Fidelity Prototype - C

Aug - Sep , 2014

5

N/A, test with PDF file

7 + 3 ( 2 versions)

N/A, test with paper

UX Process

Time

042

Roomies

Nu m be r of P e op p le

P rototype

Pha s e

Objectives

Steps

The objectives of the usability test of My Roomie Application are:

-User open up the application, read the introduction

•

Validate the steps of setting up the chores

- User sign in with FB account

•

Validate the usage of house chores schedule

- Select “create a new home profile” instead of join an exist home profile, input information

•

Compare the different layouts of house chores lists and calendars

- Add chores from default choices

Target Users for this Test:

Time for expert to complete: 7-10 mins

Student - Seeking college / graduate students who live with roommates Young Adult - Seeking 17-28 young adults who live with roommates.

Instructions for participant

Student (Dorm) - Seeking students who live with roommates in school dormitory.

This is the first time you start to use this application. Please sign-up with Facebook account

UX Process

UX Process - Testing Plan

043

Use cases (Scenario & Tasks)

home profile, you can keep following the steps that shows on the screen.

1.

User start to use the application, set up the chores

2.

User wants to claim a chore on the chores list

Task 2 – Claim A Chore

3.

User finished a chore and check progress

Goals / Outcomes

Task 1 – Start and Set Up

-

Users able to find a chore on the Chores list section

-

Users add (claim) a chore to their to-do List

Goals / Outcomes -

Users start use the application

Inputs

-

Set up the chores

- Users click on the + button

Inputs

Steps

- Users login with their FB accounts

- User go to Chores List section - Click on the “+” button on the selected chore, and confirm

Roomies

and get connect with your roommates. After you set up your personal account and your

Time for expert to complete: Within 3 mins

(After User finished the last step) Great, now do you wanna check your progress? Do you wanna check your roommates' progress? For the next step, what will you do to check your

Instructions for participant

roommates' progress?

Now you have set up the schedule. Please start using the schedule by claiming a chore

Task 3 – Finish A Chore & Check Progress Goals / Outcomes -

Users able to find a chore on the My Chores section

-

Users claim finish a chore on My Chores List

-

Users able to check progress

Inputs

UX Process

on the chore list to add the chore to your to-do list.

044

Steps - User go to My Chores section - User drag the finished chore drom the To-Do part to the Done part -Confirm - User go to Progress section -Check progress Time for expert to complete: Within 5 mins Instructions for participant Now, let's pretend that you have finished doing the chore “Take out the trash” in the kitchen. What will you do for the next step?

Roomies

- Users drag the finished chore drom the To-Do part to the Done part

UX / UI Process - Testing Results

My Roomie Book

My Roomie Book

Added a progress bar to let users

Join a Home

YOUR HOME PROFILE

know which steps they are at and

Welcme to join My Roomie Book! Please join an exist home profile or create a new one.

how many steps left.

1

2

W H ER E YOU B EL ON G Ｗ ㄊ Welcome! Please join a home profile or create a new one.

JOIN

JOIN

Changed design style and refined the New Home Profile

instruction on the page.

CREATE

3

CREATE

045

Roomies

L E T ’S GE T STA RT E D

UX Process

FINAL VERSION

PREVIOUS VERSIONS

UX / UI Process - Testing Results

Revised the tiletle of each pages to let the users get a more clear understanding about

My Roomie Book 1

LET’S SET UP A CHORE SCHEDULE!

2

3

T H E C HO R E S S C H E D U L E

what they are doing Step 1 Add chores to your the schedule and set up the reward points for each chores.

Step 2 Add some rewards and redeem them after you get enough reward points.

Claim the chores you’d like to do your to-do list

Finish the chores and complete the progress every month

Added icons and links to each steps, users can skip steps if they want

Add chores to the chores list ㄊㄟwith your roomies

START

Added a progress bar to let users know which steps they are at and how many steps left.

AC COUN T

H O M E P RO F I L E

S CH ED U L E

1

2

3

046

Roomies

L ET ’ S GET STA RT E D

UX Process

FINAL VERSION

PREVIOUS VERSIONS

UX / UI Process - Testing Results

L E T ’ S G E T STA RT E D

Create a Home Profile Name of Your Home

WELCOME!

Happy Home Add a roommate

Here’s your new Home Profile!

3

Add a progress bar to let users know which steps they are at and how many steps left.

616 HOME Enter account name or e-mail to search

Chloe Smith

chloe1257@gmail.com

Simplify the process of setting

MEMBERS

Chelsea C.

chelseac729@gmail.com

Emily Brown

MINDY W.

eb880329s@gmail.com

eb880329s@gmail.com

Amy Jones

MICKY H.

emaililala@gmail.com

Nancy Taylor

emaililala@gmail.com

DONE

up a Home Profile. When a user's roommate has already use Roomies, they can send invitations to the other roommates.

emaililala@gmail.com

Nancy K.

emaililala@gmail.com

NEXT

047

Roomies

2

1

UX Process

FINAL VERSION

PREVIOUS VERSIONS

UX / UI Process - Testing Results

Added "Add Chores" button

C H O R ES L I ST SORT BY

some of the chores don't have

SPACE

J ul . 2013

to be finished on a certain date.

Revised the style of the chores list.

Sun

Mon

Tue

1 7

POINTS

Take out garbage KITCHEN / 2 Days Left

Wed

Thu

Fri

Sat

2

3

4

5

6

8

9

10

11

12

13

KITCHEN / 2 Days Left

14

15

16

17

18

19

20

Wash Dishes

21

22

23

24

25

26

27

28

29

30

31

Shop Groceries

BATHROOM / 6 Days Left

Clean Bathtub

Thr.

BATHROOM / 15 Days Left

Cooking lunch Claimed by AMY

Water Plants LIVING ROOM / 5 Days Left

Agreement My Chores

All Chores

Rewards

Statistics

Revised the style of the filter

048

KITCHEN / 1 Days Left

Clean Toilet

Emptying trash

TIME

12 MORE

Roomies

My Roomie Book

Took out the calendar because

UX Process

FINAL VERSION

PREVIOUS VERSIONS

UX / UI Process - Testing Results FINAL VERSION

PREVIOUS VERSIONS

Revised the "My Chores" section

KITCHEN

into two parts: To-Do and Done.

OT H E R PLACES

HARD

MY CHORES L I V I N G RO O M

My Roomie Book

SORT BY

user's to-do chores and only one

SPACE

Sun

Mon

Tue

1 7

TIME

TO DO

Jul. 2013

click can input the finished chores.

POINTS

Wed

Thu

Fri

Sat

2

3

4

5

6

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

BAT H RO O M

Experimented the colore use for chores location and the difficulty of each chores.

KITCHEN 2 Days left

BATHROOM 2 Days left

7 MORE

DONE

Thr.

Experimented thestyle of the KITCHEN

BATHROOM

PRO G R ES S All Chores

Rewards

Statistics

049

LIVING ROOM 4 Days left

Emptying trash

Agreement My Chores

EASY

Roomies

Reduce the steps of checking

progress bar:

UX / UI Process - Testing Results PREVIOUS VERSIONS

FINAL VERSION

Revised the "Add chores" process.

Instead of click on the "add" button

ADD NEW CHORE

Add Chores

everytime when adding chores, the new design can let users check the

Add Chores

Categorize the chores by locations.

Add Rewards

default selections at once.

Cook Lunch M. T. W. T. F.

ADD

Take out garbage

ChoreTitle M. W. F.

5

KITCHEN / 7 Days

5

Shop Groceries

050

ChoreTitle M.

7

T YP E

Water Plants

ChoreTitle M.

LIVING ROOM / 5 Days

7

D AT E

PLACE

DONE

A D D A CU STO M CHO R E

WHO

DONE

Roomies

KITCHEN / 7 Days

UX / UI Process - Testing Results FINAL VERSION

PREVIOUS VERSIONS

Revised the menu style and the

C H O R ES L IST

My Roomie Book You have

102

My Roomie Book

points

Re w a rds POINTS

250

POINTS

SPACE

Bills Subletting

POINTS

TIME

Take out garbage KITCHEN / 2 Days Left

Waive $10 in Groceries

Waive $25 in Groceries

REDEEM

REDEEM

M e m be r s ’ R e wa rd s Waive $10 in Groceries

Guests Each roommate is responsible for the behavior of his or her guests. Guests shall not unreasonably disturb other roommates.

Guests must stay in the bedroom of the roommate who invited them, unless all other roommates agree that the guest may stay in a shared area.

Do guests need permission to stay overnight?

Kate / 2013.07.07

Yes

Shop Groceries KITCHEN / 2 Days Left MY C H O R ES

Wash Dishes KITCHEN / 1 Days Left

Clean Toilet C H O R ES BATH L IST ROOM / 6 Days Left

No

Are there a maximum number of days a guest may stay?

Yes

Days

Clean Bathtub BATH ROOM / 15 Days Left PRO G R ESS

Water Plants LIVING ROOM / 5 Days Left

Agreement My Chores

All Chores

Rewards

Statistics

Agreement My Chores

All Chores

Rewards

051

Statistics SE TTIN G S

12 MORE

Roomies

100

use of menu icons.

SORT BY

UX Process - User Flow

PREVIOUS VERSION

Set up chores / rewards

Claim chores

Finish and get

Accumulate

reward points

reward points

Get rewards

UX Process

Before intoducing the tasks of My Roomie Book app, here is the user flow of the main feature - using the house chores schedule:

Roomies

052

FINAL VERSION

Set up chores

Users claim chores

Finish chores and get points to achieve

also set up the points (Difficulty) of each chores

from the chores list

personal monthly progress

In order to make the chores assignment fair to

Loading Page

each home members, combined the rewarding system and the statistics section into the progress section.

Sign up

Creat a home profile

Sign in

Join a home profile

Agreement House Agreement

Add chores

Add rewards

My Chores

All Chores

Rewards

Details of chores

Details of chores

Redeem a reward

Add a chore

Add a reward

Statistics All members

Default / New

Roommates’ rewards list

Default / New

Settings

In the final version, I deleted the roommate agreement section to focus on solving the chores

Edit my profile

assignment problem between roommates.

Edit home profile

Simplify the steps when user first use the application. Users can skip steps when

In the final version, users will directly go to My

Credits

they got invitations from their roommates.

Chores section and see their to-do list right after they open the application,.

053

Roomies

PREVIOUS VERSION

Information Architecture

UX process - Information Architecture

Time: Mar. 24- Mar. 30, 2014 Number of People: 7

Harmony* , Harmonious, Understanding, Communicate, Argument Preventer, Communication, Polite, Equality* , Equal, Relationship* , Share, Peace, Friendly, Clean, Ease to Use, Duty, Responsibility* , Responsible, Awareness, Organized, Chores* , Manage, Schedule* , Solve Problem, Reminder, Task, Scheduling, Satisfaction, Persuasive, Smart, Soft Skill, Rewarding* , Motivation, Push, Warm but Professional,

UX Process - Key Words

UX Process - Key Words

Force, Fairness

Roomies

054

05.

Roomies

Visual Ddesign Process

055

Mood Board

Visual Design Process - Mood Board

Roomies

056

PREVIOUS VERSION

Logo Ideas

Midpoint Selection

Logo Design Process

Visual Design Process - Logo (Midpoint version)

Roomies

057

My Roomie Book My

RoomieBook HOUSEWORK CALENDAR

Roomie Book

R

058

Roomies

FINAL VERSION

Logo Design Process

Visual Design Process - Logo

Visual Design Process - Color Specification

#000000 R: 0 G: 0 B: 0 M: 0 Y: 0 K: 100 C:0 Hue:0 Saturation:0 Lightness:0 #333132 R: 51 G: 49 B: 50 M: 0 Y: 0 K: 95 C:0 Hue: 316 Saturation: 3 Lightness:20

#333132 R: 65 G: 112 B: 155 M: 53 Y: 20 K: 2 C:80 Hue: 209 Saturation: 58 Lightness:61

#CEE3C9 R: 206 G: 227 B: 201 M: 0 Y: 27 K: 0 C:33 Hue: 108 Saturation: 11 Lightness: 89

#CEE3C9 R: 123 G: 195 B: 135 M: 1 Y: 62 K: 0 C: 54 Hue: 73 Saturation: -33 Lightness: 22

#00B49E R: 0 G: 180 B: 158 M: 0 Y: 49 K: 0 C:81 Hue: 173 Saturation: 100 Lightness: 71

#00B49E R: 238 G: 104 B: 105 M: 74 Y: 51 K: 0 C: 2 Hue: 61 Saturation: 52 Lightness: 26

#CE922C R: 206 G: 146 B: 44 M: 0 Y: 0 K: 100 C:0 Hue: 38 Saturation: 79 Lightness: 81

059

#CE922C R: 246 G: 217 B: 118 M: 12 Y: 65 K: 0 C: 4 Hue: 88 Saturation: 1 Lightness: 51

Roomies

R: 0 G: 0 B: 0 M: 0 Y: 0 K: 100 C:0 Hue:0 Saturation:0 Lightness:0

#000000

Visual Design

FINAL VERSION

PREVIOUS VERSION

Visual Design Process - Type Specification

RALEWAY ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ

Visual Design

FINAL VERSION

PREVIOUS VERSION

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ

060

NUNITO ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ

THIRSTY ROUGH

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

Roomies

abcdefghijklmnopqrstuvwxyz

Roomies

Sketches

Sketches

061

Roomies

Sketches

Sketches

062

06.

Roomies

Technical Process

063

Roomies is a responsive web application optimized for iOS devices.

The prototype is implemented with HTML, CSS and under the structure of Jquery Mobile.

Technology Requirement -HTML, CSS, Javascript, jQuery, -Illustrator, Photoshop, InDesign-Visual Design

I mainly focus on the UX and UI design of my project. The prototype

-After Effects – Guide/Concept video

is notfully implemented in part of the sections which requires high technical understanding.

Technical Specifications

Technical Specifications

064

Roomies

HTML5 Desktop/Laptop iOS system

CSS Users

Visual Design Javascript Mobile Devices iOS system

Technical Specifications

The prototype of Roomies has use the following resources:

http://jquery.com/

jQuery Mobile 1.4.4 http://jquerymobile.com/

jQuery UI 1.11.1

jQuery Plugins OWL Carouselw http://owlgraphic.com/owlcarousel/

MixItUp https://mixitup.kunkalabs.com/

http://jqueryui.com/

jQuery UI Touch Punch http://touchpunch.furf.com/

Animate CSS http://daneden.github.io/animate.css/

Fonts

065

Raleway , Nunito https://www.google.com/fonts

Roomies

jQuery 2.1.1

07. &

Conclusion

66

Roomies

Analysis

Conclusion

I am still working on this project!

This is an on going project, Please come back to see my new progress.

Roomies

67

W N M _ 8 01 _ 0 6 :

MS: GDS: User Experience Module ďź?ďź˜08 Mar 24 - Mar 30 / 2014

Module 12 Mar 24 - Mar 30 / 2014

Goals:

Goals:

- Present midterm presentation

- Understand the method of doing low fidelity usability test

- Discuss the changes that I have made of thesis project

- Low-fidelity (paper prototype usability test

- Understand Storyboarding & wireframing

DS Journal Highlights

Direct Study Journal Highlights

Is s u e s cov e r e d / R e s p o n s e f ro m a dv i s o r :

Is s u e s cov e r e d / R e s p o n s e f ro m a dv i s o r :

- In-class activity: paper prototype usability test

- Discuss the sketches of navigation elements/systems with class

- Discuss the purpose of each classmates project and understand the advantage of

- Share inspirations with class

using pen and paper to do prototype usability test

- Change or delete the roommate agreement part of the project. The agreement part is kind of serious and text basis, which is not fit the style of your thesis project.

G o a l s fo r n ex t w e e k :

Another solution is make it fun.

- Using the test plan and the low-fidelity prototype of your project to test on at least 3 test participants. Submit a report describing your testing and describing your

G o a l s fo r n ex t w e e k :

findings

- Create storyboards for your thesis project; basing them on the task analysis you

- Create high-fidelity prototype of your project for the next test

did in class.

- Sketch at least 3 wireframes that depict the information layout of 3 views of your current user interface design. Use paper and pencil.

- Find an inspiration to share with class

68

Roomies

- Share inspirations with class

W N M _ 8 01 _ 0 5 :

MS: Group Directed Study: Visual Design Module 10 Jul 17 - Jul 19 / 2014

Module １２ 12 Jul 20 - Jul 23 / 2014

Goals:

Goals:

- Refine UX research

- Refine UX research

- UI elements (list/sketches)

- UI elements (list/sketches)

- Visual Design Mock-ups of key screens (refine)

- High-fidelity prototype (start making one)

Is s u e s cov e r e d / R e s p o n s e f ro m a dv i s o r : Is s u e s cov e r e d / R e s p o n s e f ro m a dv i s o r :

common to user greem> yellow > red. It’s better use the colors to present the

The style of the progress bar now looks better. Good Instruction page. On the add

difficulties than the spaces of the chores.

chores page, add some small arrows to show each chore can still be edited. Instead of using “Edit a new chore”, it's better say “add a custom chore” and make the button align + under other default chores.

“All Chores” or “Chores List” (confused if the list includes the chores that have been claimed by other users)

For now there’s no place the uses can set up the refresh cycle of the progress bar and the amount of the numbers they have to finish each month or week.

G o a l s fo r n ex t w e e k :

-Complete Directed Study Journal

G o a l s fo r n ex t w e e k :

-Refine UX research

- Complete Directed Study Journal

-Visual Design Mock-ups of key screens (refine)

- Refine UX research - Visual Design Mock-ups of key screens (refine)

Roomies

69

The colors are hard to tell it presents the difficulties of each chores. It’s more

The filter buttons are making more sense now. Should the All Chores list be called

DS Journal Highlights

Direct Study Journal Highlights

I am still working on this project!

DS Journal Highlights

Direct Study Journal Highlights

This is an on going project, Please come back to see my new progress.

Roomies

70

Biblography

Apps References Zenrow itunes.apple.com/us/app/zenrow/id556398155?mt=8 Chorma ForCchores itunes.apple.com/us/app/chorma-for-chores/id590954566?mt=8 ChoreMonster tunes.apple.com/us/app/choremonster/id532344230?mt=8 ChorePicker(ChoreMonster) itunes.apple.com/us/app/chorepicker/id667008125?mt=8 Taasky https://itunes.apple.com/us/app/taasky-beautiful-task-to-do/id720309412?mt=8

Biblography

Roommat.es itunes.apple.com/us/app/roommat.es/id564544651?mt=8

71 Online Biblography Part of the moodboard pics https://pinterest.com iPhone template Noun Project

www.mobiletuxedo.com/collection-of-iphone-5-psd-mockup-templates

thenounproject.com

Roomies

Persona photos www.flickr.com/photos/jasontravis/sets/72157603258446753

Roomies

72

We b De s i g n & N ew Med ia D epartm e nt

A c adem y o f A rt U niv e rsity