A Practical Guide to Mobile and Touch

410
-1

Published on

Tutorial from JBoye Aarhus 2012.

Covers:
Introduction to mobile & touch
Identifying mobile-friendly tasks
A look at smartphones and UI/UX
Mobile wire-framing exercise
Tablets as a "form factor"
Tablet debate exercise

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
410
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Samsung Galaxy Pocket
  • Samsung Galaxy Note 2HTC J ButterflyLG Optimus Vu
  • A Practical Guide to Mobile and Touch

    1. 1. Dan Lewis – The Judge Group - USA
    2. 2. My name is: Dan LewisI am from: Philadelphia, Pennsylvania -USAI work for: The Judge Group, Inc.As the: Leader of the Mobility SolutionsConsulting PracticeFor my job I: Eat, sleep, and breathmobilityI used to: Build intranets, web, anddatabase stuff
    3. 3. Have you noticed?
    4. 4. Image Credits: Ed Yourdon
    5. 5. Image Credits: Amazon
    6. 6. Image Credits: Google
    7. 7. What has this technology done?
    8. 8. • RetailConsumer • • Social Media Gaming • Entertainment • CommerceBusiness • • Partner Interaction Legal / Regulatory • Healthcare • AutomationEmployee • • Connectivity Desktop Replacement • Productivity
    9. 9. PC Mobile•Software •App•Server •Cloud
    10. 10. So we give our users remote access to our apps, big deal…
    11. 11. Image Credits: Apple & Google
    12. 12. So what else is new…
    13. 13. AccelerometerCameraGPSGyroscopeMicrophoneNear Field CommunicationWiFiCustom Sensors
    14. 14. Name Phone Email SocialCalendar Contacts Media
    15. 15. Exercise #1
    16. 16.  Each group should come up with 3 mobile & touch friendly tasks Each group will present their tasks at the end
    17. 17.  Enabling a customer to document and file an automotive insurance claim Giving a customer the ability to deposit a check to their bank account with their device Providing a way for field sales staff to document their customer interactions Enable employees access to their payroll and PTO information on the go
    18. 18. The Questions Yes? No?Will a person have value and be able to do this on the go?Can the task be performed “offline”?Can performing the task leverage the device’s sensors?Does the task interact with existing content on the device?Can the task be performed with simple user responses?Does the task work well when touch is a user response mechanism?
    19. 19. Break
    20. 20. This isn’t like designing for 960PX width anymore…
    21. 21. Image Credits: Samsung
    22. 22.  PhabletsImage Credits: HTC, LG, & Samsung
    23. 23. Image Credits: Apple, HTC, Samsung
    24. 24.  Back buttons  Front-facing cameras  Network connectivity  Resolutions  Platforms Android Resolution FragmentationImage Credits: OpenSignalMaps via NBCNews.com
    25. 25. Image Credits: Luke Wroblewski
    26. 26. Image Credits: Luke Wroblewski
    27. 27. The existing UI/UX patterns for PCs are not going to work here…
    28. 28. The Tap vs. Application The Click Navigation Content OfflinePrioritization Access
    29. 29. The Official UI/UX Guides  Android: User Interface Guidelines  iOS: iOS Human Interface Guidelines  Windows: User Experience Design Guidelines
    30. 30. Exercise #2
    31. 31.  Develop Wireframes for a task from the first exercise Use Paper / Markers / Cards OR A wire-framing tool like Balsamiq Present your wireframe to the group
    32. 32. Break
    33. 33. What makes tablets a unique design consideration?
    34. 34. Charlie Caper & Erik Rosales – MIPIM 2012Thanks: Martin White – Intranet Focus Ltd
    35. 35.  Touch interface Sensors Weight Overall dimensions
    36. 36.  7-10” screens  Keyboards and pointing devices  Simpler OSsImage Credits: Popular Science
    37. 37. What about…. Application Developers Graphic Editors Content Managers Video Editors
    38. 38. Dude… do I have Wi-Fi here?Image Credits: Phil Ingram
    39. 39. Increased Portability Decreased Cost Increased/Decreased Usefulness?Image Credits: The Guardian
    40. 40. Exercise #3
    41. 41.  YES – Tablet is it’s own distinct form factorNO – Tablet is not it’s own distinct form factor_________________________________________ Each side will develop a 2 minute argument for/against. 1 person will present it. The other side will get a 1 minute rebuttal by a different person in the group
    42. 42. Dan LewisPrincipal Mobility ConsultantThe Judge Groupwww.judge.comdlewis@judge.com@DanTheITManlinkedin.com/in/dantheitman

    ×