38
| Carmel Ventures 14.01.11

Tawkon Lecture At Carmel Ventures

Embed Size (px)

DESCRIPTION

tawkon - mobile application design

Citation preview

Page 1: Tawkon Lecture At Carmel Ventures

| Carmel Ventures 14.01.11

Page 2: Tawkon Lecture At Carmel Ventures

| 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

Page 3: Tawkon Lecture At Carmel Ventures

| Carmel Ventures 14.01.11

About us

Page 4: Tawkon Lecture At Carmel Ventures

| Carmel Ventures 14.01.11

tawkon is a unique approach to handling public concerns of mobile

radiation

Page 5: Tawkon Lecture At Carmel Ventures

| 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

Page 6: Tawkon Lecture At Carmel Ventures

| Carmel Ventures 14.01.11

How it all started…

Page 7: Tawkon Lecture At Carmel Ventures

| 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

Page 8: Tawkon Lecture At Carmel Ventures

5 | Now keep talking...

Let People See Radiation

Page 9: Tawkon Lecture At Carmel Ventures

6 | Now keep talking...

Take Action

Page 10: Tawkon Lecture At Carmel Ventures

7 | Now keep talking...

Know It Worked

Page 11: Tawkon Lecture At Carmel Ventures

8 | Now keep talking...

Avoid Cumulative Exposure

Page 12: Tawkon Lecture At Carmel Ventures

9 | Now keep talking...

Help Others

Page 13: Tawkon Lecture At Carmel Ventures

10 | Now keep talking...

During a Call

Page 14: Tawkon Lecture At Carmel Ventures

11 | Now keep talking...

Over Time

Page 15: Tawkon Lecture At Carmel Ventures

15 | Carmel Ventures 14.01.11

Building tawkon for iPhone (first version)

Page 16: Tawkon Lecture At Carmel Ventures

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

Page 17: Tawkon Lecture At Carmel Ventures

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

Page 18: Tawkon Lecture At Carmel Ventures

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

Page 19: Tawkon Lecture At Carmel Ventures

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

Page 20: Tawkon Lecture At Carmel Ventures

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

Page 21: Tawkon Lecture At Carmel Ventures

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

Page 22: Tawkon Lecture At Carmel Ventures

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

Page 23: Tawkon Lecture At Carmel Ventures

23 | Carmel Ventures 14.01.11

Schematic Design

Page 24: Tawkon Lecture At Carmel Ventures

24 | Carmel Ventures 14.01.11

Schematic Design

Page 25: Tawkon Lecture At Carmel Ventures

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

Page 26: Tawkon Lecture At Carmel Ventures

26 | Carmel Ventures 14.01.11

•  Choosing a visual theme

•  Aligning with platform & technology limitations

•  Define animations

Outcome:

•  Designed screens

Visual Design

Page 27: Tawkon Lecture At Carmel Ventures

27 | Carmel Ventures 14.01.11

Visual Design

Page 28: Tawkon Lecture At Carmel Ventures

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

Page 29: Tawkon Lecture At Carmel Ventures

29 | Carmel Ventures 14.01.11

Production & Dev. Integration

•  Multiple iterations

•  Getting the production items ready-made to

development needs

•  Performance optimizations

Page 30: Tawkon Lecture At Carmel Ventures

30 | Carmel Ventures 14.01.11

tawkon for BlackBerry

Page 31: Tawkon Lecture At Carmel Ventures

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

Page 32: Tawkon Lecture At Carmel Ventures

32 | Carmel Ventures 14.01.11

tawkon for Android

Page 33: Tawkon Lecture At Carmel Ventures

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

Page 34: Tawkon Lecture At Carmel Ventures

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

Page 35: Tawkon Lecture At Carmel Ventures

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

Page 36: Tawkon Lecture At Carmel Ventures

36 | Carmel Ventures 14.01.11

(images of major tawkon for Android screens)

Visual Design

Page 37: Tawkon Lecture At Carmel Ventures

37

•  Shortening development

timeCompressing assetsGetting best

performanceMinimal memory

footprintRetaining quality

| Carmel Ventures 14.01.11

Production

Page 38: Tawkon Lecture At Carmel Ventures

38 | Carmel Ventures 14.01.11

thank you