1. Varia%ons

2. Naviga%on

3. V.1

4. V.2

5. V.3

6. V.4

7. • Homepage
v.1
– Straigh9orward
– No
descrip%on
on
principles
– List
format
for
the
nav
V.5

8. • Homepage
v.2
– Sub
nav
in
list
form
– Requires
a
lot
of
back
and
forth
nav
(back
buGon
overuse)
– BoGom
nav
V.6

9. • Homepage
v.3
• FUN
SCROLL
WHEEL
<3
V.7

10. • Preferred
Version
– Landing
page
has
all
three
necessary
elements
on
the
site
V.8.1

11. – When
clicked
into
a
por%on
of
the
site,
top
becomes
a
hidden
overlay
nav
V.8.2

12. • Preferred
Version
wireframe
– Immediate
introduc%on
to
the
principles
and
methods
V.8.3

13. • The
three
screen
indicators
direct
people
to
the
three
most
important
parts
of
the
site
V.8.4

14. Specific
Method
Page

15. V.1

16. V.2

17. • Method
Page
v.1
– Back
buGon
necessary
– The
list
subnav
of
a
method
page
is
sta%onary
– Only
the
top
moves
when
the
buGons
on
pressed
V.3

18. • Method
Page
v.2
– Lightbox
overlay
so
you
can
close
the
x
– Steps
are
separated
– Experts
and
download
are
always
visible
through
the
steps
V.4

19. • Method
Page
Preferred
Version
– Tab
format
– Includes
overview
– Can
see
what
category
the
method
falls
under
V.5.1

20. • Possible
Changes
• Share-­‐
downlaod
print
email
• Or
email
instead
of
download
card
– What
are
you
downloading?
• BackbuGon
with
naviga%on,
contact
an
expert.
• Video
push
somewhere
to
be
one
thing.
V.5.2

21. • Take
the
frames
from
video
so
you
don’t
have
to
embed
a
video
on
the
app
• Creates
fast
snapshot
of
what
the
app
looks
like
V.5.3

22. Method
Picker

23. V.1

24. V.2

25. V.3

26. • Method
Picker
v.1
– Ugly
2X5
grid
with
too
much
informa%on
– Drop
down
filter
V.4

27. • Method
Picker
v.2
– Top
nav
layout
– Filter
immediately
visible
– Methods
are
in
a
list
view
with
descrip%on
– Pictures
on
the
side
– But
this
takes
up
too
much
space
on
the
screen
V.5

28. • Method
Fun
Picker
v.nothing
• POSSIBLE
coverflow
model
but
just
for
funzies
V.6

29. • Filter
Preferred
Version
v.3
– Drop
down
Filter
– 2x2
Grid
layout
– With
three
screen
indicator
on
the
boGom
V.7.1

30. • Preferred
Version
Method
Picker
wireframe
v.3
– Sugges%on:
Logo
on
the
boGom
V.7.2

31. • Preferred
Version
Method
Picker
v.
3.1
– Filter
overlay
(sorry
it’s’
meant
to
be
all
over
the
screen)
V.7.3