20130920 bottlerocket ui walkthrough

Life Dashboard – new user landing page

t


Hover view (first tap view)

t


Tap twice to enter…


Choose Life Areas option


Choose Life Areas option

Click any square to navigate to next step

Life Dashboard – choose your life areas


Tap on any box to select life area.


Tap on any box to select life area.

Edit life area name or color

Life Dashboard –your bottlerocket wheel of life

Life Dashboard –choose your view (current: Wheel View)

Life Dashboard –choose your view (current: List View)

Life Dashboard –choose your view (current: Wheel View)

Project Dashboard – Example User View

Example Life-dash:Resident Storyteller


Introducing: project filters


Current view:Done + in-progress


My timeline:


Today’s Friday(… the 13th!)

Project Dashboard - User View

“Add a project” example (not sure

where to place)


Life Dashboard –add new project/goal


Click to add goal


Choose additional life area tags


A project | goal can appear in multiple life areas!


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


Book


Book | Hua Dan


Book | Hua Dan | HART


Book | Hua Dan | HART | China


Book | Hua Dan | HART | China | Art


Book | Hua Dan | HART | China | ArtOral History


Back to life dash

Revisions end here. September 12,

2013 views here on out:


t

Life dashboard user view

Click twice to jump into :

Life Area View

Life area view

Life Area - User View


…but first


wtf* are these buttons?

*… Friday. Tsk tsk potty mouth


A bitText heavy…


No worries!


We’ll comeback to this


Let’s start with this

filter thing


All faded = no projects in view!


bottlerocket


DONE projects appear on the upper left

(corresponding to timeline “past”).

Drag timeline view left to travel

into your past


In-progress projects appear in the center of

your dashboard.

Your workboard = your present


Paused & wishlisted projects appear on your bottom right

(your future).

Drag timeline view to the right to bring them

into focus.


Double-tap on any project bubble

& jump to

Project dashboard

!

Project dashboardview

Project Dashboard- User View


Project dashboards(essentially)

= Life Area Views!


Project dashboardsare for larger projects

with many sub-projects

Project Dashboard – Appreciator view

To be continued!


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

20130920 bottlerocket ui walkthrough

Design