tour of mobile usability testing apps and services
Post on 27-Jun-2015
Embed Size (px)
DESCRIPTIONOk, you have been asked to go off and research how to design/architect a mobile user experience. After the initial excitement and learning all about mobile UX, you decide to jump head-on and start designing. Then comes the realization, how are you going to test the designs in context of a mobile device? Do you have to package everything in an app or is there a way to test preliminary designs? What tools are available? Which works for what Mobile OS? When to use a particular tool? Can, we, designers use it without developer help?In this presentation I have various testing app/methods/tools/services available specifically for Mobile, for which OS, when to best use them during design process, cost associated with some of the tools, and what are pros & cons of each of them.
- 1. Whirlwind tourof MobileUsability TestingApps & ServicesVijay Hanumolu @vijju2k
2. Disclaimer @vijju2k 3. Mobile Operating Systems @vijju2k 4. Responsive Design @vijju2k 5. Terminology @vijju2k Courtesy Pizza Kitchen 6. Conceptual Design @vijju2k 7. Conceptual Design iOS Stencils @vijju2k Courtesy UIStencils.com 8. Conceptual Design Android Stencil @vijju2k Courtesy UIStencils.com 9. Conceptual Design Windows Stencil @vijju2k Courtesy UIStencils.com 10. Conceptual Design Sketchpad @vijju2k Courtesy UIStencils.com 11. Conceptual Design Sketchbook @vijju2k Courtesy UIStencils.com 12. Conceptual Design SHckies @vijju2k Courtesy UIStencils.com 13. Conceptual Design Paper Prototype @vijju2k 14. Conceptual Design Paper Prototype @vijju2k 15. Detail Design @vijju2k 16. Detail Design Blueprint @vijju2k hJp://www.groosoM.com/blueprint/ 17. Detail Design Blueprint @vijju2k 18. Detail Design Blueprint @vijju2k 19. Detail Design Blueprint @vijju2k 20. Detail Design Blueprint @vijju2k 21. Detail Design Blueprint Blueprint is a mockup app for iPhone and iPad applicaHons. Highlights Pixel perfect alignment Import images ProperHes for each UI element AcHons for each UI element Supports tap (leM, right, up, down) Support Swipe (leM, right, up, down) Highlevel story board Dropbox integraHon Also Export to PDF/PNG @vijju2k 22. Detail Design App Cooker @vijju2k hJp://www.appcooker.com/ 23. Detail Design App Cooker @vijju2k 24. Detail Design App Cooker @vijju2k 25. Detail Design App Cooker @vijju2k 26. Detail Design App Cooker App Cooker allows users to Design, Mockup and Prototype mobile applicaHons directly on your iPad Highlights Full blown graphics editor Support upto 200 screens Support upto 99 icons Supports export/import directly to Dropbox Supports both orientaHons Icon editor Pricing esHmates In future Appcoker is looking into ways where your mockup created in Appcooker can be exported to xcode COOL if it works. Similar to FlashCatalyst concept bridging gap between designer and developer. @vijju2k 27. Detail Design Too much Hme on hand @vijju2k 28. Detail Design Adobe Device Central @vijju2k 29. Detail Design Adobe Device Central @vijju2k 30. Detail Design Adobe Shadow @vijju2k hJp://labs.adobe.com/technologies/shadow/ 31. Detail Design Adobe Shadow Adobe Shadow is an inspecHon and preview tools that allows designers to work faster and more eciently by streamlining the preview process, making it easier to customize websites for mobile devices Highlights MulHple iOS and/or Android devices at once Responsive web design tesHng Support OrientaHon Support scrolling and zooming Support private user interacHon with the content (doesnot aect other parts) Works with only Chrome Make sure you are on the Same network and NOT using a VPN @vijju2k 32. Visual Design Live View @vijju2k hJp://www.zambe`.com/projects/liveview/ 33. Visual Design Live View LiveView is a specialized remote screen viewing applicaHon intended as a tool to help designers create graphics for mobile applicaHons, it has also proven to be useful for creaHng quick and dirty simulaHons, demos, and experience prototypes. Highlights InteracHve mode enables touch to control the mouse on the screen 1 device at a Hme when dierent form factor MulHple iPhones or iPads can be connected at the same Hme AnimaHons are slow Dierent opHons like loosless/high quality/medium quality/low quality Ability to rotate the viewer window on Mac Support for reHna Used successfully to do demo of a clickable prototype using keynote and clickable PDF easy light weight @vijju2k 34. Visual Design Bjango Skala @vijju2k hJp://bjango.com/mac/skalapreview/ 35. Visual Design Bjango Skala Skala Preview is the fastest way to send pixel perfect, color perfect design previews from Mac to iPhone or iPad Highlights Connect mulHple iOS devices at once Very responsive images changes in realHme as the source le is changed in Photoshop Also has dierent modes to sent images (live preview, or via clipboard) Color blindness test Support for Scrolling and zooming on the device OrientaHon support portrait and landscape Email/Tweet/Save to device You can even open up a previously saved photo and view it @vijju2k 36. App Testing @vijju2k 37. MAM TestFlight @vijju2k 38. App TesHng Android @vijju2k 39. Detail Design got 5 min? @vijju2k Courtesy Kronos Inc 40. User Observation @vijju2k 41. Usability Study Mods @vijju2k 42. Usability Study Mods @vijju2k 43. Usability Study Tobii Mobile Eye Tracking hJp://www.tobii.com/ui/pages/productoverviewpage.aspx?id=669&epslanguage=en @vijju2k Courtesy Tobii Technology 44. Usability Study Looxcie Cam @vijju2k hJp://looxcie.com/ Courtesy Looxcie Inc 45. Services @vijju2k 46. Services UserTesHng @vijju2k 47. Services MobileUserTests @vijju2k 48. Services Apphance @vijju2k hJp://www.apphance.com/ 49. HIT Crowd sourced Micro labor hJps://www.mturk.com/mturk/welcome @vijju2k hJp://crowdower.com/ 50. HIT Crowd sourced Micro labor @vijju2k Courtesy Amazon.com 51. Others @vijju2k 52. Others proto.io @vijju2k hJps://proto.io 53. Others Responsinator @vijju2k hJp://www.responsinator.com/ 54. Demo Time @vijju2k 55. Support Matrix App/Services iOS Android WinMo Paper prototyping (Stencils/Sketchpad/SHckies/etc) X X X Blueprint X Appcooker X Adobe Device Central (pre CS6) X X X Adobe Shadow (web based app) X X LiveView X Bjango Skala X got 5 min? X X X TestFlight X NaHve Android X Mods (Mr.Tappy/Mod 1000/etc) X X X Tobii Eye wear X X X Looxcie Cam X X X UsertesHng.com X X apphance X X X proto.io X X Responsinator (web based app) @vijju2k X X 56. Thank you!! Vijay Hanumolu @vijju2k @vijju2k