UCSD Mobile App Redesign

24
M.A.R.Z. | ASHWIN KHURANA | FABIAN RAMIREZ | JENNY LYONS | RAMYA KEDLAYA | | MICHELLE JOW | JEONGHO CHO | VINCE VOONG | ZISHAN BUDHWANI | (Still Pending)

description

The final deliverable of a user-based redesign of UCSD's mobile app. This presentation describes our process, product, and the data-centered motivations for our design.

Transcript of UCSD Mobile App Redesign

Page 1: UCSD Mobile App Redesign

M.A.R.Z. | ASHWIN KHURANA | FABIAN RAMIREZ | JENNY LYONS | RAMYA KEDLAYA |

| MICHELLE JOW | JEONGHO CHO | VINCE VOONG | ZISHAN BUDHWANI |

(Still Pending)

Page 2: UCSD Mobile App Redesign

“ ”

We mean to create a UC San Diego mobile app that satisfies the needs of the average UCSD student.

-M.A.R.Z. Mission Statement

Page 3: UCSD Mobile App Redesign

Since the beginning of time…

  Interviews

  Narrowing Focus

  Affinity Diagramming

  Personas

  Competitive Analysis

Page 4: UCSD Mobile App Redesign

Process Timeline

Low-Level Visioning • Week 8

Storyboarding • Week 8

Initial Prototyping • Week 8

Prototype Expansion • Week 9

Prototype Finalization • Week 9

Page 5: UCSD Mobile App Redesign

User Testing (v2.0) •  Grid view vs. Creative (Bubble) view

•  Bubble view: •  Pros:

•  “Looks more interesting than the standard grid format”

•  "Likes the personal touch"

•  Cons: •  “Hard to direct my attention”

•  “Looks messy”

•  Grid view: •  Pros:

•  “More familiar with it”

•  “Allows me to categorize”

•  Cons:

•  "Boring"

•  "Not personal"

•  Results: •  There's pros and cons for both views, we can

accommodate both by allowing the users to switch between different views

vs

Page 6: UCSD Mobile App Redesign

User Testing (v2.0)   Surveys sent for naming scheme

  Provide a task, ask which is more intuitive

  100+ responses

  “Ah, the power of social media!”

  Results

  Participants tend to choose the more “standard” wordings as opposed to colloquial wordings

21%

79%

I want to check the menu for OVT

Hungry?

Dining

21%

79%

I want to find events with free food on campus

What's Going On?

Events

84%

16%

I want to check the hours for Main Gym

Recreation

Stay Active

0 10 20 30 40 50 60 70 80 90

100 110 120

6/2/2013 6/3/2013

Survey Responses

Page 7: UCSD Mobile App Redesign

Presenting: UC San Diego Mobile PENDING DESIGN 06/02/2013

Page 8: UCSD Mobile App Redesign

POP Demonstration You can find a live demo of our prototype at:

http://tinyurl.com/ucsdmobilefilnal

Page 9: UCSD Mobile App Redesign

“ ”

Homepage menu organization not relevant to me.

Problem One

Page 10: UCSD Mobile App Redesign

Profile Selection •  Customization based on type of

user – current student, prospective student, faculty and staff

•  Relevant features correspond to the user status.

Page 11: UCSD Mobile App Redesign

“ ”

I want to customize the menu

Problem Two

Page 12: UCSD Mobile App Redesign

Customization: Drag and Drop

•  Drag and Drop System

•  Homepage Icons

•  Widgets

•  Enter the edit mode by holding the icon for 1.5 sec.

•  WYSIWYG: Drag and Drop on the homepage.

•  Trashcan holds all the removed icons

•  Tap to bring it back

Page 13: UCSD Mobile App Redesign

“ ”

Need to dig through the App to find the information I need.

Problem Three

Page 14: UCSD Mobile App Redesign

Task Based Tools •  Tools are accessible via a task-

oriented scheme

•  Individual tools may be favorited

•  Based on persona scenarios

Page 15: UCSD Mobile App Redesign

“ ”

A widget for shuttles would be helpful.

Problem Four

Page 16: UCSD Mobile App Redesign

Widgets •  Quick-View into most relevant

tools

•  Weekly Schedule, Shuttle Times, etc.

•  Based off breakdowns and insights from data.

Page 17: UCSD Mobile App Redesign

“ ”

I want to be notified when the balance is due.

Problem Five

Page 18: UCSD Mobile App Redesign

Notifications •  Current Balance Changes

•  Bill due date approaching

•  Holds

•  Study Rooms (Upon Reservation)

•  Exam Dates (TED Integration)

•  Unique User-Defined Reminders

Page 19: UCSD Mobile App Redesign

“ ”

It’s stupid that I have to go to the homepage to go to another feature.

Problem Six

Page 20: UCSD Mobile App Redesign

Navigation •  Navigation menu available upon

left sweep

•  Accessible from any level within the hierarchy

•  UC San Diego logo navigates back home

•  Navigation consistent across all hierarchical levels.

Page 21: UCSD Mobile App Redesign

“ ”

Why do I have to sign in so many times? Problem Seven

Page 22: UCSD Mobile App Redesign

Easy Log In/Out •  Setting on the left navigation

feature allows users to log in and out anytime throughout the application.

•  Avoid users sign in and out multiple times.

•  Save the user’s authentication locally.

Page 23: UCSD Mobile App Redesign

What’s Left to Do

  Finish Paper

  Assemble our binder

  Share our findings with the Campus Web Office

  Feature our findings online

  Possibly do more user testing for user feedback.

Page 24: UCSD Mobile App Redesign

Thank You!