View
350
Download
1
Category
Preview:
DESCRIPTION
tawkon - mobile application design
Citation preview
| Carmel Ventures 14.01.11
| Carmel Ventures 14.01.11
• 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…)
About us
| Carmel Ventures 14.01.11
About us
| Carmel Ventures 14.01.11
tawkon is a unique approach to handling public concerns of mobile
radiation
| Carmel Ventures 14.01.11
Drive Safely Eat Wisely Talk Responsibly
tawkon is a unique approach to handling public concerns of mobile
radiation
reduce exposure… without reducing usage
| Carmel Ventures 14.01.11
How it all started…
| Carmel Ventures 14.01.11
How it all started…
Startup Tawkon gave me a sneak-peak developer build of what I believe is the most important app on my iPhone. What does is do? It analyzes the cellular radiation your iPhone
5 | Now keep talking...
Let People See Radiation
6 | Now keep talking...
Take Action
7 | Now keep talking...
Know It Worked
8 | Now keep talking...
Avoid Cumulative Exposure
9 | Now keep talking...
Help Others
10 | Now keep talking...
During a Call
11 | Now keep talking...
Over Time
15 | Carmel Ventures 14.01.11
Building tawkon for iPhone (first version)
16 | Carmel Ventures 14.01.11
• Parallel Processes: Development vs. DesignScope Refinement:
Early Documents -> Application MapUser Flow
ReviewSchematic DesignVisual DesignDevelopment Team
Integration
Building tawkon for iPhone: outline
17 | Carmel Ventures 14.01.11
Brand Identity
Scope Refinement
User Flow Review
Schematics Design
Visual Design
Production
Initial Prototyping
PDR / MRD
PDR / MRD Final
Infra / BL Prototype
UI Mockups
Dev. & Integration
Parallel Processes: Development vs. Design
18 | Carmel Ventures 14.01.11
Brand Identity
Scope Refinement
User Flow Review
Schematics Design
Visual Design
Production
Initial Prototyping
PDR / MRD
PDR / MRD Final
Infra / BL Prototype
UI Mockups
Dev. & Integration
Parallel Processes: Development vs. Design
19 | Carmel Ventures 14.01.11
• Defining the brand & product look & feel
• Choosing the top messages to consider in the following
processes
Outcome:
• LogoVisual languageProduct guidelines
Brand Identity
20 | Carmel Ventures 14.01.11
Brand Identity
Scope Refinement
User Flow Review
Schematics Design
Visual Design
Production
Initial Prototyping
PDR / MRD
PDR / MRD Final
Infra / BL Prototype
UI Mockups
Dev. & Integration
Parallel Processes: Development vs. Design
21 | Carmel Ventures 14.01.11
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
Scope Refinement / User Flow Research
22 | Carmel Ventures 14.01.11
Brand Identity
Scope Refinement
User Flow Review
Schematics Design
Visual Design
Production
Initial Prototyping
PDR / MRD
PDR / MRD Final
Infra / BL Prototype
UI Mockups
Dev. & Integration
Parallel Processes: Development vs. Design
23 | Carmel Ventures 14.01.11
Schematic Design
24 | Carmel Ventures 14.01.11
Schematic Design
25 | Carmel Ventures 14.01.11
Brand Identity
Scope Refinement
User Flow Review
Schematics Design
Visual Design
Production
Initial Prototyping
PDR / MRD
PDR / MRD Final
Infra / BL Prototype
UI Mockups
Dev. & Integration
Parallel Processes: Development vs. Design
26 | Carmel Ventures 14.01.11
• Choosing a visual theme
• Aligning with platform & technology limitations
• Define animations
Outcome:
• Designed screens
Visual Design
27 | Carmel Ventures 14.01.11
Visual Design
28 | Carmel Ventures 14.01.11
Brand Identity
Scope Refinement
User Flow Review
Schematics Design
Visual Design
Production
Initial Prototyping
PDR / MRD
PDR / MRD Final
Infra / BL Prototype
UI Mockups
Dev. & Integration
Parallel Processes: Development vs. Design
29 | Carmel Ventures 14.01.11
Production & Dev. Integration
• Multiple iterations
• Getting the production items ready-made to
development needs
• Performance optimizations
30 | Carmel Ventures 14.01.11
tawkon for BlackBerry
31 | Carmel Ventures 14.01.11
• Main Task: Changing interaction - from touch to keyboardRetaining
the look & feel of the brandThe ProcessMinimal SchematicsVisual
DesignProductionIterative Integration
Building tawkon for BlackBerry: outline
32 | Carmel Ventures 14.01.11
tawkon for Android
33 | Carmel Ventures 14.01.11
• Platform ResearchScope RefinementSchematic Design (revisiting
work from tawkon for iPhone)Visual Design (planning for good citizen
+ refining designs)
• Production
Building tawkon for BlackBerry: outline
34 | Carmel Ventures 14.01.11
• 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
Platform Research
35 | Carmel Ventures 14.01.11
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
Schematic Design
36 | Carmel Ventures 14.01.11
(images of major tawkon for Android screens)
Visual Design
37
• Shortening development
timeCompressing assetsGetting best
performanceMinimal memory
footprintRetaining quality
| Carmel Ventures 14.01.11
Production
38 | Carmel Ventures 14.01.11
thank you
Recommended