flying sparks ein Weblog von Tobias Jordans zu den Themen software designstudium web2.0 webdesign informationsdesign oekologie werbung usability tj video interfacedesign marketing // alle Themen...

Tipp: RSS-Icon RSS-Liste der Artikel, der Link-Empfehlungen und Kommentare.

Zu meinem Lieblingsthema 'User Experience' schreibe ich bei uxzentrisch.de.
Was mich aktuell beschäftigt, könnt ihr bei Twitter @tordans und in meinen Links Delicious/tordans/ lesen.

Paper Prototyping-Artikelsammlung

Seit dem Continuity-Seminar versuche ich verstärkt, die Methoden des Paper Prototyping umzusetzen. Warum? Weil wir beispielsweise erst mit Hilfe der vielfältigen und leistungsstarken Methoden, die man diesem Schlagwort zuordnet, unser Abschlussexperiment, die Neukonzeption des Interfaces für den DB-Fernverkehrsautomaten, umsetzen konnten.

Aber was ist Paper Prototyping?

Shawn Medero beschreibt das aktuell bei A List Apart (via Tim). Der Artikel geht nicht gerade in die Details und betrachtet auch nicht alle Möglichkeiten, gibt aber einen guten Überblick.

Insbesondere die Beispiel-Scans/Fotos solltet ihr euch anschauen, da sie offen-sichtlich machen, worum es geht und wie Paper-Prototypen im Prinzip funktionieren.

alistapart.com/articles/paperprototypingPaper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces
Amazon search inside

Wer wirklich mehr über das Potential von Konzeption, Entwurf und Testen mit Stift und Papier wissen möchte, sollte ich das Buch Paper Prototyping von Carolyn Snyder zulegen! Es scheint das Standard-Werk zu sein, gehört inzwischen auf meinen coffee table.

Dieses Buch empfielt übrigens nicht nur Shawn in seinem ALA-Artikel, sondern auch Jensen Harris in seinem Office User Interface Blog. In dem Artikel Paper Prototypes beschreibt er, wie das Office 12-Team auf die Idee für das radikal neue Office-Interface gekommen ist.

Jensen zeigt damit auch, wie vielfältig Papier-Prototypen ausgelegt werden. Es geht nicht nur um Stift und Papier, sondern auch um Interface-Ausdrucke, wie er auch in The Wall of Ribbons beschreibt und zeigt.

Persönlich reizt mich an dieser Arbeitsweise, dass die Arbeit mit Stift und Papier immer noch viel intuitiver ist, als den Umweg über Software zu gehen. Trotzdem gibt es auch gerade hier viel zu lesen: Jensen Harris schreibt über Prototyping With PowerPoint und bei boxesandarrows kann man über Prototypenentwicklung mit Dreamweaver und Visio lesen. Gerade was die PowerPoint- und Dreamweaver-Verwendung angeht, bin ich skeptisch :).

Vielversprechender dagegen finde ich den Ansatz von Prof. James Landay: DENIM Einmal, weil er mit Tablet-PCs arbeitet und somit die praktische Stifteingabe berücksichtigt. Zum Zweiten aber auch, weil sein Ansatz den gesamten Prototyping-Prozess in einer Anwendung berücksichtigt. In welche Richtung das geht, zeigen seine Videos.

Doch wieder weg von der Software:

In dem Artikel An Introduction to Using Patterns in Web Design beschreibt Ryan Singer schon 2004, wie er durch Papierskizzen seinen Konzeptionsprozess beschleunigt und anschließend direkt in die Umsetzung springen kann.

In den Kapiteln There's Nothing Functional about a Functional Spec und Don't Do Dead Documents des Getting-Real-Buchs, das ja bekanntlich inzwischen kostenlos online steht, geht 37signals ebenfalls auf diesen Vorteil ein: Im Rahmen des Feldzugs gegen Spezifikationsdokumente werden die Chancen der schnellen Papierskizze hervorgehoben: Build, don't write. If you need to explain something, try mocking it up and prototyping it rather than writing a longwinded document.

flow|state beschreibt noch einen anderen Vorteil in dem Artikel Matching design sketches to the desired level of design feedback. Kurz gesagt: Zu hübsch kann nachteilig sein, da es den Blick vom Konzept hin zu visuellen und unwichtigen Details (ab)lenkt. Schaut euch die vier Beispielbilder des gleichen Interfaces an und ihr versteht, worauf Jan Miksovsky hinaus will.

Und wen das alles noch nicht überzeugt hat: Auch Jakob Nielsen finden Paper Prototypen gut — wenn das kein Argument ist? ;-)

5 Kommentare

  1. Webstandard-TeamNo Gravatar (webstandard.kulando.de) 24.01.07 9:31 Direktlink

    Der Ansatz zum Paper Prototyping sollte viel häufiger genutzt werden, denn so könnten Fehler bereits im vorneherein erkannt und behoben werden. Klasse LinktTipp – Danke

  2. intuity.medialab. » Blog Archiv » Gastvortrag an der UdK (blog.intuitymedialab.eu/2007/02/02/gastvortrag-an-der-udk) 02.02.07 11:45 Direktlink

    […] Den Studenten des Grundstudiums wurde Dokumentationstechniken und Vorteile von Webblogs im Zusammenhang mit Gestaltungsprozessen, wie sie bei Intuity praktiziert werden, vorgestellt. Dabei wurden verschiedene Möglichkeiten der Visualisierung, der Dokumentation sowie der Evaluation erläutert. Schwerpunkt hierbei waren u.a. Scribbels, das Paper Prototyping (weitere Infos von Tobias Jordans (FlyingSparks) zum Thema Paper Prototyping) sowie Webblogs. So bietet beispielsweise die Webdokumentation unter anderem Vorteile, wie den direkten Austausch mit Experten und die Förderung von Netzwerkstrukturen, welche Projekte entscheidend beeinflussen können. […]

  3. Information Architecture and Usability » 7. Termin Paper Prototyping I (blogs.btk-fh.de/infoarch/?p=14) 06.06.08 11:39 Direktlink

    […] gute Artikelsammlung zum […]

  4. MarcusNo Gravatar (popup-display.info) 24.11.08 17:34 Direktlink

    Paper Prototyping ist mittlerweile eine klassische Lösung im Bereich Software Engineering, die besonders bei den komplexen Projekten eingesetzt werden kann und auch für die Anfänger zugänglich, nur das kann sich ebenso als Nachteil herausstellen: Die Auswertung der Ergebnisse kann gerade wegen mangelnden technischen Wissens nicht immer den Anforderungen gerecht werden.

  5. 7. Termin Paper Prototyping I — Information Architecture and Usability - btk-fh (blogs.btk-fh.de/infoarch/?p=19) 02.07.12 11:43 Direktlink

    […] gute Artikelsammlung zum […]

Eigenen Funken beitragen

Liebe SEO-Spammer: Jeder Kommentar der nur annähernd nach Link-Spam aussieht, wird gelöscht oder editiert. Bitte erspart mir die Arbeit! Danke. Tobias


Formatierung

  • <a href="http://DEINE-LINK-URL">DEIN-LINK-TEXT</a>
  • <strong>Fett</strong> und <em>Kursiv</em>
  • <blockquote>Ein Zitat-Absatz</blockquote>