20130903 bottlerocket ui all

95
ife dashboard vie

Upload: linda-yi

Post on 26-Jun-2015

403 views

Category:

Technology


0 download

DESCRIPTION

updated draft of the bottlerocket User experience

TRANSCRIPT

Page 1: 20130903 bottlerocket ui all

Life dashboard view

Page 2: 20130903 bottlerocket ui all

Life dashboard user view

Page 3: 20130903 bottlerocket ui all

Life dashboard user view

Page 4: 20130903 bottlerocket ui all

Life dashboard user view

Page 5: 20130903 bottlerocket ui all

Life dashboard user view

Page 6: 20130903 bottlerocket ui all

Life dashboard user view

Page 7: 20130903 bottlerocket ui all

Life dashboard user view

Page 8: 20130903 bottlerocket ui all

Life dashboard user view

Page 9: 20130903 bottlerocket ui all

Life dashboard user view

Page 10: 20130903 bottlerocket ui all

Life dashboard user view

Page 11: 20130903 bottlerocket ui all

Life dashboard user view

Page 12: 20130903 bottlerocket ui all

Life dashboard user view

Page 13: 20130903 bottlerocket ui all

t

Life dashboard user view

Click twice to jump into :

Life Area View

Page 14: 20130903 bottlerocket ui all

Life area view

Page 15: 20130903 bottlerocket ui all

Life Area - User View

Page 16: 20130903 bottlerocket ui all

Life Area - User View

Page 17: 20130903 bottlerocket ui all

Life Area - User View

…but first

Page 18: 20130903 bottlerocket ui all

Life Area - User View

wtf* are these buttons?

*… Friday. Tsk tsk potty mouth

Page 19: 20130903 bottlerocket ui all

Life Area - User View

Page 20: 20130903 bottlerocket ui all

Life Area - User View

A bitText heavy…

Page 21: 20130903 bottlerocket ui all

Life Area - User View

No worries!

Page 22: 20130903 bottlerocket ui all

Life Area - User View

We’ll comeback to this

Page 23: 20130903 bottlerocket ui all

Life Area - User View

Let’s start with this

filter thing

Page 24: 20130903 bottlerocket ui all

Life Area - User View

All faded = no projects in view!

Page 25: 20130903 bottlerocket ui all

Life Area - User View

Page 26: 20130903 bottlerocket ui all

Life Area - User View

Page 27: 20130903 bottlerocket ui all

Life Area - User View

Page 28: 20130903 bottlerocket ui all

Life Area - User View

Page 29: 20130903 bottlerocket ui all

Life Area - User View

bottlerocket

Page 30: 20130903 bottlerocket ui all

Life Area - User View

Click on project bubble

& jump to

Project dashboard

!

bottlerocket

Page 31: 20130903 bottlerocket ui all

Project dashboardview

Page 32: 20130903 bottlerocket ui all

Project Dashboard- User View

Page 33: 20130903 bottlerocket ui all

Project Dashboard- User View

Project dashboards(essentially)

= Life Area Views!

Page 34: 20130903 bottlerocket ui all

Project Dashboard- User View

Project dashboardsare for larger projects

with many sub-projects

Page 35: 20130903 bottlerocket ui all

Project Dashboard – Appreciator view

Page 36: 20130903 bottlerocket ui all

To be continued! Keep on viewing

slides for previously created

walkthrough of project view (needs editing but the gist

is there!)

Project Dashboard - User View

Page 37: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

+add

date 08.15.08

#Category

TOOLSRegister for a

Chinese class

Find a language partner

my present:

??.??.??

future:

Study in Beijing

past

GOALS

project view

Page 38: 20130903 bottlerocket ui all

Project: Name

+add

date

#Category

TOOLS

my present:

future:

past

GOALS

Add task

Image VideoText Quote link

#status

#subject

#subject

#status

STATUS

FILTER

WISHLISTED

In progress

DONE!

paused

ALL

Add task status:

my timeline

Newsfeed and relevant promotions

Page 39: 20130903 bottlerocket ui all

Project: Name

+add

date

#Category

TOOLS

my present:

future:

past

GOALS

Add task

Image VideoText Quote link

#status

#subject

#subject

#status

Visualize your task

Tag your task.Default tag = project

category

Addng other #tags for this task to appear in other

projects!

STATUS

FILTER

WISHLISTED

In progress

DONE!

paused

ALL

Go PUBLIC!

Share to…FacebookPinterestTwitterEmail

somebadyEtc

Add task status:

Go Public (Share task to fb etc…)

Collaborate

With friend!

Tag another

rocketeer?

my timeline

Newsfeed and relevant promotions

Add new proj

Delete proj

Privacy settings

Page 40: 20130903 bottlerocket ui all

bottlerocketProject ViewWalkthrough:

Page 41: 20130903 bottlerocket ui all
Page 42: 20130903 bottlerocket ui all
Page 43: 20130903 bottlerocket ui all
Page 44: 20130903 bottlerocket ui all
Page 45: 20130903 bottlerocket ui all
Page 46: 20130903 bottlerocket ui all
Page 47: 20130903 bottlerocket ui all
Page 48: 20130903 bottlerocket ui all
Page 49: 20130903 bottlerocket ui all

Project name: Learn Chinese

Page 50: 20130903 bottlerocket ui all

Project name: Learn Chinese

Page 51: 20130903 bottlerocket ui all

Project: Learn Chinese

Page 52: 20130903 bottlerocket ui all

Project: Learn Chinese

Why?

Page 53: 20130903 bottlerocket ui all

(in case I need

motivation or

reminders later)

Project: Learn Chinese

Why?

Page 54: 20130903 bottlerocket ui all

Why?(in case I

need motivation

or reminders

later)

Relevant goals:

Project: Learn Chinese

BIG GOALS(WHY DO I WANT THIS?)

Why?

Page 55: 20130903 bottlerocket ui all

Why?(in case I

need motivation

or reminders

later)

Relevant goals:

Project: Learn Chinese

BIG GOALS(WHY DO I WANT THIS?)

ROOTS(CONNECT

TO MY FAMILY AND CULTURE)

Why?

Page 56: 20130903 bottlerocket ui all

Why?(in case I

need motivation

or reminders

later)

Relevant goals:

Project: Learn Chinese

BIG GOALS(WHY DO I WANT THIS?)

ROOTS(CONNECT

TO MY FAMILY AND CULTURE)

FLUENCY

BECOME A FLUENT

SPEAKER

Why?

Page 57: 20130903 bottlerocket ui all

Why?(in case I

need motivation

or reminders

later)

Relevant goals:

Project: Learn Chinese

BIG GOALS(WHY DO I WANT THIS?)

ROOTS(CONNECT

TO MY FAMILY AND CULTURE)

FLUENCY

BECOME A FLUENT

SPEAKER

CAREER

WORK AS A FOREIGN SERVICE

OFFICER; THEN AMBASSADOR

TO CHINA

Why?

Page 58: 20130903 bottlerocket ui all

Why?(in case I

need motivation

or reminders

later)

Relevant goals:

Project: Learn Chinese

BIG GOALS(WHY DO I WANT THIS?)

ROOTS(CONNECT

TO MY FAMILY AND CULTURE)

FLUENCY

BECOME A FLUENT

SPEAKER

CAREER

WORK AS A FOREIGN SERVICE

OFFICER; THEN AMBASSADOR

TO CHINA

DECREASE WORLD SUCK

SINO-US RELATIONS have huge

implications for the future of this world. I

want to be in this conversation; to

improve it.

Why?

Page 59: 20130903 bottlerocket ui all

Project: Learn Chinese

Why?

GOALS

GOALS

Page 60: 20130903 bottlerocket ui all

Project: Learn Chinese

GOALS

GOALS

What kind of projectis this?

Page 61: 20130903 bottlerocket ui all

Project: Learn Chinese

GOALS

GOALS

What kind of projectis this?

(in case other people wanna check out what I’m doing)

Page 62: 20130903 bottlerocket ui all

Project: Learn Chinese

GOALS

GOALS

What kind of projectis this?

(in case other people wanna check out what I’m doing)

#Category

Page 63: 20130903 bottlerocket ui all

Project: Learn Chinese

GOALS

GOALS

What kind of projectis this?

(in case other people wanna check out what I’m doing)

#Category#Category

language

Page 64: 20130903 bottlerocket ui all

Project: Learn Chinese

GOALS

GOALS

What kind of projectis this?

(in case other people wanna check out what I’m doing)

#Category#Category

language

FAMILY

Page 65: 20130903 bottlerocket ui all

Project: Learn Chinese

GOALS

GOALS

What kind of projectis this?

(in case other people wanna check out what I’m doing)

#Category#Category

language

skills

FAMILY CAREER

Page 66: 20130903 bottlerocket ui all

Project: Learn Chinese

GOALS

GOALS

What kind of projectis this?

(in case other people wanna check out what I’m doing)

#Category#Category

language

EDU skills

FAMILY culture CAREER

Page 67: 20130903 bottlerocket ui all

Project: Learn Chinese

GOALS

GOALS

What kind of projectis this?

(in case other people wanna check out what I’m doing)

#Category

Page 68: 20130903 bottlerocket ui all

AwesomeLet’s get started

Page 69: 20130903 bottlerocket ui all

AwesomeLet’s get started

Page 70: 20130903 bottlerocket ui all

Project: Learn Chinese

#Category

Relevant goals

Page 71: 20130903 bottlerocket ui all

What do you want to do today?

Project: Learn Chinese

#Category

Relevant goals

Page 72: 20130903 bottlerocket ui all

What do you want to do today?my timeline:

Project: Learn Chinese

#Category

Relevant goals

+add

date

Page 73: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

#Category

Relevant goals

+add

date

Page 74: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

#Category

Relevant goals

+add

date

Find & buy a good study book

Listen to one Chinese song a day

Today’s agenda:

the workboard(the present)

Page 75: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

#Category

Relevant goals

+add

date

DONE!Add a cool Image

to celebrate?

Find & buy a good study book

Listen to one Chinese song a day

Today’s agenda:

+

Page 76: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

#Category

Relevant goals

+add

date

Listen to one Chinese song a day

+ Find & buy a good study book

Page 77: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

#Category

Relevant goals

+add

date

+ Find & buy a good study book

+Listeneed to one Chinese song a day

Page 78: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

#Category

Relevant goals

+add

date

+ Find & buy a good study book

+Listeneed to one Chinese song a day

Drag and dropUseful tools and

resourceshere for future

reference!

Page 79: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

#Category

Relevant goals

+add

date

+ Find & buy a good study book

+Listeneed to one Chinese song a day

Tools & resources:

FIND a mentor

?

+

Page 80: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

#Category

Relevant goals

+add

date

+ Find & buy a good study book

+Listeneed to one Chinese song a day

Tools & resources:

FIND a mentor

?

+

BOOK

{

Page 81: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

#Category

Relevant goals

+add

date

+ Find & buy a good study book

+Listeneed to one Chinese song a day

Tools & resources:

FIND a mentor

?

+

BOOK

{

} MUSIC

Page 82: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

+add

date

+ Find & buy a good study book

+Listeneed to one Chinese song a day

#

GOALS

TOOLS

Page 83: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

+add

date

+

+

(Take a moment and drink it all in)

Great job champ!

#

GOALS

TOOLS

Page 84: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

+add

date

+

+

(Take a moment and drink it all in)…

Time for a break, how about we jot down a few notes on what comes next?

Great job champ!

#

GOALS

TOOLS

Page 85: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

+add

date

+

+

(Take a moment and drink it all in)…

The game plan CONTINUES!

#

GOALS

TOOLS

Page 86: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

+add

date

+

+

??.??.??

the workboard(the present)

#

GOALS

TOOLS

Page 87: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

+add

date

+

+

??.??.??

the workboard(the present) What’s next

The future

Register for a Chinese class

Future goals:

Find a Chinese language partner

#

GOALS

TOOLS

Page 88: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

+add

date 08.15.08

#

GOALS

TOOLSRegister for a

Chinese class

Find a language partner

my present:

past

Page 89: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

+add

date 08.15.08

#

GOALS

TOOLSRegister for a

Chinese class

Find a language partner

my present:

??.??.??

future:

Study in Beijing

past

Page 90: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

+add

date 08.15.08

#Category

GOALS

TOOLSRegister for a

Chinese class

Find a language partner

my present:

??.??.??

future:

Study in Beijing

past

Page 91: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

+add

date 08.15.08

GOALS

TOOLSRegister for a

Chinese class

Find a language partner

my present:

??.??.??

future:

Study in Beijing

past #Category

language

EDU skills

FAMILY culture CAREER

Page 92: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

+add

date 08.15.08

#Category

GOALS

TOOLSRegister for a

Chinese class

Find a language partner

my present:

??.??.??

future:

Study in Beijing

past

Page 93: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

+add

date 08.15.08

#

TOOLSRegister for a

Chinese class

Find a language partner

my present:

??.??.??

future:

Study in Beijing

past

BIG GOALS(WHY DO I WANT THIS?)

Page 94: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

+add

date 08.15.08

#

TOOLSRegister for a

Chinese class

Find a language partner

my present:

??.??.??

future:

Study in Beijing

past BIG GOALS(WHY DO I WANT THIS?)

ROOTS(CONNECT

TO MY FAMILY AND CULTURE)

FLUENCY

BECOME A FLUENT

SPEAKER

CAREER

WORK AS A FOREIGN SERVICE

OFFICER; THEN AMBASSADOR

TO CHINA

DECREASE WORLD SUCK

SINO-US RELATIONS have huge

implications for the future of this world. I

want to be in this conversation; to

improve it.

Page 95: 20130903 bottlerocket ui all

05.08.08my timeline:

Project: Learn Chinese

+add

date 08.15.08

#Category

TOOLSRegister for a

Chinese class

Find a language partner

my present:

??.??.??

future:

Study in Beijing

past

GOALS