Yahoo! User Interface Blog (YUIBlog)

Reflexionen über die 2008 Yahoo! Frontend Engineering Summit

Es ist die Zeit des Jahres wieder. Wir hatten gerade die dritte jährliche Yahoo Front-End-Engineering (F2E) Summit, eine interne Konferenz, die zusammen bringt Yahoo F2E Talente aus der ganzen Welt. Wir werden einige der Videos Kürze veröffentlichen ( die YUI 3 Präsentation von Eric Miraglia und Matt Sweeney ist heute ). In der Zwischenzeit sind hier einige Reflexionen über das, was wir sprachen über vergangene Woche.

Yahoo-Mitbegründer David Filo eröffnete den Gipfel mit einem Vortrag über die Rolle der F2Es bei Yahoo und warum sie wichtig sind. Ich denke, David hat ein paar wirklich gute Punkte, die auf folgen von der Arbeit Nate Koechely aus der YUI-Team hat am F2E Professionalität getan. Keynote-Adressen von Bill Scott und Douglas Crockford zusätzliche Tiefe und Nuancen, um das Gespräch als gut.

Während viele Menschen bei einer Website beteiligt sind, ist es die Arbeit der F2Es, dass die Benutzer direkt berührt. Wir übersetzen die Entwürfe der Designer und die Daten der Back-End-Ingenieure zu einem Erlebnis für unsere Kunden. Das ist eine ziemlich große Verantwortung.

Deshalb haben wir den YUI-Team erstellen möchten: Wir wollen die Dinge einmal tun, tun sie richtig ... und in der Tat tun sie einmal rechts. YUI bedeutet, dass die ganze Firma hat eine reiche Interaktion und Widgets Bibliothek aus, eine auf die besten Praktiken, die wir folgen gebaut ziehen.

Best Practices wie Sicherheit, Performance, Internationalisierung, Zugänglichkeit und Fehlerbehandlung sind das Maß, wie wir sind erfolgreich. F2E Bei Yahoo ist ziemlich gut schon. Unser Ziel ist es, die Grenzen zu gehen, um die letzte 1% zu unterstützen. Wenn wir Kunden erreichen, der Annäherung an eine Milliarde Menschen, ist, dass die letzten 1% eine große Nummer. Wenn Sie die Web-Industrie als Ganzes zu denken, ist, dass die letzten 1% eine unglaubliche Anzahl.

David Gedanken wirklich die Weichen für eine Konferenz mit mehr Gespräche, als ich sogar physisch besuchen konnte. Die Bar ist immer höher jedes Jahr, aber es gab ein paar Gespräche in diesem Jahr, dass ich besonders genossen.

Nicole Sullivan präsentiert auf Design-Richtlinien zu Ihrer Website zu erhöhen. Nicole hatte einen endlosen Vorrat an ausgezeichneten Ratschläge, wie man mit dem Designer arbeiten, um die Leistung zu optimieren. Diese in 9 Regeln gelöst werden. Ein paar Highlights: Sie empfiehlt die Verwendung von CSS Netzen (wie dem YUI Grids ). Gemeinsame Komponenten wie Gitter sind groß, weil man sie immer und immer wieder verwenden können ohne Auswirkungen auf Ihre Leistung. Nicole schlägt Komponenten sind wie Legosteine. Sie verwenden die gleichen Blöcke wiederholt und mix and match sie ohne Zugabe von extra Seite Gewicht.

Ich genoss auch die Show und erzählen Sitzung auf Progressive Enhancement. Eine Reihe von Yahoo Eigenschaften zeigte einige der großen Arbeit, die sie auf Progressive Enhancement tun.

Fantasy Sports ist voller großartige Beispiele. Eine einfache, dass jeder sollte in der Lage zu erreichen, ist ihre Ajax Tabs, die auch ohne JavaScript. Sie können in dem Screenshot unten, wenn JavaScript ausgeschaltet ist, die Seite neu geladen mit einer Variable in der URL entsprechend der Registerkarte angezeigt werden sich zu sehen. Diese einfache Lösung bedeutet, dass die Tabs so gut funktionieren ohne JavaScript, da sie mit zu tun.

Ein weiteres gutes Beispiel ist aus dem europäischen TV Auflistung. Hier ist das Suchfeld ein tabbed steuern, welche dem Benutzer die Auswahl, welcher Teil der Yahoo sie suchen wollen ermöglicht vertreten. Allerdings steuert, anstatt den herkömmlichen Ansatz der Registerkarte Form gebaut wurde mittels Radio-Buttons. Wenn wir das Styling aus dem Formular entfernen wird deutlich, dass in diesem Szenario Radio-Buttons der Benutzer auswählen kann, was sie suchen wollen ermöglichen. Dieser Ansatz ist besser, sie mit zu einer anderen Seite und suchen Sie dann navigieren.

Nachdenken über mehr als nur die visuelle Metapher oder mentales Modell sehende Benutzer ist wichtig. Getting die grundsätzliche Interaktion Modell korrekt ist auch wichtig, und das beste Medium, dass in lediglich HTML ohne Styling.

Schließlich präsentierte Todd Kloots aus der YUI-Team die Progressive Enhancement Features der YUI-Menü-Bedienung , die er über sich hier gebloggt die zuvor .

Jenny Han Donnelly (YUI-Ingenieur und Autor des YUI DataTable ua) unter dem Vorsitz der Konferenz, und es war unser bestes Gipfel noch. Kann nicht warten, für das nächste Jahr Ausgabe!

Tom Hughes-Croucher ist ein Evangelist mit dem Yahoo! Developer Network .

Finden Gespräche: bloglines | technorati

Share and erweitern: Lesezeichen mit del.icio.us | digg it! | reddit!