20130920 bottlerocket ui walkthrough
Post on 17-Nov-2014
288 Views
Preview:
DESCRIPTION
TRANSCRIPT
Life Dashboard – new user landing page
t
Life Dashboard – new user landing page
Hover view (first tap view)
t
Life Dashboard – new user landing page
Tap twice to enter…
Life Dashboard – new user landing page
Choose Life Areas option
Life Dashboard – new user landing page
Choose Life Areas option
Click any square to navigate to next step
Life Dashboard – choose your life areas
Life Dashboard – choose your life areas
Tap on any box to select life area.
Life Dashboard – choose your life areas
Tap on any box to select life area.
Edit life area name or color
Life Dashboard – choose your life areas
Life Dashboard – choose your life areas
Life Dashboard – choose your life areas
Life Dashboard – choose your life areas
Life Dashboard – choose your life areas
Life Dashboard – choose your life areas
Life Dashboard – choose your life areas
Life Dashboard – choose your life areas
Life Dashboard – choose your life areas
Life Dashboard –your bottlerocket wheel of life
Life Dashboard –your bottlerocket wheel of life
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
Project Dashboard – Example User View
Project Dashboard – Example User View
Introducing: project filters
Project Dashboard – Example User View
Current view:Done + in-progress
Project Dashboard – Example User View
Project Dashboard – Example User View
My timeline:
Project Dashboard – Example User View
Today’s Friday(… the 13th!)
Project Dashboard – Example User View
Project Dashboard – Example User View
Project Dashboard – Example User View
Project Dashboard - User View
“Add a project” example (not sure
where to place)
Project Dashboard - User View
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Click to add goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Choose additional life area tags
Life Dashboard –add new project/goal
A project | goal can appear in multiple life areas!
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Add category #(in case other people wanna check out what I’m doing)
Life Dashboard –add new project/goal
Book
Life Dashboard –add new project/goal
Book | Hua Dan
Life Dashboard –add new project/goal
Book | Hua Dan | HART
Life Dashboard –add new project/goal
Book | Hua Dan | HART | China
Life Dashboard –add new project/goal
Book | Hua Dan | HART | China | Art
Life Dashboard –add new project/goal
Book | Hua Dan | HART | China | ArtOral History
Life Dashboard –add new project/goal
Book | Hua Dan | HART | China | ArtOral History | NGO
Life Dashboard –add new project/goal
Book | Hua Dan | HART | China | ArtOral History | NGO | theater
Life Dashboard –add new project/goal
Book | Hua Dan | HART | China | ArtOral History | NGO | theater | service
Life Dashboard –add new project/goal
Book | Hua Dan | HART | China | ArtOral History | NGO | theater | serviceresearch
Life Dashboard –add new project/goal
Book | Hua Dan | HART | China | ArtOral History | NGO | theater | serviceresearch
next section
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Life Dashboard –add new project/goal
Back to life dash
Life Dashboard –add new project/goal
Revisions end here. September 12,
2013 views here on out:
Project Dashboard - User View
t
Life dashboard user view
Click twice to jump into :
Life Area View
Life area view
Life Area - User View
Life Area - User View
Life Area - User View
…but first
Life Area - User View
wtf* are these buttons?
*… Friday. Tsk tsk potty mouth
Life Area - User View
Life Area - User View
A bitText heavy…
Life Area - User View
No worries!
Life Area - User View
We’ll comeback to this
Life Area - User View
Let’s start with this
filter thing
Life Area - User View
All faded = no projects in view!
Life Area - User View
Life Area - User View
bottlerocket
Life Area - User View
bottlerocket
Life Area - User View
bottlerocket
Life Area - User View
DONE projects appear on the upper left
(corresponding to timeline “past”).
Drag timeline view left to travel
into your past
Life Area - User View
In-progress projects appear in the center of
your dashboard.
Your workboard = your present
Life Area - User View
Paused & wishlisted projects appear on your bottom right
(your future).
Drag timeline view to the right to bring them
into focus.
Life Area - User View
Double-tap on any project bubble
& jump to
Project dashboard
!
Life Area - User View
Project dashboardview
Project Dashboard- User View
Project Dashboard- User View
Project dashboards(essentially)
= Life Area Views!
Project Dashboard- User View
Project dashboardsare for larger projects
with many sub-projects
Project Dashboard – Appreciator view
To be continued!
Project Dashboard - User View
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
top related