1. Different approaches for designing mobile
collaboration software
03.02.11
Marek Foss <mfoss@process-one.net>

2. Designing software
for mobile devices

3. Designing software
for mobile devices
is nothing like
designing for desktops

4. Keyhole viewport

5. Keyhole viewport
Limited eyesight

6. Keyhole viewport
Limited eyesight
Fat fingers

7. Mobile software
requires more
Less is more

8. Developer
wants
features

9. Developer Designer
wants wants
features eyecandy

10. Developer Designer
wants wants
features eyecandy
User
wants experience

11. User doesn't care
about the backend
as long as it works

12. User doesn't care
about the eyecandy
if app doesn't work

13. Outstanding apps
excel in single tasks
so focus on
task experience

14. Cover the basics

15. Clean background
Enlarge chat font
Reduce bubble whitespace
Grow input while typing
Bad example TextOne

16. Offer landscape mode
Retract keyboard with “return”
TextOne

17. If user needs to register
display the form natively
If you must show webfrom
make sure it works!
Bad example Nimbuzz

18. Innovate upon others

19. Modern collaboration
requires concurrency
How to switch between chats?
Safari-style, Homescreen-style
Verbs Meebo

20. Modern collaboration
means groupchat
Where to show
the participants?
TextOne PingChat

21. Modern collaboration
is a stream of bubbles
How to show them
more efficiently?
Skype TextOne & OneTeam

22. Modern collaboration
is enhanced with visuals
How to display images
and video?
Verbs TextOne

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. Challenge the future

25. Algorithmic UI
Source: Pushing Pixels, “Meet the Green Goblin”, http://www.pushing-pixels.org/2010/12/15/meet-the-green-goblin-part-3.html

26. Vector graphics
SVG ?
Resizable UI ?
Resolution-independent UI ?

27. Real-time Collaboration

28. Real-time Editing
not so visible

29. Real-time Media
access everywhere

30. Real-time Touching
very desirable

31. Real-time = Sync
all eyes see the same

32. Push Notifications
can be overwhelming
Android notifications pane

33. Create Real-time Experience
beyond real-time text editing

34. Thank you! Questions? Comments?
Marek Foss <mfoss@process-one.net>
Chief Web Officer at ProcessOne
Twitter: F055 TextOne: MFOSS