Mobile app rapid prototype UX concept Amanda Wise

904 views
709 views

Published on

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

Published in: Design, Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
904
On SlideShare
0
From Embeds
0
Number of Embeds
81
Actions
Shares
0
Downloads
24
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Mobile app rapid prototype UX concept Amanda Wise

  1. 1. MOBILE APP CONCEPT RAPID PROTOTYPING PROJECT UXDI 2014 AMANDA WISE, UX STRATEGY & DESIGN
  2. 2. 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
  3. 3. USER RESEARCH
  4. 4. USER RESEARCH
  5. 5. 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
  6. 6. 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!”
  7. 7. 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!
  8. 8. 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.”
  9. 9. 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.
  10. 10. THE SOLUTION Design  a  household  calendar  app  that  enables   Deepa  and  Sam  to  co-­‐‑ordinate  tasks  easily. RAPID PROTOTYPING BEGINS!
  11. 11. GUERILLA RESEARCH
  12. 12. 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
  13. 13. USER FLOW
  14. 14. INTERFACE CONCEPTING
  15. 15. INTERACTION CONCEPTING
  16. 16. PAPER PROTOTYPE
  17. 17. CONCEPT VALIDATION
  18. 18. APP SET-UP   WIREFRAMES
  19. 19. DEEPA ADDS A TASK TO CALENDAR   WIREFRAMES
  20. 20. AUTO-SENDS AN ALERT TO SAM   WIREFRAMES
  21. 21. SAM SENDS BACK A QUICK REPLY   WIREFRAMES
  22. 22. TO CONFIRM AT A GLANCE   WIREFRAMES
  23. 23. HE CAN ALSO ASK A QUESTION   WIREFRAMES
  24. 24. OR ALERT DEEPA IF THERE’S AN ISSUE   WIREFRAMES
  25. 25. THEY CAN SWAP OR CHAT AS NEEDED   WIREFRAMES
  26. 26. CLICKABLE PROTOTYPE Quick  iOS7  prototype  for  guerilla  testing: hBps://popapp.in/w#!/projects/ 52cf5f01c86460077900075f/preview
  27. 27. CONTACT AMANDA WISE, UX STRATEGY & DESIGN HTTP://WISEAMANDA.WORDPRESS.COM/ JANUARY 2014

×