tawkon at Carmel Ventures

  • View
    1.513

  • Download
    5

  • Category

    Design

Preview:

DESCRIPTION

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.

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

| Carmel Ventures 14.01.11 15

Building tawkon for iPhone (first version)

| Carmel Ventures 14.01.11

• Parallel Processes: Development vs. Design

• Scope Refinement: Early Documents -> Application Map

• User Flow Review

• Schematic Design

• Visual Design

• Development Team Integration

Building tawkon for iPhone: outline

16

| Carmel Ventures 14.01.11

Brand Identity

ScopeRefinement

User FlowReview

Schematics Design

Visual Design

Production

Initial Prototyping

PDR / MRD

PDR / MRD Final

Infra / BL Prototype

UI Mockups

Dev. & Integration

17

Parallel Processes: Development vs. Design

| Carmel Ventures 14.01.11

Brand Identity

ScopeRefinement

User FlowReview

Schematics Design

Visual Design

Production

Initial Prototyping

PDR / MRD

PDR / MRD Final

Infra / BL Prototype

UI Mockups

Dev. & Integration

18

Parallel Processes: Development vs. Design

| Carmel Ventures 14.01.11

• Defining the brand & product look & feel

• Choosing the top messages to consider in the following

processes

Outcome:

• Logo

• Visual language

• Product guidelines

Brand Identity

19

| Carmel Ventures 14.01.11

Brand Identity

ScopeRefinement

User FlowReview

Schematics Design

Visual Design

Production

Initial Prototyping

PDR / MRD

PDR / MRD Final

Infra / BL Prototype

UI Mockups

Dev. & Integration

20

Parallel Processes: Development vs. Design

| 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

21

| Carmel Ventures 14.01.11

Brand Identity

ScopeRefinement

User FlowReview

Schematics Design

Visual Design

Production

Initial Prototyping

PDR / MRD

PDR / MRD Final

Infra / BL Prototype

UI Mockups

Dev. & Integration

22

Parallel Processes: Development vs. Design

| Carmel Ventures 14.01.11

Schematic Design

23

| Carmel Ventures 14.01.11

Schematic Design

24

| Carmel Ventures 14.01.11

Brand Identity

ScopeRefinement

User FlowReview

Schematics Design

Visual Design

Production

Initial Prototyping

PDR / MRD

PDR / MRD Final

Infra / BL Prototype

UI Mockups

Dev. & Integration

25

Parallel Processes: Development vs. Design

| Carmel Ventures 14.01.11

• Choosing a visual theme

• Aligning with platform & technology limitations

• Define animations

Outcome:

• Designed screens

Visual Design

26

| Carmel Ventures 14.01.11

Visual Design

27

| Carmel Ventures 14.01.11

Brand Identity

ScopeRefinement

User FlowReview

Schematics Design

Visual Design

Production

Initial Prototyping

PDR / MRD

PDR / MRD Final

Infra / BL Prototype

UI Mockups

Dev. & Integration

28

Parallel Processes: Development vs. Design

| Carmel Ventures 14.01.11

Production & Dev. Integration

29

• Multiple iterations

• Getting the production items ready-made to

development needs

• Performance optimizations

| Carmel Ventures 14.01.11 30

tawkon for BlackBerry

| Carmel Ventures 14.01.11

• Main Task: Changing interaction - from touch to keyboard

• Retaining the look & feel of the brand

The Process

• Minimal Schematics

• Visual Design

• Production

• Iterative Integration

Building tawkon for BlackBerry: outline

31

| Carmel Ventures 14.01.11 32

tawkon for Android

| Carmel Ventures 14.01.11

• Platform Research

• Scope Refinement

• Schematic Design (revisiting work from tawkon for iPhone)

• Visual Design (planning for good citizen + refining designs)

• Production

Building tawkon for BlackBerry: outline

33

| 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

34

| Carmel Ventures 14.01.11

• 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

Schematic Design

35

| Carmel Ventures 14.01.11

(images of major tawkon for Android screens)

Visual Design

36

• Shortening development time

• Compressing assets

• Getting best performance

• Minimal memory footprint

• Retaining quality

| Carmel Ventures 14.01.11

Production

37

| Carmel Ventures 14.01.11 38

thank you