• Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
653
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
5

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. HELLO‣ Dries‣ Concrete‣ PhD, Artesis & TUDelft‣ Design Research‣ dries@concrete.be‣ @driesderoeck
  • 2. USER EXPERIENCE DESIGN ster eoty pe ‣ Academic interpretation • Interface design • Quantify ‣ Marketing interpretation • Superficial work • (fake) emotion
  • 3. ‣ ASUS Ultrabook UX21‣ Apple Macbook Air
  • 4. INDUSTRIAL DESIGN‣ Itis ‘Design’ pe‣ Expensive, exclusive oty st ere‣ Visual look
  • 5. Designer slash model (desigerslashmodel.com)
  • 6. COMMON MISCONCEPTION‣ Design is more than meets the eye • in most cases That Squiggle of the Design Process - Damien Newman
  • 7. “there is no such thing asa UX design profession” Peter Merholz, Adaptive path
  • 8. ON TERMINOLOGY‣ Terminology discussions are useless‣ User experience design‣ Interaction design‣ User centered design‣ User centric design‣ Design thinking‣ Conclusion : In practice, they are very similar
  • 9. USERSFIRST
  • 10. HUMAN CENTERED DESIGN‣ Generic approach • Software • Hardware • Service • Digital / Non-Digital‣A way of thinking, deeply rooted‣ Know the people that will use your product‣ Know the context in which your product will be used‣ Know the interactions between both
  • 11. HUMANCONTEXTINTERACTION
  • 12. Stephen P Anderson - www.poetpainter.com .
  • 13. BERG - berglondon.com
  • 14. CASES‣ Total design processes‣ Mixing • Product design • Interior design • Service design
  • 15. ASSURAX SHOP-CONCEPT‣ Eigen project • Uitvoering analyse • Implementatie concept‣ Online verzekeringsmakelaar • Exploratie belang van fysieke kantoren‣ Ontwikkeling shop-concept‣ Voorstudie • In-context observatie / interview • Persona’s
  • 16. ASSURAX PERSONAS‣ Analyse : opstellen personasLuciano / 28 jaar Daisy / 32 jaar Albert / 76 jaar Dirk / 44 jaarfotograaf actieve huisvrouw gepensioneerde dokwerkerregelt alles via internet: informeert zich via de informeert zich via regelt alles via de shop:informeren, vergelijken, shop en beslist thuis internet en beslist en informeren, vergelijken,bestellen en beheren. samen met haar man via besteld in de shop bestellen en beheren internet.
  • 17. ASSURAXPERSONAS eerste contact producten vergelijken beslissings- moment eindproduct + beheren via gedrukte bespreekt alle beslist thuis samen tastbare + virtuele‣ Costumer journey reclame, via opties in de shop met haar man en verzekerings- kennissen, via PR met de agent... en vind vlot haar weg portefeuille.‣ Touchpoint analyse zet haar studie op de online stunts. thuis verder (waar interface. ze de nodige extra beheert alles is al enkele malen informatie kan virtueel, maar keert voorbij gewandelt vinden). keert eventueel terug naar de shop en gaat de shop terug naar de shop voor nieuwe (onvoorbereid) voor meer info. contracten. binnen uit nieuws- gierigheid. Daisy / 32 jaar Shop “...als het over onze actieve huisvrouw “...ik wil persoonlijk verwittigd geldzaken gaat, vind ik worden indien er zich betere of een persoonlijk informeert zich via de goedkopere producten aandienen.” aanspreekpunt best shop en beslist thuis belangrijk!¨ samen met haar man via internet. “Ik hou van een duidelijk en overzichtelijk product dat rustig thuis kan bestuderen” “... ik heb wel graag ook afgedrukte exemplaren van mijn documenten die ik verzamel in een kaft”
  • 18. ASSURAX ONTWERPPROCES‣ Ontwikkeling retailconcept • Integratie online service & fysieke kantoren • Multi-toepasbaar‣ Huisstijl • ‘transparant’ • ‘onafhankelijk’ • ‘vertrouwen’ • ‘professioneel’ • ‘onderscheidend’‣ Onderzoek • Bestaande concepten in financiële sector
  • 19. aan de balie krijgt u persoonlijke aandacht
  • 20. individuele werkplekvoor de medewerker
  • 21. samen met de klant aan 1 zijde van de tafel
  • 22. Net4c‣ Eigen project • Analyse • Prototyping • Opvolging software development‣ Sociaalnetwerk voor senioren • Langer thuiswonen • Sociaal contact‣ Integratievan leeftijdsgroepen • Cross platform • Device onafhankelijk‣ Stigma overstijgen • “Zorg”
  • 23. METHODES‣ Persona creatie‣ Scenario’s‣ Interaction flows‣ Prototyping • Paper • Functional
  • 24. Text‣ Persona interactie‣ App flow
  • 25. PAPER PROTOTYPING‣ First interface & interaction ideas
  • 26. FUNCTIONAL PROTOTYPING‣ Collaboration with developers‣ Keynote prototyping • Animation (Smart move) • Webcam integration (Quartz composer) • Movie export‣ Expression blend • Direct follow up of development
  • 27. FUNCTIONAL PROTOTYPING‣ Dopeople understand the system? • Not just the interface
  • 28. Straatstarters‣ Samenwerking ‣ Concrete & Pantopicon‣ Sociale cohesie • Stad • Straatniveau‣ Ontwerpmatige interventie • Prototype • Evaluatie
  • 29. PROCES‣ Overzicht processtappen
  • 30. CULTURAL PROBES‣ Opdrachten-set‣ Verzamelen rijke informatie • Gekoppeld aan interview
  • 31. CULTURAL PROBES
  • 32. CONCEPTGENERATIE‣ Interne brainstrom‣ Input van probes & interviews
  • 33. CONCEPT GENERATIE‣ Draft ideeën visueel communiceren
  • 34. CONCEPT GENERATIE‣ Opbasis van brainstorm ideeën • Focus op complete concepten‣ Worden gebruikt als ‘spraakmaker’ in co-creatie‣6 totaalconcepten • Storyboard • Draft sketches
  • 35. TJIIIIES!‣ Voorbeeldstoryboard
  • 36. PARTICIPATORYDESIGN‣ Werksessie‣ Buurtbewoners + stad Antwerpen
  • 37. FINAAL SCENARIO‣ Delen van een
  • 38. Mealbutler Demetra‣ Opwarmtoestel voor thuisgeleverde maaltijden‣ Interview& observatie • Huidige situatie • Relevante stakeholders‣ Eenvoud in gebruik • Niet inboeten op ontwerp • Stigma overstijgen
  • 39. EENVOUD‣ Gebruik • Enkel relevantie functies • Knop • Verborgen display‣ Technisch • Standaard • Kostreductie
  • 40. EANDIS SLIMME METER‣ Context • Kelder‣ Eindegebruiker is niet de primaire gebruiker • “gebruiksfase” is op moment van installatie
  • 41. VORMGEVING‣ Basisvormgeving‣ Focus op installatie
  • 42. HUIDIG MODEL& CONTEXT
  • 43. aankoop eigen onderdelen onderdelen stock onderdelen assemblage ledigen tassen config. 1 config. 2 config. 3 config. 4 config. 5 lege onderdelen tassen oude meters in tassen recyclageorder stock kasten
  • 44. USER DRIVEN SIMPLIFICATION‣2 manipulaties • Installatietijd gereduceerd • Technical improvement
  • 45. Deli’Do‣ Chocolademaken • Doelgroep : kinderen‣ Contextobservatie • Co-Creatie • Evaluatie huidige producten
  • 46. CO-CREATIEIN CONTEXT
  • 47. CONCEPTGENERATIE
  • 48. HERDEFININTIE PRODUCT‣ Oorspronkelijkidee klant • Chocolade smelten • Gebruik door kinderen‣ Op basis van gebruikersobservatie • Probleem = proper werken‣ Focus van het project werd aangepast
  • 49. EVOLUTIONS OF TECHNOLOGY & IMPACT ON DESIGN“Honestly, if your business isn’t considering howcomputation changes things, you’re toast – especiallythose industries that haven’t traditionally beencomputerised or modernised.” Chris Heathcote - www.anit-mega.com
  • 50. HUMAN COMPUTER CONFLUENCE BERG Little Printer
  • 51. THE NEW AESTHETIC‣ Influence of digital world world on things around us New type of visuals New ways of thinking‣ Different frame of reference‣ Ongoing discussion Megabytes of spring - Reed + Rader
  • 52. Sudnderland Station, Jason Bruges Studio
  • 53. Shapeways & Minecraft : Mineways (flickr pmin00)
  • 54. FABRICATION ANYWHERE‣ Products exist as data Makerbot & Thingiverse
  • 55. “…the object is no longer an object, butan instantiation” Bruce Sterling, Shaping things
  • 56. DESIGN PROFESSION‣ The product is less often ‘just’ the hardware‣ It is the whole trajectory of use • Usage cycle • Production cycle • After-use cycle‣ Digitalservices are part of this, but should not become dominant • Integrated products‣ All-round creative
  • 57. USEFUL TOOLS & RESOURCES IDEO Human Centered Design Toolkit
  • 58. MAP-IT
  • 59. SERVICE DESIGN TOOLS
  • 60. USEWELL
  • 61. IN CONCLUSION‣ User Experience Design is a dangerous term • Lot of connotation • Be aware of the stereotypes‣ It is not • a step in a process • a profession • something to be added in the end‣ It is • a deeply rooted way of working • about processes and strategies • understanding people, context and interactions
  • 62. IN CONCLUSION, cont.‣ Design is connecting • Overview of a process • Identify opportunities • Bring people together • Facilitate > create‣ Product= service = product • Design for the whole experience‣ Adapt methods, be flexible • Get the data you need
  • 63. PROCES OVERZICHT creative evaluatie co-design sessie sessie extern klankbord stakeholder<klant> analyse intern veldonderzoek conceptualisering touchpoints desk research prototyping afbakening concept generatie implementatie
  • 64. WWW.CONCRETE.BE