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.
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
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
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
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
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
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