Yahoo! User Interface Blog (YUIBlog)

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

Bill Scott
Ajax-Evangelist, Yahoo! Inc.
Blogger, Looks Good Works Well
Der ehemalige Kurator, Yahoo! Design Pattern Library

Die Frage "Was ist der beste Weg, um Muster zu kommunizieren?" Hat mehrere Dimensionen.

Wie werden Muster verteilt werden?

Bei der Beantwortung der Hauptfrage, ist es wichtig, konkret fragen ", wie die Muster verteilt werden?" Bei Yahoo! die User Experience & Design (UED) Team (damals von Erin Malone, Matt Leacock, Chanel Wheeler und andere angeführt) erstellt das Muster Bibliothek über einen beliebten Open Source Content Management System (CMS) - Drupal. Dies ist wichtig, weil einer der wichtigsten Vorteile eines CMS ist die Leichtigkeit, in denen es erlaubt die Inhalte (zB Muster), die von jedermann als Autor (in diesem Fall für alle offen von Yahoo! UED) bezeichnet erstellt werden.

Dies hat es erlaubt die Yahoo! Design Pattern Library, organisch zu wachsen in der gesamten Organisation. Statt einer einzigen Muster Autor Steuerung der Bibliothek kann jeder Muster der Bibliothek hinzufügen (obwohl ein Review-Prozess gibt, um sie in voller Veröffentlichung zu bringen.)

Allerdings ist die öffentliche Bibliothek Muster verwendet nicht das Drupal-System. Das CMS-System ist am besten für das Hinzufügen von Inhalten (Muster) aber nicht so flexibel bei der Organisation der Muster in einem leicht auffindbaren Weise geeignet. Mit der öffentlichen Bibliothek haben wir uns für eine flexible Gestaltung bis zur Lösung des "Problems Auffindbarkeit." Natürlich haben wir nicht alle Auffindbarkeit Probleme gelöst, aber wir werden nicht mehr von der CMS eingeschränkt. Für die externe Bibliothek Muster die Muster sind in JavaScript Object Notation (vertreten JSON )-Format. Dies wird uns erlauben, um Muster, wie Web-Services zu verteilen - nicht nur als Web-Seiten. Dadurch wird es möglich, die Strukturen in verschiedenen Formaten zu verschiedenen Geräten zu veröffentlichen. Und schließlich werden andere Muster Standorte der Lage sein, Mashup ihre Muster mit den Yahoo! Muster in einer einzigen Website.

Warum hat das alles egal? Patterns im Online-Format verteilt sind leichter zu teilen, als Muster, die nicht über eine Online-Präsenz. Diese werden nicht diskontiert, dass es klare Vorteile in andere Formate (zB Buch). Verteilen Muster als Web-Seiten und Web-Services auftreten müssen, um die Massen schneller was zu einer höheren Akzeptanz bei.

Wie werden Muster eingeschränkt werden?

Das nächste, was zu prüfen ist, welche rechtlichen Auflagen, um Muster angewendet werden. Dies sollte nicht leichtfertig getroffen werden. Bei Yahoo! haben wir uns für die am wenigsten restriktive Creative Commons-Lizenz ( Namensnennung durch .) Das war Absicht. Wir fühlten uns war dies der beste Weg, um unseren Mustern "Flügel".

Was war das Ergebnis der Einstellung unsere Muster kostenlos? Erstens haben wir eine enorme Menge an Geschäfts-oder Firmenwerte aus der Design-und Engineering-Gemeinschaft erhalten. Zweitens hat er das Konzept der Muster in einem viel breiteren Publikum ausgesetzt. Und schließlich andere Unternehmen haben beschlossen (oder erwägen) Freisetzen einige oder alle ihre Muster für die Öffentlichkeit als Ergebnis. Dies kann nur bedeuten gute Dinge für die Konzeption und Entwicklung Gemeinschaft insgesamt.

Wer sind die Nutzer unserer Patterns?

Gutes Design beginnt immer mit: "Wer ist der Benutzer?" Und "Was ist des Benutzers Ziel?" Vor allem unsere Muster sind für Web-Designer gezielte denn dies ist der Kern von Yahoo! 's Geschäft.

Zu wissen, unser Zielpublikum führte uns zu überlegen, wie wir wollten unsere Muster-Bibliothek organisieren denken. Natürlich gibt es keinen einzigen Taxonomie für die Organisation eines Muster-Bibliothek.

Ein Jahr zurück nahm ich all die Muster von Jenifer Tidwell, Martijn van Welie und Sri Laakso und machte sich auf einen guten Weg, sie zu strukturieren, zu finden. Was für einen anstrengenden Mühe! Ich schließlich experimentierte mit Mind Mapping -Software, mir zu helfen mit der Komplexität auseinandersetzen.

Nach mehreren Mind Mapping-Sitzungen, wurde mir schließlich klar das Offensichtliche. Wenn ein Designer zum Muster-Bibliothek kommen wird, sie am ehesten ein Problem haben und suchen nach einer Lösung (ja, das sollte offensichtlich gewesen sein.) Zu wissen, dass die Muster enthalten eine Aussage Problem und eine Lösung suchen, schien es nur natürlich, sie zu organisieren in einer Weise, die mit ihren Aussagen Problem. Ein typisches Problem Aussage könnte sagen: "Der Benutzer muss muss neu arrangieren der Anordnung der Module auf einer Webseite direkt." Dies würde unter die Kategorie der Nutzerbedürfnisse und Customization (Benutzer muss passen ...) fallen. Es stellt sich heraus, dass eine Reihe von Mustern direkt befriedigen Bedürfnisse der Nutzer und der Rest wird vom System Zwänge, die der Designer für Rechnung muss angetrieben. Dies bedeutet, dass einige Muster zielgerichtet sind, der Rest sind Constraint-basierten. Dieser auf die aktuelle Organisation des öffentlichen Muster-Bibliothek geführt.

Also, was macht ein Muster?

Ich denke, es ist wichtig, um die Muster in einer konsistenten Art und Weise mit ein paar klaren, prägnanten Abschnitten zu strukturieren. Wir haben uns für erste Staat das Problem, nächste wir eine sensibilisierende Beispiel zeigen, dann werden wir, die Nutzung zu bewegen und Nachbereitung mit der Lösung. Wir haben auch ein paar optionale Abschnitte: ein Grundprinzip, das in nähere Ausgestaltung Nuancen sowie eine Erreichbarkeit Abschnitt gehen kann.

Darüber hinaus bieten wir Code-Beispiele mit den meisten unserer Muster. Diese Muster sind nicht nur ein Design-Lösung, sondern auch Starter-Code zu bekommen Teams bewegt so schnell wie möglich. Als eine Frage der Konvention, legen wir die Code-Lösungen in der Sidebar und nicht in der Haupt-Content-Muster Körper. Dies unterstreicht, dass während der Code auf das Muster bezogen ist, ist es nicht ein direkter Teil des Musters. Ich denke, das Hinzufügen von Code ist eine großartige Lösung für unternehmensspezifische Muster-Bibliotheken. Aber ich stimme auch mit Jenifer, dass für allgemeine Zwecke Muster Bibliotheken sollten in der Regel zu vermeiden bietet Codebeispiele.

Ein letzter Punkt der Klarstellung ist, dass wir intern die Visual Design Guidelines (geschrieben als Visual Design Patterns) von den Interaction Design Patterns (wie, was Sie sehen auf der öffentlichen Website.) Trennen Dies erlaubt uns, halten die Interaktionsmuster allgemeinere durch die Trennung der Stil (Abstände, Schriftarten, Farben, etc.) aus der Interaktion.

- Bill