Mobile UX Design School June 9, 2012 The growth of the Web and proliferation of mobile devices has created a huge opportunity for people who can design the look and behavior of digital products. This work spans single-person-single-device interactions through experiences that include multiple people, devices and locations. User Experience Designer (UXD), Interaction Designer (IxD), Information Architect (IA), Web Designer (WD)--whichever way you pitch your skillset, this is truely a GREAT time be working in our field. But--How do you get that elusive interview? What if you're just starting out, or changing fields? How do you showcase your talents succinctly and persuasively? What do recruiters and hiring managers look for in a great portfolio? http://www.meetup.com/Mobile-UX-Design-School/events/64639862/

1. What’s
in
YOUR
Por1olio?
The
Right
Stuff
Mobile
UX
Design
School
Meetup
June
9,
2012

2. Our
hosts
Mobile
UX
Design
School
www.meetup.com
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
2

3. About
us*
Lane
Halley
Chris
Chandler
@thinknow
@chrischandler
*Shannon
O’Brien,
@Shannon_Obrien
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
3

4. OpportuniXes
abound
New
devices
Web-­‐connected
world
Every
business
an
e-­‐business
Social
media
revoluXon
Sounds
good,
how
do
I
get
started?
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
4

5. Interviewing
is
a
two-­‐way
street
How
do
your
skills
match
their
needs?
What
kind
of
work
do
you
want
to
do?
A
good
por4olio
supports
this
conversa9on.
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
5

6. What’s
your
skill
set?
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
6

7. What
is
User
Experience
(UX?)
Dan
Saffer
“
The
disciplines-­‐of-­‐user-­‐experience”
7

8. Where’s
your
focus?
PRODUCT
DESIGN
MARKUP
/
VISUAL
CODE
DESIGN
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
8

9. The
elusive
unicorn
PRODUCT
DESIGN
UNICORN
MARKUP
/
VISUAL
CODE
DESIGN
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
9

10. Different
work
styles
One
domain
In-­‐house
Startup
Roles
&
Generalist
specialXes
Agency
Freelance
Many
domains
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
10

11. Designing
for
mobile
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
11

12. Hot
topics
HTML5,
CSS3
Web
Frameworks
(Ruby
on
Rails)
Responsive
design
NaXve
applicaXon
vs.
mobile
web
Cross
pla1orm
work
Web,
Android,
iPhone
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
12

13. Hiring
managers
say…
“We
don’t
hire
specifically
for
mobile
or
desktop.
We
have
some
clients
where
we
design
for
all
pla4orms-­‐-­‐
mobile,
Web,
Facebook.
Being
able
to
design
cross
pla4orm
is
very
important.”
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
13

14. Hiring
managers
say…
“We
don’t
have
mobile
specialists,
we
have
mobile
projects.”
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
14

15. Hiring
consideraXons
An
experienced
mobile
designer:
• ArXculates
pla1orm
choices
• Knows
common
convenXons
• Thinks
through
and
communicates
interacXons
and
transiXons
• Knows
the
device
resoluXon
landscape
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
15

16. Senior
and
junior
roles
Senior
Junior
Generate
ideas
Know
the
tools
Make
pla1orm
Domain
knowledge
choices
Show
that
you
can
Lead
projects
do
the
work
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
16

17. Don’t
put
yourself
in
a
box
Mobile
is
“hot”
Best
soluXons
are
not
pla1orm
driven
Design
for
mulX-­‐pla1orm
experiences
AnXcipate
conXnued
tech.
changes
The
best
career
strategy?
Stay
balanced.
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
17

18. The
interview
process
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
18

19. How
to
find
a
job
(YMMV)
Hiring
manager
Personal
referral
Recruiter
Job
posXng
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
19

20. The
interview
process
Small
company
Large
company
Direct
hire
HR
department
Either
may
use
a
recruiter
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
20

21. The
mulX-­‐step
interview
ApplicaXon
Cover
leper,
resume,
links
to
work
Phone
screen(s)
ConversaXon
about
work,
process
In-­‐person
interview(s)
AddiXonal
work
samples,
design
acXviXes
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
21

22. Hiring
managers
say…
[I
want
to
talk
to
a]
“designer
who
can
express
and
ar9culate
their
process,
the
problems
they
are
trying
to
solve
and
the
steps
they
took
along
the
way.
It’s
important,
and
rarely
seen.”
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
22

23. Hiring
managers
say…
“When
they
can
provide
sketches
early
on,
all
the
way
through
to
a
finished
product
it
gets
me
excited.”
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
23

24. Your
Web
presence
mapers
Hiring
managers
want
to
know:
Professionally
acXve?
InteresXng
side
projects?
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
24

25. Building
your
por1olio
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
25

26. Por1olio
formats
Web
site
Web
links
.pdf
Other
formats
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
26

27. Hiring
managers
say…
“We
expect
someone
to
have
a
por4olio
site.
They
can
send
a
.pdf,
but
you’re
working
for
screen-­‐based
users,
it’s
essen9al
to
have
a
screen-­‐based
por4olio.”
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
27

28. Hiring
managers
say…
“A
por4olio
is
a
showcase.
It
should
catch
the
eye
and
tell
the
story
that
you
can
do
the
work.”
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
28

29. What
goes
in
your
por1olio?
Who
you
are
3-­‐7
pieces
of
client
work
Frame
the
deliverables
Show
your
process
Demonstrate
adaptability
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
29

30. Tricky
situaXons
Team
Projects
ConfidenXality
Explain
role
Anonymize
Credit
others
In-­‐person
only
A
personal
project
or
two
can
help
round
out
your
por4olio
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
30

31. Por1olio
bloopers
Too
large,
work
too
similar
Fail
to
frame
the
work
Show
only
the
finished
product
Show
a
small
sliver
of
the
product
Show
work
that
is
not
yours
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
31

32. Hiring
managers
say…
“I’m
incredibly
busy,
I
want
to
get
a
good
first
impression,
not
slog
through
a
lot
of
stuff.”
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
32

33. Hiring
managers
say…
“We
see
a
lot
of
por4olios,
I
want
someone
to
tell
the
story
quickly
about
key
projects
they
are
proud
of.”
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
33

34. Case
studies
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
34

35. Where’s
your
starXng
point?
Already
working
in
field
Just
starXng
out
Changing
careers
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
35

36. Let’s
review
some
examples
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
36

37. Audience
show
and
tell
What’s
in
YOUR
por1olio?
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
37

38. Thank
You!
Lane
Halley
Chris
Chandler
@thinknow
@chrischandler
License:
CC
BY-­‐NC-­‐SA
www.lanehalley.com
38