tawkon presented a case study of a UX driven development process at Carmel Ventures, as part of the Embracing Mobile Platform workshop given by nascent.

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. Design
• Scope Refinement: Early Documents -> Application Map
• User Flow Review
• Schematic Design
• Visual Design
• Development 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 Prototype Mockups Integration
Final
| 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 Prototype Mockups Integration
Final
| 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:
• Logo
• Visual language
• Product 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 Prototype Mockups Integration
Final
| 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
• Final PDR / MRD
| Carmel Ventures 14.01.11 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 Prototype Mockups Integration
Final
| 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 Prototype Mockups Integration
Final
| Carmel Ventures 14.01.11 25

26. Visual Design
• Choosing a visual theme
• Aligning with platform & technology limitations
• Define animations
Outcome:
• Designed screens
| Carmel Ventures 14.01.11 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 Prototype Mockups Integration
Final
| 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 keyboard
• Retaining the look & feel of the brand
The Process
• Minimal Schematics
• Visual Design
• Production
• Iterative Integration
| Carmel Ventures 14.01.11 31

32. tawkon for Android
| Carmel Ventures 14.01.11 32

33. Building tawkon for BlackBerry: outline
• Platform Research
• Scope Refinement
• Schematic 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:
• Acquiring the toolbox in order to make design decisions
| 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 practices
• Special care was given to being ‘good citizen’ on Android, as
well as using native controls UI elements where possible.
Outcome:
• Application full map
• UI use cases map
• Must 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 time
• Compressing assets
• Getting best performance
• Minimal memory footprint
• Retaining quality
| Carmel Ventures 14.01.11 37

38. thank you
| Carmel Ventures 14.01.11 38