Yahoo! User Interface Blog (YUIBlog)

F: Was ist der beste Weg, um ein Muster zu kommunizieren?

Luke Wroblewski
Principal Designer, Yahoo Inc.
Gründer / Principal, LukeW Interface Designs
Autor, Site-Seeing: A Visual Approach auf Web Usability

Jenifer macht einige große Punkte über die wichtigsten Zutaten für einen Design-Pattern. Ich würde zweitens die Bedeutung von Beispielen und nachdenklich "Problem" und "zu verwenden, wenn" Beschreibungen. Über diese prägende Elemente, ist das Recht Metadaten für ein Entwurfsmuster oft von Ihrem Publikum det werden.

Wenn ich auf die erste Iteration der eBay-interne Design-Pattern-Bibliothek tätig war, hatte die User Experience Design Gruppe in Richtlinien und Normen begründet. Durchaus verständlich angesichts der Menge von Menschen, die auf ein einzelnes Produkt gearbeitet haben: die eBay-Marktplatz. Weil so viele verschiedene Leute dazu beigetragen, das Design und die Entwicklung eines einzigen "Standort", hatte Regeln geschaffen werden, um ein gewisses Maß an Einheitlichkeit zu gewährleisten.

Im Laufe der Zeit diese Regeln in High-Level-architektonische Richtlinien und detaillierte Beschreibungen der Präsentation und Interaktion entwickelt. Wir nannten diese Art von Regeln Frameworks und Komponenten. Frameworks skizziert das Zusammenspiel und die visuelle Struktur der Aufgabe fließt und Bildschirm-Typen. Zum Beispiel ist der Prozess der Registrierung einer Strömung und eine Hilfe-Seite ist ein Bildschirm-Typ. Frameworks geholfen, festzustellen, wo und wann Inhalte und Aktionen sollten den Nutzern präsentiert werden. Komponenten beschrieben unserer grundlegenden Benutzeroberfläche Bausteine (Menüs, Formulare, Symbolleisten, etc.). Sie wurden zur Optimierung der Usability und fahren Konsistenz über alle von eBay entwickelt.

Also mussten wir Rahmenbedingungen zur Gründung, wo und wann UI-Elemente verwendet werden sollte, und wir hatten Komponenten erstellen, was die Elemente aussah und wie sie sich verhielten. Aber wir waren noch immer schwer, konsistente Schnittstelle Design liefern.

Zur Verwendung der Terminologie der IDEO Menschenmenge, sind von Natur aus neugierig kreative Profis und oft anwenden "die Seele eines Kindes" - offen für neue Ideen und Beobachtungen - ihre einzigartige Form der Problemlösung. Wir hatten jede Menge kreative Designer bei eBay und näherten sie sich ihre Arbeit auf genau diese Weise. Sie strebten nach neuen Ideen und Lösungen und waren von Natur aus neugierig auf die Hintergründe der Frameworks und Komponenten nutzen wir die Konsistenz waren. Als Ergebnis wurden viele neue Lösungen vorgeschlagen werden, und oft angenommen. Wie Sie sich vorstellen können diese erstellt eine interessante Dynamik zwischen den "Regeln" und Design - eine natürlich iterative und abduktiven Ansatz zur Problemlösung.

Um Umarmung des Entwicklungsprozesses in unserem neu gestalteten "Regeln", beschlossen wir, unsere Frameworks und Komponenten in eine Reihe von Design-Patterns verwandeln. Wie Regeln könnten Muster getestet, verifiziert und überprüft. Im Gegensatz zu Regeln, jedoch wurden sie wiederholbar Design Lösungen für gemeinsame Probleme. Dies war ein wichtiger Unterschied der Schwerpunkt weg von verschobenen "hier ist, wie es getan werden muss" bis "hier ist ein Weg, um Ihre Arbeit zu erleichtern."

Um diesen Übergang zu machen, haben wir unsere Dokumentation von Frameworks und Komponenten geändert. Um unseren ersten Erklärungen, wo und was wir haben:

• Warum: Welche Möglichkeiten oder Einschränkungen für dieses Muster definieren geholfen? Gab es keine Forschung getan werden, um sie zu unterstützen?
• Wie: in dem Bemühen, Muster Annahme so einfach wie möglich machen wir direkte Links zu visuellen Daten und Code, soweit möglich berücksichtigt. Wir haben auch für die Angabe von Status, um die ordnungsgemäße Verwendung sicherzustellen: in der Entwicklung, erforderlich ist, empfehlen, etc.
• Wer: direkte Verbindungen waren die Menschen, die dokumentiert, ermittelt hat, oder das Muster entworfen vorgesehen.

Da unser Publikum (eine zentrale Design-Team arbeitet auf einer Vielzahl von integrierten Produkten und letztlich Features), diesen Ansatz lieferte viel mehr Flexibilität bei der wir gemeinsam und dokumentiert Design Best Practices. Das heißt es gibt einige Unterschiede deutlich in unserem Ansatz auf der einen Jenifer befürwortete früher. Integration von Code-Beispielen und visuelle Spezifikationen wurde, um die Dinge einfacher für unsere Designer wichtig, und wir gehörten einige Felder, die Fremdstoffe können für eine Mehrzweck-Publikum. Die grundlegende Antworten auf unsere Muster-Dokumentation bieten aber waren die gleichen: ". Was Sie wann, warum, wie und Beispiele"

- Luke