• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Design für Nicht-Designer
 

Design für Nicht-Designer

on

  • 1,204 views

These are my slides I showed at the "Usability Professionals 2012" conference in Konstanz. ...

These are my slides I showed at the "Usability Professionals 2012" conference in Konstanz.

Here is the link to the paper: http://issuu.com/germanupa/docs/usability-professionals-2012/183

Note: Both are in German.

Statistics

Views

Total Views
1,204
Views on SlideShare
1,187
Embed Views
17

Actions

Likes
7
Downloads
57
Comments
0

3 Embeds 17

https://www.xing.com 12
https://twitter.com 4
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Design für Nicht-Designer Design für Nicht-Designer Presentation Transcript

    • Jackson Pollock – One: Number 31, 1950Design für Nicht-Designer.Lennart Hennigs.Usability Professionals 2012, Konstanz.
    • Sidney Harris – From Whats so Funny about Science, 1977.
    •  UNSER      ARBEITSUMFELD  
    • http://www.flickr.com/photos/senorwences/2366892425/2001.
    • 2001.
    • http://www.flickr.com/photos/legofenris/5297917346/...und auf einmal waren wir mitten drin.
    • http://www.flickr.com/photos/hoyvinmayvin/5166095952/Dieses Arbeitsumfeld istherausfordernd.
    • http://www.flickr.com/photos/dudeoflego/5105353202/Wir sind mit unseremThema oft allein.
    • Ein typisches Projekt?§  Viele Stakeholder.§  ...mit unterschiedlichen Vorstellungen und Prioritäten.§  Anforderungen sind komplex und miteinander verwoben.§  Das Problem ist schwer einzukreisen und verändert sich.§  Das Problem ist „einmalig“.§  Es gibt im Voraus keinen Hinweis, was eine optimale Lösung ist.
    • http://shattered-black-rose.deviantart.com/art/Wicked-wallpaper-38452670PROBLEMS Horst Rittel and Melvin Webber, 1973.
    • Was hilft gegen bösartige Probleme?1.  Definiere eine gemeinsame Vision.2.  Dokumentiere Ideen und kommuniziere sie.3.  Binde Stakeholder ein.4.  Mache kleine Schritte vorwärts, überprüfe dein Ergebnis und iteriere. John C. Camillus – Strategy as a wicked problem, 2008.
    •  METHODEN  UND        TECHNIKEN  
    • http://www.flickr.com/photos/hoyvinmayvin/5133858870/Eine gemeinsameProdukt-Vision erstellen.
    • Eine gute Produkt-Vision beantwortet drei Fragen.1.  Was ist das Ziel des Projekts bzw. welches Problem soll das Produkt lösen?2.  Was macht das Produkt (aus Kundensicht) nützlich?3.  Und wie (und wann) messe ich den Erfolg des Projekts?è  Sie schafft ein gemeinsames Verständnis. James Shore – The Art of Agile Development, 2010.
    • Metro Chad Roberts, Michael Smuga, Albert Shum – Windows Phone UI and Design Language.
    • METRO IS OUR DESIGN ETROLANGUAGE. WE CALL ITMETRO BECAUSE IT’SMODERN AND CLEAN. IT’SFAST AND IN MOTION. IT’SABOUT CONTENT ANDTYPOGRAPHY. AND IT’SENTIRELY AUTHENTIC. Chad Roberts, Michael Smuga, Albert Shum – Windows Phone UI and Design Language.
    • h4p://www.flickr.com/photos/hoyvinmayvin/4833003019/  Eine Produkt-Vision erstellen.The Elevator Pitch.
    • Moore‘s Elevator-Pitch.Für (Zielgruppe),die (Bedürfnis / Problem) haben,ist (Produktname) ein (Produktkategorie),mit (den wichtigsten Funktionen).Im Gegensatz zu (Wettbewerbern) bietet es(Unterscheidungsmerkmale). James Shore – The Art of Agile Development, 2010.
    • Adeo Rissi‘s Lückentext.Meine (Firma),entwickelt (ein Angebot),um (der Zielgruppe)mit (Problem)durch (“geheime Zutat“) zu helfen. Adeo Rissi – MadLibs for Pitching, 2011.
    • http://www.flickr.com/photos/hoyvinmayvin/4823244616Eine Produkt-Vision erstellen.Design the Box.
    • Inhalte einer guten Verpackung.§  Produktname§  Ein Slogan, der den Nutzen des Produkts zusammenfasst§  Eine Abbildung§  Drei bis vier Verkaufsargumente§  Eine Beschreibung der Features auf der Rückseite§  Die technischen Anforderungen des Produkts Jim Highsmith – Agile Project Management, 2004.
    • Design-Prinzipien ableiten.
    • Eigenschaften guter Design-Prinzipien.§  Beschreiben die angestrebte User Experience.§  Sind Richtlinien für die Produktentwicklung.§  Helfen bei Design-Entscheidungen.§  Geben dem Team ein gemeinsames Verständnis.§  Inspirieren.
    • Design-Prinzipien kommen in vielenGeschmacksrichtungen.
    • Universal Priniciples of Design.2nd Edition. Accessibility, Advance Organizer, Aesthetic Usability Effect, Affordance, Alignment, Iteration, Law of Prägnanz, Layering, Legibility, Life Cycle, Mapping, Mental Model,Mimicry, Anthropomorphic Form, Archetypes, Area Alignment, Attractiveness Bias, BabyFace Bias, Biophilia Effect, Cathedral Effect, Chunking, Classical Conditioning, Closure, Cognitive Dissonance, Color, Common Fate, Comparison, Confirmation, Consistency, Constancy, Constraint, Contour Bias, Control, Convergence, Cost Benefit, Defensible Space, Depth of Processing, Design by Committee, Desire Line, Development Cycle, Entry Point, Errors, Expectation Effect, Exposure Effect, Faceism Ratio, Factor of Safety, Feedback Loop, Fibonacci Sequence, FigureGround Relationship, Fitts Law, Five Hat Racks, FlexibilityUsability Tradeoff, Forgiveness, Form Follows Function, Framing, FreezeFlightFightForfeit, Garbage InGarbage Out, Golden Ratio, Good Continuation, Gutenberg Diagram, Hicks Law, Hierarchy, Hierarchy of Needs, Highlighting, Horror Vacui, HunterNrturer Fixations, Iconic Representation, Immersion, Inattentional Blindness, Interference Effects, Inverted Pyramid, Mnemonic Device, Modularity, Most Advanced Yet Acceptable, Most Average Facial Appearance Effect, Normal Distribution, Not Invented Here, Nudge, Ockhams Razor, Operant Conditioning, Orientation Sensitivity, Versus Preference, Personas, Picture Superiority Effect, Priming, Progressive Disclosure, Propositional Density, ProspectRefuge, Prototyping, Proximity, Readability, Recognition Over Recall, Red Effect, Redundancy, Rosetta Stone, Rule of Thirds, Satisficing, Savanna Preference, Scaling Fallacy, Scarcity, SelfSimilarity, Serial Position Effects, Shaping, SignaltoNoise Ratio, Similarity, Stickiness, Storytelling, Structural Forms, Symmetry, Threat Detection, Three Dimensional Projection, TopDown Lighting Bias, Uncanny Valley, Uncertainty Principle, Uniform Connectedness, Veblen Effect, Visibility, Visuospacial Resonance, von Restorff Effect, WabiSabi, Waist to Hip Rat, Wayfinding, Weakest Link
    • Dieter Rams – Zehn Regeln für gutes Design.1.  Gutes  Design  ist  innovaQv.    2.  Gutes  Design  macht  ein  Produkt  brauchbar.  3.  Gutes  Design  ist  ästheQsches  Design.  4.  Gutes  Design  macht  ein  Produkt  verständlich.      5.  Gutes  Design  ist  ehrlich.      6.  Gutes  Design  ist  unaufdringlich.      7.  Gutes  Design  ist  langlebig.      8.  Gutes  Design  ist  konsequent  bis  ins  letzte  Detail.    9.  Gutes  Design  ist  umwel^reundlich.      10.  Gutes  Design  ist  so  wenig  Design  wie  möglich.  
    • http://www.flickr.com/photos/8944091@N08/1001381548/Braun SK 6"Der Schneewittchensarg"
    • http://www.cultofmac.com/
    • http://www.cultofmac.com/
    • Dieter Rams – Zehn Regeln für gutes Design.1.  Gutes  Design  ist  innovaQv.    2.  Gutes  Design  macht  ein  Produkt  brauchbar.  3.  Gutes  Design  ist  ästheQsches  Design.  4.  Gutes  Design  macht  ein  Produkt  verständlich.      5.  Gutes  Design  ist  ehrlich.      6.  Gutes  Design  ist  unaufdringlich.      7.  Gutes  Design  ist  langlebig.      8.  Gutes  Design  ist  konsequent  bis  ins  letzte  Detail.    9.  Gutes  Design  ist  umwel^reundlich.      10.  Gutes  Design  ist  so  wenig  Design  wie  möglich.  
    • Probleme mit generischen Design-Prinzipien.§  Zu generisch. Was bedeuten sie für mein Produkt?§  Zu abstrakt. Welche Flughöhe ist die richtige?§  Zu unspezifisch. Einfach? User friendly? Herausragend? Schnell?§  Zu gut gemeint. Wer kann sich 17 Regeln merken? Oder 125?§  Zu viel gewollt. Regeln widersprechen sich.§  Zu beliebig. Wo kommen sie her?
    • Projekt-relevante Design-Prinzipien sind...§  Projektbezogen. Zugeschnitten auf das aktuelle Projekt.§  Konkret. Beschreiben Alleinstellungsmerkmale.§  Eindeutig. Knapp und frei von Widersprüchen.§  Selektiv. 4 - 7 Prinzipien reichen.§  Fundiert. Basieren auf Ergebnissen des User Research.§  Prägnant. Eingängig und einfach zu merken.
    • Charmr.1.  Wear it during sex.2.  Make better use of data.3.  Easy to learn and teach/No numbers.4.  Less stuff.5.  Keep diabetics in control.6.  Keep diabetics motivated. http://www.adaptivepath.com/ideas/charmr-creating-concepts
    • http://www.flickr.com/photos/hoyvinmayvin/5104399796/Ideen beschreibenund kommunizieren.
    • So sehen unsere Spezifikationen fürNicht-UX Professionals aus.
    • http://www.flickr.com/photos/cannedtuna/4853380320/Unsere Dokumente sind nichtselbsterklärend.
    • Vorteile von Papier-Skizzen§  Konzepte können früher gezeigt und diskutiert werden.§  Man kann frühzeitig Feedback einholen.§  Man macht es Projektpartnern einfach Feedback zu geben.
    • http://www.flickr.com/photos/hoyvinmayvin/4865553148/Man kann Stakeholdereinbeziehen.
    • Design Studio. !
    • Design Studio.§  Stammt aus dem Industriedesign & der Architektur.§  Interdisziplinärer Workshop...§  ...in dem Lösungsvorschläge für Teilprobleme im Team erarbeitet werden.
    • Design Studio Schritte.1.  Brainstorming2.  Varianten skizzieren3.  Ergebnis präsentieren4.  Feedback einholen5.  Beste Ideen zusammenführen ...unter Zeitdruck.
    •  NUTZEN  
    • http://www.flickr.com/photos/psmania/7400709160/Diese Methodensind schnell umzusetzen.
    • http://www.flickr.com/photos/jeremymates/2976486131/Diese Methodensind „menschenfreundlich“.
    • Design-PrinzipienWenn die Ergebnisse „sticky“ sind... h4p://www.heathbrothers.com/resources/download/#made-­‐to-­‐sQck  
    • http://www.flickr.com/photos/12247552@N08/4667157249/...und greifbar.
    • h4p://www.flickr.com/photos/o4erman/4475203104/  Wie kann man unsereErgebnisse weiter verwenden?
    • HTC Hero.1.  Make it Mine: personalization needs to reach a level never before possible.2.  Stay Close: staying in touch with the people in your life means managing a variety of communication channels and applications.3.  Discover the Unexpected: many of the most memorable moments in your life are experienced, not explained. http://www.youtube.com/watch?v=kshGq8COSiM
    • http://www.flickr.com/photos/cannedtuna/4852756417Personas.
    • http://www.gigaset-elements.de/
    • http://www.doro.com/Global/Campaigns/Experience/ Doro_B2B_32s_260x190_low.pdf
    • http://www.flickr.com/photos/gladius/3813345704Fragen?