going mobile - taking internet products to mobile from a ucd perspective
TRANSCRIPT
![Page 1: going mobile - taking internet products to mobile from a UCD perspective](https://reader035.vdocuments.net/reader035/viewer/2022070315/555491dbb4c9057f688b49e1/html5/thumbnails/1.jpg)
Going mobile
Sunandini Basu
Ibibo.com
![Page 2: going mobile - taking internet products to mobile from a UCD perspective](https://reader035.vdocuments.net/reader035/viewer/2022070315/555491dbb4c9057f688b49e1/html5/thumbnails/2.jpg)
Sunandini Basu 2
The mobile metaphorNot shrink to fit!
![Page 3: going mobile - taking internet products to mobile from a UCD perspective](https://reader035.vdocuments.net/reader035/viewer/2022070315/555491dbb4c9057f688b49e1/html5/thumbnails/3.jpg)
Sunandini Basu 3
Context & use
![Page 4: going mobile - taking internet products to mobile from a UCD perspective](https://reader035.vdocuments.net/reader035/viewer/2022070315/555491dbb4c9057f688b49e1/html5/thumbnails/4.jpg)
Sunandini Basu 4
Showcase - Gmail
![Page 5: going mobile - taking internet products to mobile from a UCD perspective](https://reader035.vdocuments.net/reader035/viewer/2022070315/555491dbb4c9057f688b49e1/html5/thumbnails/5.jpg)
Sunandini Basu 5
Showcase - Gmail
![Page 6: going mobile - taking internet products to mobile from a UCD perspective](https://reader035.vdocuments.net/reader035/viewer/2022070315/555491dbb4c9057f688b49e1/html5/thumbnails/6.jpg)
Sunandini Basu 6
Showcase - Gmail
![Page 7: going mobile - taking internet products to mobile from a UCD perspective](https://reader035.vdocuments.net/reader035/viewer/2022070315/555491dbb4c9057f688b49e1/html5/thumbnails/7.jpg)
Sunandini Basu 7
Showcase - Gmail
![Page 8: going mobile - taking internet products to mobile from a UCD perspective](https://reader035.vdocuments.net/reader035/viewer/2022070315/555491dbb4c9057f688b49e1/html5/thumbnails/8.jpg)
Sunandini Basu 8
Showcase - Gmail
![Page 9: going mobile - taking internet products to mobile from a UCD perspective](https://reader035.vdocuments.net/reader035/viewer/2022070315/555491dbb4c9057f688b49e1/html5/thumbnails/9.jpg)
Sunandini Basu 9
Showcase - Gmail
![Page 10: going mobile - taking internet products to mobile from a UCD perspective](https://reader035.vdocuments.net/reader035/viewer/2022070315/555491dbb4c9057f688b49e1/html5/thumbnails/10.jpg)
Sunandini Basu 10
Design process Checklist
Product RequirementsSelect the right tasksCustomize your navigationOptimize experienceRemember budgets and development
timelinesThink about access to the product
![Page 11: going mobile - taking internet products to mobile from a UCD perspective](https://reader035.vdocuments.net/reader035/viewer/2022070315/555491dbb4c9057f688b49e1/html5/thumbnails/11.jpg)
Sunandini Basu 11
Select the right tasks
Upload photos
Organize into sets
Add comments
Explore other users’ photos
Share photos
Add titles
![Page 12: going mobile - taking internet products to mobile from a UCD perspective](https://reader035.vdocuments.net/reader035/viewer/2022070315/555491dbb4c9057f688b49e1/html5/thumbnails/12.jpg)
Sunandini Basu 12
Task analysis
• What does the user REALLY want to do on his phone
1. Upload photos2. Share with friends3. Browse
• What does he NOT want to do?1. Enter lots of data2. Organize lots of photos
![Page 13: going mobile - taking internet products to mobile from a UCD perspective](https://reader035.vdocuments.net/reader035/viewer/2022070315/555491dbb4c9057f688b49e1/html5/thumbnails/13.jpg)
Sunandini Basu 13
Navigation
• Simplify & optimize the path to reach a target
• Respect and follow a user’s mental model
• Let users do tasks first and ask him questions later
![Page 14: going mobile - taking internet products to mobile from a UCD perspective](https://reader035.vdocuments.net/reader035/viewer/2022070315/555491dbb4c9057f688b49e1/html5/thumbnails/14.jpg)
Sunandini Basu 14
Choose the right platform
What if • you wanted to reach
the max no. of users?
• Anyone could access it with any mobile web browser?
• Your product could run on the most basic handsets?
![Page 15: going mobile - taking internet products to mobile from a UCD perspective](https://reader035.vdocuments.net/reader035/viewer/2022070315/555491dbb4c9057f688b49e1/html5/thumbnails/15.jpg)
Sunandini Basu 15
Optimize user experience
What if • you wanted to provide a
Richer User experience?
• What if the user could take a photo from within the product?
• What if the user could also use the product when he is offline?
![Page 16: going mobile - taking internet products to mobile from a UCD perspective](https://reader035.vdocuments.net/reader035/viewer/2022070315/555491dbb4c9057f688b49e1/html5/thumbnails/16.jpg)
Sunandini Basu 16
Don’t break the flow
What if • the user does not even
have to access the product?
• the product prompts him every time he takes a photo?
• the experience is so smooth (just 1 click) the user doesn’t even notice it?
![Page 17: going mobile - taking internet products to mobile from a UCD perspective](https://reader035.vdocuments.net/reader035/viewer/2022070315/555491dbb4c9057f688b49e1/html5/thumbnails/17.jpg)
Sunandini Basu 17
Use Personas
![Page 18: going mobile - taking internet products to mobile from a UCD perspective](https://reader035.vdocuments.net/reader035/viewer/2022070315/555491dbb4c9057f688b49e1/html5/thumbnails/18.jpg)
Sunandini Basu 18
Test
Always
• Test on a phone rather than an emulator
• On different phones
• On different browser types
• On different OS
![Page 19: going mobile - taking internet products to mobile from a UCD perspective](https://reader035.vdocuments.net/reader035/viewer/2022070315/555491dbb4c9057f688b49e1/html5/thumbnails/19.jpg)
Sunandini Basu 19
Budgets & timelinesB
UD
GE
T
TIME FOR PRODUCTION
SYMBIAN
WAP
J2ME
* If your product can be developed in these platforms
![Page 20: going mobile - taking internet products to mobile from a UCD perspective](https://reader035.vdocuments.net/reader035/viewer/2022070315/555491dbb4c9057f688b49e1/html5/thumbnails/20.jpg)
Sunandini Basu 20
Ways of Access• Online & offline promotions