The document summarizes a UX workshop that covered key topics in user experience design including defining problems, understanding audiences, and introducing common UX design frameworks like atomic design. It provided examples of UX deliverables like personas, wireframes, and common design tools. The workshop concluded by encouraging participants to define and sketch their ideas for solving problems and improving processes for target users.

1. RailGirls UX Workshop
October 17, 2015 | @tyhatch

2. UX?
(I thought this was about code…)

3. User Experience is…
solving the right problem for the right people in the best possible way.

4. Keys to an effective UX
What problem are you solving?
Why are you solving it?
Who are you solving it for?
How are you solving the problem?
Have a specific purpose
Understand your target audience
Make it simple

5. timetodefineandsketchyouridea!
We’regonnausepaper,stickiesandsharpies

6. Whatproblemareyousolving?
Whatarepeopletryingtodo?
Whatstopsthemfromaccomplishingtheir
activity?
Isthereanopportunitytoimprovetheprocess?
Whyisthisimportanttosolve?
Whowillbenefitfromyoursolution?How?
Problemdefiniton
Purpose
Audience

7. Age:
Family:
Residence:
Car:
Occupation:
Salary:
Industry:
Passions:
[3-5goalsthey’rehopingtoachieve
within0-3years.]
Work:
Browser:
Mobile:
Social:
News:
[3-5goalsthey’rehopingtoachieve
within3-7years.]
PersonaName
PersonaArchetype

8. Atomic Design
Atoms Molecules Organisms Templates Pages

9. Atoms
Label
Placeholder text
BUTTON
Label
Button
Input

10. Molecules
Placeholder text BUTTONLabel

11. Organisms
Home BlogContactShop BUTTONLabel Placeholder textLOGO

12. Templates
Home BlogContactShop BUTTONLabel Placeholder textLOGO

13. Pages
Home BlogContactShop BUTTONLabel Placeholder textLOGO
A REAL TEASER HEADLINE
ANOTHER TEASER
HEY, WHY DON’T YOU WATCH A VIDEO
THIS REALLY ISN’T REAL
Bushwick meh Blue Bottle pork belly mustache
skateboard 3 wolf moon. Actually beard single-
origin coffee, twee 90's PBR Echo Park sartorial
try-hard freegan Portland ennui. Selvage jean
shorts 90's, Vice American Apparel try-hard.
Bushwick meh Blue Bottle pork belly mustache
skateboard 3 wolf moon. Actually beard single-
origin coffee, twee 90's PBR Echo Park sartorial
try-hard freegan Portland ennui. Selvage jean
shorts 90's, Vice American Apparel try-hard.
Bushwick meh Blue Bottle pork belly mustache skateboard 3 wolf moon.
Actually beard single-origin coffee, twee 90's PBR Echo Park sartorial try-hard
Bushwick meh Blue Bottle pork belly mustache
skateboard 3 wolf moon. Actually beard single-
origin coffee, twee 90's PBR Echo Park sartorial
try-hard freegan Portland ennui. Selvage jean
shorts 90's, Vice American Apparel try-hard.
SAMPLE IMAGE CAPTION SAMPLE IMAGE CAPTION
Bushwick meh Blue Bottle pork belly mustache
skateboard 3 wolf moon. Actually beard single-
origin coffee, twee 90's PBR Echo Park sartorial
try-hard freegan Portland ennui. Selvage jean
shorts 90's, Vice American Apparel try-hard.
Bushwick meh Blue Bottle pork belly mustache
skateboard 3 wolf moon. Actually beard single-
origin coffee, twee 90's PBR Echo Park sartorial
try-hard freegan Portland ennui. Selvage jean
shorts 90's, Vice American Apparel try-hard.

14. Resources
UX methods, tips, etc.
UX Deliverables
http://uxdesign.cc/ux-methods-
deliverables
Design Sprints
http://www.gv.com/sprint
Pattern Lab
http://patternlab.io
Software Tools
Adobe Creative Cloud
http://adobe.com/creativecloud
Sketch
http://www.sketchapp.com
Pixelmator
http://pixelmator.com
Lucid Chart
http://lucidchart.com

15. Good luck!
tyhatch@gmail.com | @tyhatch