SeaBeyond 2011 ProcessOne - Marek Foss: designing mobile collaboration software

1,384 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,384
On SlideShare
0
From Embeds
0
Number of Embeds
200
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

SeaBeyond 2011 ProcessOne - Marek Foss: designing mobile collaboration software

  1. 1. Different approaches for designing mobilecollaboration software03.02.11Marek Foss <mfoss@process-one.net>
  2. 2. Designing softwarefor mobile devices
  3. 3. Designing software for mobile devices is nothing likedesigning for desktops
  4. 4. Keyhole viewport
  5. 5. Keyhole viewportLimited eyesight
  6. 6. Keyhole viewportLimited eyesightFat fingers
  7. 7. Mobile softwarerequires more Less is more
  8. 8. Developer wants features
  9. 9. Developer Designer wants wants features eyecandy
  10. 10. Developer Designer wants wants features eyecandy User wants experience
  11. 11. User doesnt careabout the backendas long as it works
  12. 12. User doesnt careabout the eyecandyif app doesnt work
  13. 13. Outstanding appsexcel in single tasks so focus on task experience
  14. 14. Cover the basics
  15. 15. Clean background Enlarge chat font Reduce bubble whitespace Grow input while typingBad example TextOne
  16. 16. Offer landscape mode Retract keyboard with “return”TextOne
  17. 17. If user needs to register display the form natively If you must show webfrom make sure it works!Bad example Nimbuzz
  18. 18. Innovate upon others
  19. 19. Modern collaboration requires concurrency How to switch between chats? Safari-style, Homescreen-styleVerbs Meebo
  20. 20. Modern collaboration means groupchat Where to show the participants?TextOne PingChat
  21. 21. Modern collaboration is a stream of bubbles How to show them more efficiently?Skype TextOne & OneTeam
  22. 22. Modern collaboration is enhanced with visuals How to display images and video?Verbs TextOne
  23. 23. Use device potential Customize UI for screen classes like 10, 7, 4; not just OS Prepare UI for high definition like iPhone 4 or HTC Touch HD Use “hard keys”, not just touch
  24. 24. Challenge the future
  25. 25. Algorithmic UISource: Pushing Pixels, “Meet the Green Goblin”, http://www.pushing-pixels.org/2010/12/15/meet-the-green-goblin-part-3.html
  26. 26. Vector graphics SVG ? Resizable UI ? Resolution-independent UI ?
  27. 27. Real-time Collaboration
  28. 28. Real-time Editing not so visible
  29. 29. Real-time Mediaaccess everywhere
  30. 30. Real-time Touching very desirable
  31. 31. Real-time = Syncall eyes see the same
  32. 32. Push Notifications can be overwhelmingAndroid notifications pane
  33. 33. Create Real-time Experience beyond real-time text editing
  34. 34. Thank you! Questions? Comments? Marek Foss <mfoss@process-one.net> Chief Web Officer at ProcessOne Twitter: F055 TextOne: MFOSS

×