• Like

Final Agile Forum

  • 699 views
Uploaded on

New methodologies for agile design and technics/ways to design for Andriod

New methodologies for agile design and technics/ways to design for Andriod

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
699
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Practical AgileMobile designand Android 4.0TargetMay ForumByAdi BerdaLara KorikYotam Ben DrorDate13 May 20132013 Practical Agile Mobile designMay Forum:Practical Agile Mobile design.and Android 4.0Thursday, May 23, 13
  • 2. vAgile Mobile Design ForumGregNudelmanGreg Nudelman is the author of Android Design Patterns: InteractionDesign Solutions for Developers (Wiley, 2013) and a co-author of theSmashing Mobile Book. He blogs about Android designat AndroidDesignBook.com where Greg hosts monthly free AgileAndroid Design Masterclass.For 12 years, Greg worked with today’s top Fortune 500 companies,non-profits, and startups: eBay, WebEx, Wells Fargo, IBM, Groupon,Associated Press, US Patent Office, and many others.Greg authored over 30 industry articles on mobile and tablet designand design strategy for leading industry magazines: SmashingMagazine, Boxes and Arrows, JavaWorld, ASP.NET Pro, UXmattersand UXMagazine.Thursday, May 23, 13
  • 3. vAgile Mobile Design ForumAgileDesignThursday, May 23, 13
  • 4. vAgile Mobile Design ForumAgileDesignTrick #1:Replace Kick Off Meetingwith aKick Off Design WorkshopThursday, May 23, 13
  • 5. vAgile Mobile Design ForumAgileDesignTrick #1:Replace Kick Off Meetingwith aKick Off Design WorkshopTrick #2:Replace Usability Testingwith aRITE Using PostIt NotesThursday, May 23, 13
  • 6. vAgile Mobile Design ForumWorkshop1) Context2) Goals3) Personas4) Vision StoryboardThursday, May 23, 13
  • 7. vAgile Mobile Design ForumWorkshop Outline1) Draw a storyboard2) Convert it to initial wireframes3) Apply X-Platform UX Framework4) Re-draw wireframes5) Apply UX Design Patterns6) Re-draw wireframes7) Practice user testing with Post-ItsWorkshopThursday, May 23, 13
  • 8. vAgile Mobile Design ForumStoryboarding:1) Establish a strong sense of place2) Don’t use more than 6 sticky notes (try to)3) Don’t spent too much time4) You can use stick figures and detailed objectsWorkshopThursday, May 23, 13
  • 9. vAgile Mobile Design ForumWireframing1) Draw on post-its2) Don’t try to make it too accurate3) Separate keyboardThursday, May 23, 13
  • 10. vAgile Mobile Design ForumWireframing1) Draw on post-its2) Don’t try to make it too accurate3) Separate keyboardThursday, May 23, 13
  • 11. vAgile Mobile Design ForumWireframing1) Draw on post-its2) Don’t try to make it too accurate3) Separate keyboardThursday, May 23, 13
  • 12. vAgile Mobile Design ForumRITEstudyvsUsabilitytestingThursday, May 23, 13
  • 13. vAgile Mobile Design ForumRITEstudyvsUsabilitytestingRapidIterativeTestandEvaluationThursday, May 23, 13
  • 14. vAgile Mobile Design ForumRITEstudyvsUsabilitytestingUsabilityTest1) 8-10 participants2) fairly elaborate prototype3) pre-defined tasks4) laboratory setting5) minimal prototype changes during the study6 ) at the end of the study a usability report is producedoutlining issues and recommendations.Thursday, May 23, 13
  • 15. vAgile Mobile Design ForumRITEstudyvsUsabilitytestingUsabilityTest1) 8-10 participants2) fairly elaborate prototype3) pre-defined tasks4) laboratory setting5) minimal prototype changes during the study6 ) at the end of the study a usability report is producedoutlining issues and recommendations.RITEstudy1) 9-12 participants in 3-4 rounds (3 people per round).2) allowing to update the prototype and fix the issuesdiscovered during the previous day’s testing3) simplest possible mobile prototype, usually paper or linkedHTMLThursday, May 23, 13
  • 16. vAgile Mobile Design ForumRITEstudyvsUsabilitytestingSo.. RITE study is just like 3-4 smaller usability testing?Thursday, May 23, 13
  • 17. vAgile Mobile Design ForumRITEstudyvsUsabilitytestingThursday, May 23, 13
  • 18. vAgile Mobile Design ForumRITEstudyvsUsabilitytestingDoesn’t it make sense that mobile teams should update theexisting user-centered methodologies to meet the demandsof this new platform?Thursday, May 23, 13
  • 19. vAgile Mobile Design ForumRITEstudyvsUsabilitytesting#1: Mobile usability tests encourage project managers totreat user-testing as something to check-off, not lead thedesign process.Thursday, May 23, 13
  • 20. vAgile Mobile Design ForumRITEstudyvsUsabilitytesting#2: Mobile usability test prototypes are often too rigid fordemands of mobile.Thursday, May 23, 13
  • 21. vAgile Mobile Design ForumRITEstudyvsUsabilitytesting#3: Mobile usability tests are focused on reports, notsolutions.Thursday, May 23, 13
  • 22. vAgile Mobile Design ForumRITEstudyvsUsabilitytestingThursday, May 23, 13
  • 23. vAgile Mobile Design ForumCreativeVisionGoogle focused the design principles of Android 4.0around five overarching goals, which applies to the coreapps, as well as to the system at large. As you design appsto work with Android, consider these goals:KeyAndroid4.0DesignPrinciples“ A M a t u r e d A n d r o i d ”Thursday, May 23, 13
  • 24. vAgile Mobile Design ForumKeyAndroid4.0DesignPrinciplesGoogle focused the design principles of Android 4.0 around fivedesired goals, which applies to the core apps, as well as to thesystem at large. As you design apps to work with Android, considerthese goals:Thursday, May 23, 13
  • 25. vAgile Mobile Design ForumKeyAndroid4.0DesignPrinciplesRightSizeforEveryDeviceMobileSpaceUnboundThinkGloballyActLocallyTapAnywhereWelcometoFlatlandGoogle focused the design principles of Android 4.0 around fivedesired goals, which applies to the core apps, as well as to thesystem at large. As you design apps to work with Android, considerthese goals:Thursday, May 23, 13
  • 26. vAgile Mobile Design ForumWelcometoFlatland Semi-transparent, greyscale, almost wire-framy.Sometimes, can be a challenge for users (how people know where to tap?)On the other hand, opens a lot of opportunities.I’m not a physical object, I’m a pure digital product.KeyAndroid4.0DesignPrinciplesThursday, May 23, 13
  • 27. vAgile Mobile Design ForumMessagingapps:iOSvs.Android4.0KeyAndroid4.0DesignPrinciplesThursday, May 23, 13
  • 28. vAgile Mobile Design ForumSemi-transparentmenusofAndroid4.0KeyAndroid4.0DesignPrinciplesThursday, May 23, 13
  • 29. vAgile Mobile Design ForumWindowsmobilevs.Android4.0KeyAndroid4.0DesignPrinciplesThursday, May 23, 13
  • 30. vAgile Mobile Design ForumTapAnywhere Everything on the screen is a touch targetKeyAndroid4.0DesignPrinciplesThursday, May 23, 13
  • 31. vAgile Mobile Design ForumAndroid4.0vs.iOStablerowsKeyAndroid4.0DesignPrinciplesThursday, May 23, 13
  • 32. vAgile Mobile Design ForumAndroid“Tap-worthyAreas”vs.iOSbeveledbuttonsKeyAndroid4.0DesignPrinciplesThursday, May 23, 13
  • 33. vAgile Mobile Design ForumRightSizeforEveryDeviceKeyAndroid4.0DesignPrinciplesThursday, May 23, 13
  • 34. vAgile Mobile Design ForumLargerdeviceshavemorebuttonsKeyAndroid4.0DesignPrinciplesThursday, May 23, 13
  • 35. vAgile Mobile Design ForumRotatingadevicemeansyouloseorgainoptionsKeyAndroid4.0DesignPrinciplesThursday, May 23, 13
  • 36. vAgile Mobile Design ForumRotatingadevicemeansyouloseorgainoptionsKeyAndroid4.0DesignPrinciplesLayoutConsiderationsforSplitActionBarsThursday, May 23, 13
  • 37. vAgile Mobile Design ForumMobileSpaceUnboundKeyAndroid4.0DesignPrinciplesThursday, May 23, 13
  • 38. vAgile Mobile Design ForumMobileSpaceUnboundKeyAndroid4.0DesignPrinciplesThursday, May 23, 13
  • 39. vAgile Mobile Design ForumHoloEverywhereKeyAndroid4.0DesignPrinciplesGmail in Holo Light.Settings in Holo DarkTalk in Holo Light withdark action barThursday, May 23, 13
  • 40. vAgile Mobile Design ForumThinkGlobally,ActLocallyKeyAndroid4.0DesignPrinciplesThursday, May 23, 13
  • 41. vAgile Mobile Design ForumThinkGlobally,ActLocallyKeyAndroid4.0DesignPrinciplesThursday, May 23, 13
  • 42. vAgile Mobile Design ForumKeyAndroid4.0DesignPrinciplesS u m m a r yThursday, May 23, 13
  • 43. vAgile Mobile Design ForumPatternDesign“Take any form you choose and repeat it at regular intervalsand, just as repetitive sounds produce rhythm or cadence,you have pattern. However, the use of pattern in design is nohaphazard matter, but a disciplined activity in which the artistmust impose a pleasing order and structure on the whole toachieve an aesthetically satisfying end product”Lewis F. DayThursday, May 23, 13
  • 44. vAgile Mobile Design ForumSPRINGBOARD/LISTThingsyouhave/thingstodoNavigationOrientationThursday, May 23, 13
  • 45. vAgile Mobile Design ForumTAPAHEADTypingavoidanceSlowerbandwidthBetterexperiencePopularkeywordsThursday, May 23, 13
  • 46. vAgile Mobile Design ForumGROUPTHESUGGESTEDOPTIONOrganizedThursday, May 23, 13
  • 47. vAgile Mobile Design ForumSEARCHFROMTHEACTIONBARThursday, May 23, 13
  • 48. vAgile Mobile Design ForumMULTIPLYSEARCHThursday, May 23, 13
  • 49. vAgile Mobile Design ForumSEARCHRESULTSThursday, May 23, 13
  • 50. vAgile Mobile Design ForumSEARCHRESULTSInformationMultipleviewoptionsThursday, May 23, 13
  • 51. vAgile Mobile Design ForumACTIONOVERFLOWThursday, May 23, 13
  • 52. vAgile Mobile Design ForumDASHBOARDThursday, May 23, 13
  • 53. vAgile Mobile Design ForumDASHBOARDThursday, May 23, 13
  • 54. Practical AgileMobile designTargetMay ForumByAdi BerdaLara KorikYotam Ben DrorDate13 May 20132013 Practical Agile Mobile designThanks!Thursday, May 23, 13