tawkon - mobile application design

1. | Carmel Ventures 14.01.11

2. About us
• Management: Extensive mobile & telecom experience
• operating Nov 2008
• Working with a leading RF lab
• Funded by Israeli, US & Canadian private investors
• Patent pending technology
• Participating in cellular radiation research (US)
• Platforms supported: BlackBerry, Android, iPhone (soon…)
| Carmel Ventures 14.01.11

3. About us
| Carmel Ventures 14.01.11

4. tawkon is a unique approach to handling public concerns of mobile
radiation
| Carmel Ventures 14.01.11

5. tawkon is a unique approach to handling public concerns of mobile
radiation
reduce exposure… without reducing usage
Drive Safely Eat Wisely Talk Responsibly
| Carmel Ventures 14.01.11

6. How it all started…
| Carmel Ventures 14.01.11

7. How it all started…
| Carmel Ventures 14.01.11

8. Let People
See Radiation
5
| Now keep talking...

9. Take Action
6
| Now keep talking...

10. Know It Worked
7
| Now keep talking...

11. Avoid Cumulative
Exposure
8
| Now keep talking...

12. Help Others
9
| Now keep talking...

13. During a Call
10
| Now keep talking...

14. Over Time
11
| Now keep talking...

15. Building tawkon for iPhone (first version)
| Carmel Ventures 14.01.11 15

16. Building tawkon for iPhone: outline
• Parallel Processes: Development vs. DesignScope Refinement:
Early Documents -> Application MapUser Flow
ReviewSchematic DesignVisual DesignDevelopment Team
Integration
| Carmel Ventures 14.01.11 16

17. Parallel Processes: Development vs. Design
Brand Scope User Flow Schematics Visual Production
Identity Refinement Review Design Design
Initial PDR / PDR / Infra / BL UI Dev. &
Prototyping MRD MRD Final Prototype Mockups Integration
| Carmel Ventures 14.01.11 17

18. Parallel Processes: Development vs. Design
Brand Scope User Flow Schematics Visual Production
Identity Refinement Review Design Design
Initial PDR / PDR / Infra / BL UI Dev. &
Prototyping MRD MRD Final Prototype Mockups Integration
| Carmel Ventures 14.01.11 18

19. Brand Identity
• Defining the brand & product look & feel
• Choosing the top messages to consider in the following
processes
Outcome:
• LogoVisual languageProduct guidelines
| Carmel Ventures 14.01.11 19

20. Parallel Processes: Development vs. Design
Brand Scope User Flow Schematics Visual Production
Identity Refinement Review Design Design
Initial PDR / PDR / Infra / BL UI Dev. &
Prototyping MRD MRD Final Prototype Mockups Integration
| Carmel Ventures 14.01.11 20

21. Scope Refinement / User Flow Research
S. Jobs: I'm actually as proud of the many
things we haven't done as the things we have
done.
• Putting yourself in the user s shoes
• User interaction/scenarios analysis
• Focusing on the product core values
• Making tough decisions
Outcome:
• Removed ~30% of planned features
• Detailed map of precise user flows
| Carmel Ventures 14.01.11 • Final PDR / MRD 21

22. Parallel Processes: Development vs. Design
Brand Scope User Flow Schematics Visual Production
Identity Refinement Review Design Design
Initial PDR / PDR / Infra / BL UI Dev. &
Prototyping MRD MRD Final Prototype Mockups Integration
| Carmel Ventures 14.01.11 22

23. Schematic Design
| Carmel Ventures 14.01.11 23

24. Schematic Design
| Carmel Ventures 14.01.11 24

25. Parallel Processes: Development vs. Design
Brand Scope User Flow Schematics Visual Production
Identity Refinement Review Design Design
Initial PDR / PDR / Infra / BL UI Dev. &
Prototyping MRD MRD Final Prototype Mockups Integration
| Carmel Ventures 14.01.11 25

26. Visual Design
• Choosing a visual theme
• Aligning with platform & technology limitations
• Define animations
Outcome:
• Designed screens 14.01.11
| Carmel Ventures 26

27. Visual Design
| Carmel Ventures 14.01.11 27

28. Parallel Processes: Development vs. Design
Brand Scope User Flow Schematics Visual Production
Identity Refinement Review Design Design
Initial PDR / PDR / Infra / BL UI Dev. &
Prototyping MRD MRD Final Prototype Mockups Integration
| Carmel Ventures 14.01.11 28

29. Production & Dev. Integration
• Multiple iterations
• Getting the production items ready-made to
development needs
• Performance optimizations
| Carmel Ventures 14.01.11 29

30. tawkon for BlackBerry
| Carmel Ventures 14.01.11 30

31. Building tawkon for BlackBerry: outline
• Main Task: Changing interaction - from touch to keyboardRetaining
the look & feel of the brandThe ProcessMinimal SchematicsVisual
DesignProductionIterative Integration
| Carmel Ventures 14.01.11 31

32. tawkon for Android
| Carmel Ventures 14.01.11 32

33. Building tawkon for BlackBerry: outline
• Platform ResearchScope RefinementSchematic Design (revisiting
work from tawkon for iPhone)Visual Design (planning for good citizen
+ refining designs)
• Production
| Carmel Ventures 14.01.11 33

34. Platform Research
• tawkon & nascent brainstormed possible implications of tawkon running in the
background
• Different behaviors interaction styles were considered
• New platform, new questions:
• How does the app interact with other apps?
• How do notifications look?
• Where are the settings ?
• Widgets ?
• What are the best practices?
• What are the platform guidelines?
Outcome: | Carmel Ventures 14.01.11 34

35. Schematic Design
Schematic designs were refined based on iPhone s to accommodate
background running, notifications, Android guidelines best
practicesSpecial care was given to being good citizen on Android,
as well as using native controls UI elements where possible.
• Outcome:Application full mapUI use cases mapMust have reference
for developer
| Carmel Ventures 14.01.11 35

36. Visual Design
(images of major tawkon for Android screens)
| Carmel Ventures 14.01.11 36

37. Production
• Shortening development
timeCompressing assetsGetting best
performanceMinimal memory
footprintRetaining quality
| Carmel Ventures 14.01.11 37

38. thank you
| Carmel Ventures 14.01.11 38