mobile app rapid prototype ux concept amanda wise

27
MOBILE APP CONCEPT RAPID PROTOTYPING PROJECT UXDI 2014 AMANDA WISE, UX STRATEGY & DESIGN

Upload: awise14

Post on 20-May-2015

419 views

Category:

Design


2 download

DESCRIPTION

Rapid prototyping design process and UX concepts for a quick household calendar mobile app.

TRANSCRIPT

Page 1: Mobile app rapid prototype UX concept   Amanda Wise

MOBILE APP CONCEPT

RAPID PROTOTYPING PROJECT

UXDI 2014

AMANDA WISE, UX STRATEGY & DESIGN

Page 2: Mobile app rapid prototype UX concept   Amanda Wise

OVERVIEW •  Interview  a  person  and  identify  a  need  or  problem  they  

have  which  could  be  solved  by  a  smart  phone  app  –  and  rapidly  prototype  a  design  solution.

•  The  process: •  Core  User  interview •  Current  context  and  behaviour •  Needs  requirements •  User  flow •  Interface  design  concepts •  Concept  validation •  Clickable  prototype •  Documentation

Page 3: Mobile app rapid prototype UX concept   Amanda Wise

USER RESEARCH

Page 4: Mobile app rapid prototype UX concept   Amanda Wise

USER RESEARCH

Page 5: Mobile app rapid prototype UX concept   Amanda Wise

PERSONA Deepa Age:  XX Job  Title:    IT  Human  Resources Deepa  and  her  partner  are  busy  professionals  who  live  in  the  inner  west  of  Sydney.    Deepa  currently  works  from  home,  while  her  partner  goes  out  to  work.  They  don’t  have  kids,  but  do  have  a  much  loved  new  puppy.    Their  families  live  close  by  so  they  see  each  family  at  least  once  or  twice  a  fortnight.  They  have  lots  of  friends  and  love  going  out  for  dinner  and  drinks.  

 

Favourite  Things •  Sam,    her  partner •  Cooking  and  TV  cooking  shows •  Addictive  TV  series •  Darcy,  the  new  puppy •  Yoga •  Sophisticated  fashion  brands  like  Pilgrim  and  Moleskin  diaries

Page 6: Mobile app rapid prototype UX concept   Amanda Wise

NEEDS & PAIN POINTS "ʺBecause  I  work  at  home  I  tend  to  do  more  of  the  household  chores,  so  I’d  like  to  organise  the  sharing  of  tasks  a  bit  beRer.  

“For  example,  we  both  love  to  cook,  but  I  forget  to  ask  him  if  he  wants  to  cook  that  night  and  so  just  launch  in  and  do  my  thing,  when  really  he  might  like  to  do  it!  

“We  also  sometimes  make  double  bookings  of  friend  and  family  events.  We  had  a  disaster  once  where  he  went  out  to  something  and  took  the  car  keys  without  leRing  me  know  and  he  had  to  come  back  home  to  give  me  the  keys!”

Page 7: Mobile app rapid prototype UX concept   Amanda Wise

CURRENT BEHAVIOUR Currently,  Deepa  uses  Notes  and  iCal  on  her  iPhone  to  plan  the  weekly  shopping  and  social  activities.  

She  likes  to  quickly  type  recipes  on  TV  cooking  shows  into  Notes  on  the  mobile,  and  then  refers  to  these  when  out  shopping  for  ingredients.  If  her  partner  is  doing  the  shopping,  she’ll  email  the  Notes  recipe  to  him  to  refer  to.  

Deepa  finds  the  Notes  apps  the  simplest  “go  to”  app  for  this  because  you  don’t  have  to  bother  with  signing  in.  

She  tends  to  set  alarms  in  iCal  for  a  To  Do,  rather  than  creating  a  formal  To  Do.  She  and  her  partner  use  SMS  to  communicate  during  the  day  because,  unlike  email,  the  message  is  sure  to  be  seen  and  responded  to!

Page 8: Mobile app rapid prototype UX concept   Amanda Wise

THE PROBLEM “When  it  comes  to  household  tasks,  my  partner  and  I  don’t  know  who’s  doing  what.  We  also  often  forget  to  share  social  arrangements  that  each  other  has  made  until  the  last  minute.  

“I  wish  there  was  a  way  we  could  co-­‐‑ordinate  more  easily.”

Page 9: Mobile app rapid prototype UX concept   Amanda Wise

USER GOAL

To  share  household  chores  and  events  with  love  and  respect,  not  stress.

DESIGN CONCEPT

Design  a  simple  household  calendar  app  that  enables  Deepa  and  Sam  to  quickly  co-­‐‑ordinate  their  day-­‐‑to-­‐‑days  tasks.

Page 10: Mobile app rapid prototype UX concept   Amanda Wise

THE SOLUTION

Design  a  household  calendar  app  that  enables  Deepa  and  Sam  to  co-­‐‑ordinate  tasks  easily.

RAPID PROTOTYPING BEGINS!

Page 11: Mobile app rapid prototype UX concept   Amanda Wise

GUERILLA RESEARCH

Page 12: Mobile app rapid prototype UX concept   Amanda Wise

CORE FEATURES

•  Simple

•  Quick

•  Visual

•  Ability  to  aRach  notes

•  Share  invitations/events  from  social  accounts

•  Send  Alerts/reminders  

•  Instant  messaging

•  Synch  with  desktop  app  and  iCal

Page 13: Mobile app rapid prototype UX concept   Amanda Wise

USER FLOW

Page 14: Mobile app rapid prototype UX concept   Amanda Wise

INTERFACE CONCEPTING

Page 15: Mobile app rapid prototype UX concept   Amanda Wise

INTERACTION CONCEPTING

Page 16: Mobile app rapid prototype UX concept   Amanda Wise

PAPER PROTOTYPE

Page 17: Mobile app rapid prototype UX concept   Amanda Wise

CONCEPT VALIDATION

Page 18: Mobile app rapid prototype UX concept   Amanda Wise

APP SET-UP

 

WIREFRAMES

Page 19: Mobile app rapid prototype UX concept   Amanda Wise

WIREFRAMES

DEEPA ADDS A TASK TO CALENDAR

 

Page 20: Mobile app rapid prototype UX concept   Amanda Wise

AUTO-SENDS AN ALERT TO SAM

 

WIREFRAMES

Page 21: Mobile app rapid prototype UX concept   Amanda Wise

SAM SENDS BACK A QUICK REPLY

 

WIREFRAMES

Page 22: Mobile app rapid prototype UX concept   Amanda Wise

TO CONFIRM AT A GLANCE

 

WIREFRAMES

Page 23: Mobile app rapid prototype UX concept   Amanda Wise

HE CAN ALSO ASK A QUESTION

 

WIREFRAMES

Page 24: Mobile app rapid prototype UX concept   Amanda Wise

OR ALERT DEEPA IF THERE’S AN ISSUE

 

WIREFRAMES

Page 25: Mobile app rapid prototype UX concept   Amanda Wise

THEY CAN SWAP OR CHAT AS NEEDED

 

WIREFRAMES

Page 26: Mobile app rapid prototype UX concept   Amanda Wise

CLICKABLE PROTOTYPE Quick  iOS7  prototype  for  guerilla  testing:

hBps://popapp.in/w#!/projects/52cf5f01c86460077900075f/preview

Page 27: Mobile app rapid prototype UX concept   Amanda Wise

CONTACT

AMANDA WISE, UX STRATEGY & DESIGN

HTTP://WISEAMANDA.WORDPRESS.COM/

JANUARY 2014