Ce diaporama a bien été signalé.
Le téléchargement de votre SlideShare est en cours. ×

RailsGirls UX Workshop

Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Prochain SlideShare
Typography Matters #psuweb
Typography Matters #psuweb
Chargement dans…3
×

Consultez-les par la suite

1 sur 15 Publicité

RailsGirls UX Workshop

Télécharger pour lire hors ligne

Quick UX workshop slide deck for RailsGirls with DevPoint Labs on Oct 17, 2015.

Quick UX workshop slide deck for RailsGirls with DevPoint Labs on Oct 17, 2015.

Publicité
Publicité

Plus De Contenu Connexe

Similaire à RailsGirls UX Workshop (20)

Publicité

Plus récents (20)

RailsGirls UX Workshop

  1. 1. RailGirls UX Workshop October 17, 2015 | @tyhatch
  2. 2. UX? (I thought this was about code…)
  3. 3. User Experience is… solving the right problem for the right people in the best possible way.
  4. 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. 5. timetodefineandsketchyouridea! We’regonnausepaper,stickiesandsharpies
  6. 6. Whatproblemareyousolving? Whatarepeopletryingtodo? Whatstopsthemfromaccomplishingtheir activity? Isthereanopportunitytoimprovetheprocess? Whyisthisimportanttosolve? Whowillbenefitfromyoursolution?How? Problemdefiniton 
 Purpose Audience
  7. 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. 8. Atomic Design Atoms Molecules Organisms Templates Pages
  9. 9. Atoms Label Placeholder text BUTTON Label Button Input
  10. 10. Molecules Placeholder text BUTTONLabel
  11. 11. Organisms Home BlogContactShop BUTTONLabel Placeholder textLOGO
  12. 12. Templates Home BlogContactShop BUTTONLabel Placeholder textLOGO
  13. 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. 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. 15. Good luck! tyhatch@gmail.com | @tyhatch

×