Über Design-Prinzipien

Design-PrinzipienLennart HennigsGerman UPA Summer School 2011 www.germanupa.de

Design-PrinzipienDesign-Prinzipien! Richtlinien Heuristiken Design Patterns Anforderungen www.germanupa.de

AnforderungenAussagen über zu erfüllende Eigenschaften oder zu erbringende Leistungeneines Produktes, Systems oder Prozesses. www.germanupa.de

Design-RichtlinienVorgaben und Empfehlungen für die Entwicklung von Produkten für eine bestimmte Plattform. www.germanupa.de

HeuristikenUsability-Regeln, mit denen Usability-Experten die Gebrauchstauglichkeit eines Produktes bewerten. www.germanupa.de

Design PatternsAllgemeine Lösungen für wiederkehrende Design-Probleme. www.germanupa.de

www.germanupa.de

Design-PrinzipienRegeln, die das angestrebte Design für ein konkretes Produkt kommunizieren.Richtlinien für die Gestaltung. www.germanupa.de

Design-PrinzipienAnsprüche an Design-Prinzipien. Beschreiben die angestrebte User Experience. Sind Richtlinien für die Produktentwicklung. Geben dem Team ein gemeinsames Verständnis. Helfen bei Design-Entscheidungen. Inspirieren. www.germanupa.de

Welche flavours gibt es? www.germanupa.de

Design-PrinzipienDieter Rams – Zehn Regeln für gutes Design1. Gutes Design ist innovativ.2. Gutes Design macht ein Produkt brauchbar.3. Gutes Design ist ästhetisches 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 umweltfreundlich.10.Gutes Design ist so wenig Design wie möglich. www.germanupa.de

Design-PrinzipienUniversal Principles of DesignAccessibility, Advance Organizer, Aesthetic Usability Effect, Affordance, Alignment, Iteration, Law of Prägnanz,Layering, Legibility, Life Cycle, Mapping, Mental Model,Mimicry, Anthropomorphic Form, Archetypes, AreaAlignment, Attractiveness Bias, BabyFace Bias, Biophilia Effect, Cathedral Effect, Chunking, ClassicalConditioning, Closure, Cognitive Dissonance, Color, Common Fate, Comparison, Confirmation, Consistency,Constancy, Constraint, Contour Bias, Control, Convergence, Cost Benefit, Defensible Space, Depth ofProcessing, Design by Committee, Desire Line, Development Cycle, Entry Point, Errors, Expectation Effect,Exposure Effect, Faceism Ratio, Factor of Safety, Feedback Loop, Fibonacci Sequence, FigureGroundRelationship, Fitts Law, Five Hat Racks, FlexibilityUsability Tradeoff, Forgiveness, Form Follows Function,Framing, FreezeFlightFightForfeit, Garbage InGarbage Out, Golden Ratio, Good Continuation, GutenbergDiagram, Hicks Law, Hierarchy, Hierarchy of Needs, Highlighting, Horror Vacui, HunterNrturer Fixations, IconicRepresentation, Immersion, Inattentional Blindness, Interference Effects, Inverted Pyramid, Mnemonic Device,Modularity, Most Advanced Yet Acceptable, Most Average Facial Appearance Effect, Normal Distribution, NotInvented Here, Nudge, Ockhams Razor, Operant Conditioning, Orientation Sensitivity, VersusPreference, 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, ThreatDetection, ThreeDimensional Projection, TopDown Lighting Bias, Uncanny Valley, Uncertainty Principle, Uniform Connectedness, Veblen Effect,Visibility, Visuospacial Resonance, von Restorff Effect, WabiSabi, WaisttoHip Rat, Wayfinding, Weakest Link www.germanupa.de

Design-PrinzipienGoogle Design-PrinzipienDas Google User Experience Team arbeitet an Designs, die nützlich, schnell, einfach, ansprechend, innovativ, universell, rentabel, attraktiv, vertrauenswürdig und individuell anpassbar sind.1. Die Nutzer steht im Mittelpunkt.2. Jede Millisekunde zählt.3. Einfachheit ist effektiv.4. Neueinsteiger unterstützen und erfahrene Nutzer begeistern.5. Mut zu Innovationen.6. Ein Design für die ganze Welt7. Produktplanung, die auf den langfristigen Nutzen zielt und nicht auf den schnellen Gewinn.8. Das Auge erfreuen, ohne vom Wesentlichen abzulenken.9. Dem Vertrauen der Nutzer gerecht werden.10.Produkte mit Persönlichkeit. www.germanupa.de

Design-Prinzipien Design Principles 9. Provide the ability to undo and redo actions. 10. Make your application predictable by using1. Concepts from the products subject domain industry standard user interface conventions should be central and apparent in the software wherever possible. design. 11. Always keep your target users in mind as the2. Keep it simple product is designed.3. Optimize the design for the most frequent or 12. Avoid adding features just so they can be ticked important tasks. off a list.4. Make the interface accessible and visible to 13. Design your user interface so that it can be users. localized for other geographies without redesigning the interface.5. Use proper default values when supporting complex tasks. 14. Consider persons with disabilities when designing your applications.6. Be flexible. 15. Design the application so that contextual help is7. Keep your users informed and in control by available to users when they need it. providing informative and timely feedback tailored to the current situation. 16. Bring objects to life through good visual design.8. Things that look the same should behave in the 17. Create user interfaces that promote clarity and same way, and an action should always produce visual simplicity. the same result. www.germanupa.de

Design-PrinzipienMicrosoft Office 2007 Design Tenets1. A person’s focus should be on their content, not on the UI. Help people work without interference.2. Reduce the number of choices presented at any given time.3. Increase efficiency.4. Embrace consistency, but not homogeneity.5. Give features a permanent home. Prefer consistent-location UI over “smart” UI.6. Straightforward is better than clever. www.germanupa.de

Design-PrinzipienProbleme mit 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 viel gewollt. Regeln widersprechen sich. Zu gut gemeint. Wer kann sich 17 Regeln merken? Oder 125? Zu beliebig. Wo bekomme ich sie her? www.germanupa.de

Design-PrinzipienGute Design-Prinzipien sind... Projektbezogen. Zugeschnitten auf mein aktuelles Problem. 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. www.germanupa.de

Design-PrinzipienHTC Hero Design Principles1. 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 www.germanupa.de

www.germanupa.de

Wie baue ich mir selber welche? www.germanupa.de

Design-PrinzipienWie erstelle ich Design-Prinzipien?1. User Research. Beobachte den Nutzungskontext, die Nutzer, ihre Tätigkeiten und Ziele.2. Analysiere die Ergebnisse Bewerte und priorisiere. Entwickele eine Lösungsidee.3. Erstelle Personas & Szenarien. Für wen und was designst du?4. Schreibe ein Vision Statement. Beschreib in ein bis zwei Sätzen was deine Lösung erreichen soll. U!!5. Leite Design-Prinzipien ab. NE “Wenn wir auf ein Problem wie ____treffen, sollten wir _______ tun.”6. Designe! ...und überprüfe deine Ideen mit deinen Design-Prinzipien. www.germanupa.de

Wo und wie wende ich sie an? www.germanupa.de

Einsatzmöglichkeiten. Projekt Kick-off Team Building Brainstorming und Ideation Bewertung und Priorisierung von Funktionen Bewertung von Design-Alternativen Projekt- und Produktpräsentationen Interne und externe Kommunikation www.germanupa.de

Beispiel.Feature-Bewertung.Principle #6: Straightforward is better than clever. www.germanupa.de

Wie teste ich sie? www.germanupa.de

Design-PrinzipienWie überprüfe ich Design-Prinzipien? Ist dein Prinzip User-Research-basiert? Erlaubt es dir in den meisten Fällen “Nein” zu sagen? Kannst du es auf mehrere Features anwenden? Kann es nur für dein Produkt eingesetzt werden? Ist es ein Alleinstellungsmerkmal? Würdest du es später ggf. revidieren? Hast du es für dein Projekt getestet? www.germanupa.de

Design-PrinzipienWie mache ich sie sticky? www.germanupa.de

Design-PrinzipienWie werden Design-Prinzipien einprägsam? Mache sie greifbar. Erstelle Poster und Flyer. Kommuniziere sie im Projekt und im Unternehmen. Erzähle Geschichten. Sammele „Anekdoten“, wie die Prinzipien die UX verbessern. Halte sie frisch. Überprüfe regelmäßig ihre Aktualität und Relevanz. www.germanupa.de

Design-PrinzipienDesign-Prinzipien... ...sind Richtschnur für die Produktentwicklung. ...beschreiben die angestrebte User Experience. ...geben dem Team ein gemeinsames Verständnis. ...helfen bei Design-Entscheidungen. ...inspirieren. ...beinhalten die Erkenntnisse des User Research. ...sollten projektbezogen, konkret, eindeutig, selektiv, fundiert und prägnant sein. Mehr als bloß „easy to use!“ www.germanupa.de

Jensen HarrisMicrosoft Group Program Manager www.germanupa.de

Das Ziel…ist die angestrebte User Experience. www.germanupa.de

Der Weg dahin…wird durch Design-Prinzipien beschrieben. www.germanupa.de

Das Material…sind zum Beispiel Design Pattern. www.germanupa.de

User Experience. www.germanupa.de

ENDE. www.germanupa.de

Design-PrinzipienLiteratur.1. Adaptive Path - Making Design Principles Stick (2009) http://bit.ly/q1TxyE2. Henk Wijnholds - Design principles to choose the right ideas (2009) http://bit.ly/pTkl5N3. Stephen P. Anderson - Principles to Build By (IA Summit 2010) http://bit.ly/nY9Y6A4. Jared Spool - Creating Great Design Principles: 6 Counter-intuitive Tests (2011) http://bit.ly/o8QLbP5. Jared Spool - The Essential Principles behind Great Design Principles (2011) http://bit.ly/qCaGMl6. Inksie Journal - Ten Principles for Good Design (2010) http://bit.ly/pjLXtA 1. 2. 3. 4. 5. 6. www.germanupa.de

Design-PrinzipienDesign-Prinzipien.1. Dieter Rams – Zehn Regeln für gutes Design http://bit.ly/rhdxeY2. Lidwell et al. - Universal Principles of Design, Rockport Publishing, 2010. http://bit.ly/qfATeH3. Google Design-Prinzipien http://bit.ly/o9GRbP4. IBM Design Prinicples http://bit.ly/pLEd4Z5. Microsoft Office 2007 Design Tenets http://bit.ly/p3r8mk6. HTC Hero Design Principles (youtube Video) http://bit.ly/oieZlz 1. 2. 3. 4. 5. 6. www.germanupa.de

Design-PrinzipienBilder. Adam Jackson Tattooed JJ Helga Weber Charles Dawley Davis Ayer James Yu Lucas van Joel Penner Stephanie Booth mirandala Valckenborch * via flickrTM www.germanupa.de

http://www.guerillagirl.de	988
http://www.usercentered.de	951
http://localhost	71
http://user-experience-specialist.blogspot.com	43
http://guerillagirl.de	30
http://www.newsblur.com	5
http://www.linkedin.com	4
http://user-experience-specialist.blogspot.de	2
http://user-experience-specialist.blogspot.it	1

Über Design-Prinzipien

by Lennart Hennigs

Accessibility

Categories

Upload Details

Usage Rights

9 Embeds 2,095

Statistics

Über Design-Prinzipien Presentation Transcript