211service.com
Tools für besseres Webdesign
Wenn Ihnen das Design dieser oder einer anderen Webseite gefällt (oder nicht gefällt), können Sie den Quellcode anzeigen und sehen, wie unsere Designer ihn erstellt haben – die Option befindet sich im Tools-Menü vieler Browser. Diese Offenheit ist eines der besten Dinge am Web, sagt Scott Klemmer , ein Professor an der Stanford University, der die Human Computer Interaction Group leitet. Aber er fügt hinzu, dass es schwierig ist herauszufinden, welcher Teil des Codes was tut, es sei denn, Sie sind ein erfahrener Webdesigner oder Programmierer. Klemmers Labor entwickelt Werkzeuge, die sowohl Anfängern als auch erfahrenen Designern helfen, solche vorhandenen Webinhalte zu nutzen, um ihre Designs schneller zu verbessern und anzupassen.
Der beste Weg, um ein benutzerfreundliches Design zu entwickeln, das Programmierern, Designern und Kunden gefällt, besteht darin, viele Prototypen zu entwickeln, von denen die meisten weggeworfen werden. Das Umrüsten eines Designs durch Versuch und Irrtum dauert jedoch lange, daher versucht Klemmer, den Prozess zu automatisieren. Viele seiner Tools können kostenlos von seinem Labor oder von Partnern, einschließlich Adobe, heruntergeladen werden. Tausende von Menschen haben ein Tool namens . heruntergeladen Entwurf , das jetzt als Plug-in für die Flash- und Flex Builder-Tools von Adobe verfügbar ist. Mithilfe von Blueprint können Designer, die eine Seite codieren, nach Codebeispielen suchen, ohne sich durch Seiten mit Ergebnissen klicken zu müssen, die von herkömmlichen Suchmaschinen generiert wurden. Experimente von Klemmers Gruppe zeigten, dass professionelle Programmierer, die Blueprint verwenden, Aufgaben 28 Prozent schneller erledigten und höher bewerteten Code schrieben als diejenigen, die herkömmliche Websuchmaschinen verwenden.
Ein weiteres Tool, Bricolage, das Klemmer und seine Schülerin Ranjitha Kumar vor einigen Monaten entwickelt haben, kann jede Webseite nehmen und im Stil einer anderen neu rendern, dank eines Algorithmus, der den Inhalt einer Seite von ihren stilistischen Vorlagen trennt. Die Idee ist nicht, Menschen zu ermöglichen, Designs en gros zu kopieren, sondern das Brainstorming zu erleichtern. Anstatt Stunden zu brauchen, um jedes neue Modell einer Seite zu erstellen, kann man sehen, ob eine bestimmte Richtung interessant ist, sagt er. Bricolage kann auch verwendet werden, um eine Seite für die Anzeige auf verschiedenen Geräten wie einem Desktop-Computer, einem Android-Telefon oder einem iPad schnell neu zu gestalten.
Im Design gibt es so viele Stakeholder – die Techniker, der Kunde, die Designer – und Designs sind schwer in Worte zu fassen, sagt er. Beispiele zur Hand zu haben, hilft, den Prozess zu beschleunigen: Beim kreativen Arbeiten erschließen und bauen Sie Know-how aus einem riesigen Korpus von Beispielen auf. Klemmer stellt fest, dass Kunststudenten lernen, was ein gutes Gemälde ausmacht, nicht durch das Studium von Kriterienkatalogen, sondern durch das Betrachten von Beispielen, guten und schlechten Gemälden. Was gutes Design ausmacht, kann ebenso schwer zu formulieren sein wie ein gutes Gemälde, besonders wenn Menschen mit unterschiedlichem Vokabular – Webdesigner, Programmierer und Kunden – versuchen zu kommunizieren.
Der 33-jährige Klemmer wollte zunächst Künstler und Grafiker werden. Während seiner Bachelorarbeit an der Brown University, sagt er, war er davon inspiriert, wie viel Computer leisten können, um kreatives Arbeiten zu erleichtern. Ein Praktikum beim Think Tank Interval Research von Microsoft-Mitbegründer Paul Allen untermauerte seinen Ehrgeiz, Softwaretools für Designer zu entwickeln. Klemmer sagt, eines der Ziele von Interval sei es gewesen, die Generation von Benutzeroberflächen-Tools zu entwickeln, die nach der grafischen Benutzeroberfläche kommen würden.
Ein ähnlicher Anspruch liegt Klemmers Arbeit heute zugrunde: Er will das Web zugänglicher machen. Der Webnutzer von heute verwendet wahrscheinlich ein mobiles Gerät, und mit zunehmendem Alter der Bevölkerung werden mehr Webnutzer eingeschränktes Sehvermögen oder motorische Fähigkeiten haben. Aber eine neue Version einer Site für jeden Benutzer- oder Gerätetyp zu erstellen, ist unglaublich zeitaufwändig. Mit den Tools, die er entwickelt, könnte ein Designer eine kanonische Version einer Website erstellen und dann eine Software entwickeln, die die Konvertierung dieses Designs in Versionen automatisiert, die für die immer breitere Vielfalt von Menschen funktionieren, die es möglicherweise sehen.