0
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonIllustration: Dan Willisalberta soranzo | @albe...
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonNZ001 — LHR-LAX
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonNZ001 — LHR-LAX
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonNZ001 — LHR-LAX
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonNZ001 — LHR-LAX
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonNZ001 — LHR-LAX
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonNZ001 — LHR-LAX
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonNZ001 — LHR-LAX
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonNZ001 — LHR-LAX
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton(New) Armano’s WTF-OMG!based on http://darmano....
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonanatomy of the processsource: thebarracuda57.wo...
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonscary, isn’t it?source: blog.qburst.com
VISUAL DESIGNVISUAL DESIGNINFORMATION DESIGNINFORMATION DESIGNSTRUCTURESTRUCTUREREQUIREMENTSREQUIREMENTSSTRATEGYSTRATEGYDe...
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonUXPAsource: blog.qburst.com
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonthe processStrategy → Research → Analysis →Desi...
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonartifacts (that’s deliverables)source: @tuna (G...
StoriesProverbsPersonasScenariosContent Inventories AnalyticsUser SurveysConcept MapsSystem MapsProcess FlowsWireframesSto...
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertondeliverablessource: semanticstudio.com
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertondeliverables - Jamie R. LevyAnybody can draw a ...
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertondeliverables - Peter MorvilleClearly, these art...
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertontrained monkeyssource: nerudaproject.wordpress....
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonevolution of how we practicesource: geekybytes....
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonsource: c21nicholson.com“u”
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonevolution of how we practicesource: geekybytes....
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertondeliverables - Peter MorvilleClearly, these art...
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonmethods vs principles“As to methods there may b...
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonI sayJust because everybody else is doing it, i...
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonthe real issueWe worship at the altar of "doing...
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertona little social experiment
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertona little social experiment
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertona little social experimentSeamus O’Leary, PhDQu...
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertona little social experimentPredictive Cognitive ...
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertona little social experimentPredictive Cognitive ...
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonis it just an American thing?• Australia	  —	  ...
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton• Scandinavia	  —	  presen%ng,	  building	  tru...
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonE = Uem·pa·thy  /ˈempəTHē/NounThe ability to un...
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonEmpathy is a three-way thingStakeholdersUsersYo...
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonwhat do I do?THINK(before you do)
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertongive it 5 minutes“Man, give it five minutes.”— ...
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonask more questions“Asking questions means you w...
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertondaily UX zen
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonEmpathy = getting in character to understandSta...
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonwho are you?
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonNZ001 — LHR-LAX
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonNZ001 — LHR-LAX
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonthe endQuestions?
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton#whoissheanywayalberta soranzo@albertatreblaalb...
Upcoming SlideShare
Loading in...5
×

Putting "U" back in UX

1,846

Published on

What is it that makes you good at what you do? The tools you use, the processes you follow, the methodologies and techniques you employ are important, but what really makes your work stand out is, well, you. It's your unique approach, your creativity and the solutions you bring to the table.
In a word where labels matter, where processes have to have a name and deliverables are strictly defined. How do you put "you" back in the practice of UX?

Published in: Technology, Education
1 Comment
13 Likes
Statistics
Notes
No Downloads
Views
Total Views
1,846
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
24
Comments
1
Likes
13
Embeds 0
No embeds

No notes for slide

Transcript of "Putting "U" back in UX"

  1. 1. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonIllustration: Dan Willisalberta soranzo | @albertatreblaSoCal UX Camp – Cal State Fullertonputting “u” back in UX
  2. 2. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
  3. 3. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonNZ001 — LHR-LAX
  4. 4. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonNZ001 — LHR-LAX
  5. 5. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonNZ001 — LHR-LAX
  6. 6. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonNZ001 — LHR-LAX
  7. 7. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonNZ001 — LHR-LAX
  8. 8. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonNZ001 — LHR-LAX
  9. 9. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonNZ001 — LHR-LAX
  10. 10. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonNZ001 — LHR-LAX
  11. 11. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton(New) Armano’s WTF-OMG!based on http://darmano.typepad.com/logic_emotion/2008/12/the-omgwtf-spectrum.html
  12. 12. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonanatomy of the processsource: thebarracuda57.wordpress.com/
  13. 13. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonscary, isn’t it?source: blog.qburst.com
  14. 14. VISUAL DESIGNVISUAL DESIGNINFORMATION DESIGNINFORMATION DESIGNSTRUCTURESTRUCTUREREQUIREMENTSREQUIREMENTSSTRATEGYSTRATEGYDesigning the presentation of informationto facilitate understandingnavigation, table of contents, indices,visual hierarchyStructural design of the information spaceto facilitate intuitive access to contentinformation architecture, interactiondesign, wireframe, progressive disclosureDefinition of scope, user needs, contentand information requirements, functionalspecificationspersonas, accessibility, feature set,ethnographic research, differentiation,purposePlanning out the objectives and goalsof the project, specifying organisationalrequirementsproject space, project schedule, selectingmethods and techniques, briefingCONCEPTIONabstractCOMPLETIONconcreteThe visual treatment of graphic elements,the look and feel of the producttypography, colour palette, alignment,texture, tactile quality of materialsGOOD PRACTICE GUIDELINESIt is important to consider good practice guidelines relevant tothe project in order to address broad user requirements and meetaccessibility standards. For example RNIB legibility guidelines, W3Cvalidation, ISO standards, British Standards or ergonomic principles.USER REQUIREMENTSIt is vital to use all available resources to gather information aboutthe users’ requirements. Successful projects use an average offive different sources of information. These may be focus groups,contextual or individual interviews, observation, surveys, etc.STICKY NOTESComparing notes is a useful tool to aid decision making. Ideas arewritten down on individual sticky notes, weighed against one anotherand organised according to priority or other criteria (speed, cost,quality, desirability etc). This technique can also be used with usersto get them to put their considerations in order of importance.PROJECT SPACEA dedicated project area where research and visualisations can beorganised spatially on walls provides a creative work environmentwhere meetings can be held surrounded by stimuli. Constructing astory about the project in the space providing roughs and unpolisheddesign invites others to comment and contribute.PERSONAS AND SCENARIOSA persona is an archetype comprised of habits and characteristicsof the target audience. Scenarios are little stories describing howtypical user tasks are carried out. They help to anticipate and identifythe decisions a user will have to make at each step in their experienceand through each environment or system state they will encounter.AESTHETICSVisual design impacts greatly on the usability of a product. Usersprefer a beautiful look & feel over an ugly or dull one. Aesthetic designsare perceived as easier to use, whether they are or not. Good designersfind a perfect combination of accessibility and aesthetics.PROGRESSIVE DISCLOSUREManaging the information complexity or cognitive load by displayingonly relevant information at any given time prevents informationoverload. For example through effective signposting of destinationsin a wayfinding system or using “read more” links on a website.USABILITY TESTINGEvaluating a product by testing it with representative users helpsto identify usability problems by collecting quantitative data onthe users’ performance (e.g. error rate) and establishing theirsatisfaction with the product.METHODS AND TECHNIQUES METHODS AND TECHNIQUESCONCEPTIMPLEMENTATIONEVALUATIONPERSONAS & SCENARIOSROLE PLAYUSER TESTINGACCESSIBILITY TESTINGFOCUS GROUPOBSERVATIONThe user centred design processis an iterative cycle where everystep is evaluated against theinitially identified requirementsof the users and iterated untilthese requirements are met.Evaluation methods include:ANALYSISANDPLANNINGLAUNCHputting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonuser centered designsource: paznow.com
  15. 15. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonUXPAsource: blog.qburst.com
  16. 16. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonthe processStrategy → Research → Analysis →Design → Production
  17. 17. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonartifacts (that’s deliverables)source: @tuna (Gary Barber)
  18. 18. StoriesProverbsPersonasScenariosContent Inventories AnalyticsUser SurveysConcept MapsSystem MapsProcess FlowsWireframesStoryboardsConcept DesignsPrototypesNarrative ReportsPresentationPlansStyle Guides SpecificationsDesign Patternsputting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonsemanticstudiossource: semanticstudio.com
  19. 19. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertondeliverablessource: semanticstudio.com
  20. 20. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertondeliverables - Jamie R. LevyAnybody can draw a box and put it on apage.— Jamie R. Levy, 2013
  21. 21. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertondeliverables - Peter MorvilleClearly, these artifacts of the process arenot the whole story. We must also thinkabout the relationship between goals,methods, and documents.— Peter Morville, 2009
  22. 22. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertontrained monkeyssource: nerudaproject.wordpress.com
  23. 23. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonevolution of how we practicesource: geekybytes.orgWHAT
  24. 24. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonsource: c21nicholson.com“u”
  25. 25. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonevolution of how we practicesource: geekybytes.orgHOWWHAT
  26. 26. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertondeliverables - Peter MorvilleClearly, these artifacts of the process arenot the whole story. We must also thinkabout the relationship between goals,methods, and documents.— Peter Morville, 2009
  27. 27. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonmethods vs principles“As to methods there may be a million andthen some, but principles are few. The manwho grasps principles can successfullyselect his own methods. The man who triesmethods, ignoring principles, is sure to havetrouble.”— Ralph Waldo Emerson
  28. 28. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonI sayJust because everybody else is doing it, itdoesn’t mean that it’s going to work for you.
  29. 29. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonthe real issueWe worship at the altar of "doing" andtechnology.
  30. 30. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertona little social experiment
  31. 31. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertona little social experiment
  32. 32. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertona little social experimentSeamus O’Leary, PhDQueen’s UniversityInstitute of Cognition and CultureBelfast“Predictive Cognitive Semantic Analysis: An Algorithm forPlace-Making in Cross-Channel Experiences” (2010)
  33. 33. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertona little social experimentPredictive Cognitive Semantic Analysis“I had an intuition that by interpolating results of bestmerge dendograms with anti-pattern libraries and textreadability scores, my algorithm would accurately predictthe boundaries of cognitive and semantic mapping.”
  34. 34. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertona little social experimentPredictive Cognitive Semantic Analysis• Parallax Theory of Brain Modeling (Johnston, Neil et al.)• Cognitive Disenthropy Theory (Blake, McGuinn)• Systemic Distribution of Neural Pathways Model (Mould?)• Fibonacci Sequence• Limit of Consecutive Quotients Paradox (Kepler)• Structural Malta Approach to Card Sorting (Mann, Pallot)
  35. 35. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonis it just an American thing?• Australia  —  ac%ve  listening,  facilita%on• Canada  —  decision  making,  change  management  • India  —  dealing  with  difficult  people,  building  trust,  %me  and  stakeholder  management,  conflict  resolu%onsource: uxmatters.com
  36. 36. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton• Scandinavia  —  presen%ng,  building  trust,  stakeholder  management• United  Kingdom  —  presen%ng,  decision  making• United  States  —  planning,  organiza%on,  persuasion,  influence,  presen%ngsource: uxmatters.comis it just an American thing?
  37. 37. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonE = Uem·pa·thy  /ˈempəTHē/NounThe ability to understand and sharethe feelings of another.
  38. 38. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonEmpathy is a three-way thingStakeholdersUsersYou areHERE Colleagues
  39. 39. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonwhat do I do?THINK(before you do)
  40. 40. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertongive it 5 minutes“Man, give it five minutes.”— Richard Saul Wurman
  41. 41. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonask more questions“Asking questions means you want to know.”— Jason Fried (37signals)
  42. 42. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertondaily UX zen
  43. 43. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonEmpathy = getting in character to understandStakeholdersUsersColleaguesYou areTHEM
  44. 44. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonwho are you?
  45. 45. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonNZ001 — LHR-LAX
  46. 46. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State FullertonNZ001 — LHR-LAX
  47. 47. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullertonthe endQuestions?
  48. 48. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton#whoissheanywayalberta soranzo@albertatreblaalbertasoranzo.comThank you!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×