rapid prototyping

21
Rapid Prototyping Mai 2008 Allan Jäke [email protected]

Upload: uxhh

Post on 09-Dec-2014

903 views

Category:

Design


0 download

DESCRIPTION

Allan Jäke, User Experience Roundtable Hamburg 2008, http://www.uxhh.de/roundtable/archiv/index.html#Mai08

TRANSCRIPT

Page 1: Rapid Prototyping

Rapid Prototyping

Mai 2008Allan Jä[email protected]

Page 2: Rapid Prototyping

Seite 2Rapid Prototyping Tools - Mai.2008

Rapid Prototyping

Ursprung

• Ursprünglich für Maschinenbau erfunden● Holz, Metall, Kunststoffe, Beton, ...

• Danach Softwareentwicklung● frühzeitiges Feedback bezüglich der

Eignung eines Lösungsansatzes

Eigenschaften eines Prototyps

• Konzept, nicht Design• schnell• preiswert• oft minimaler Funktionsumfang• oft iterativ (in kurzen Abständen)• grafische Komponenten nur sehr rudimentär

Beispiele für physisches RP

Allgemein

Page 3: Rapid Prototyping

Seite 3Rapid Prototyping Tools - Mai.2008

Rapid Prototyping

Ziele des Prototypings

• Forschung, Suche nach Möglichkeiten• Evaluation von Lösungsansätzen,

Ideen (proof of concept), Teilprobleme• Iterativ – Evolutionär• Anforderungsanalyse + Definition Funktionsumfang• Sonstige Spezifikation

● Aufwandsschätzung

Arten von Prototypen

• statisch oder dynamisch

• Horizontale Prototypen● Nur eine Ebene (sehr vollständig)● z.B. GUI-Simulation in voller Breite, jedoch kaum Funktionalität

• Vertikal Prototypen● nur eine Funktionalität, sehr detailiert, Rest nur angedeutet● z.B. Checkout mit GUI, Payment, DB

Rapid Prototyping

Page 4: Rapid Prototyping

Seite 4Rapid Prototyping Tools - Mai.2008

Rapid Prototyping

• Schnell zu erstellen• Keine 'Hürde'• Spielend Interagieren• Während der Test-Session änderbar

• Ständige Änderungen können aufwändig werden

• Weit von Realität entfernt• Keine Module / Master• Nicht 'interaktiv'• Dokumentation oft schwierig

● Besonders wenn mehrere Leute Änderungen durchführen

Positiv Negativ

Besonders für frühe Projektphasen geeignet

Prototyping auf Papier

Page 5: Rapid Prototyping

Seite 5Rapid Prototyping Tools - Mai.2008

Rapid Prototyping

• kann sehr gut zum endgültigen Produkt passen

• interaktiv• Aufwand kann sich in Grenzen halten

(richtige Tools)

• Aufwand kann ausufern• Ständige Anpassungen

werden immer schwieriger• Spezifikation eher schlecht• gute Tools sind teuer

Positiv Negativ

Kann für Webprojekte empfehlenswert sein

Klassischer HTML Prototyp

Page 6: Rapid Prototyping

Seite 6Rapid Prototyping Tools - Mai.2008

Rapid Prototyping

• Sehr viele Leute können Änderungen durchführen

• Interaktiv

+/- Kann dem Produkt optisch nah oder fern sein

• Änderungen durch viele Leute kann nachteilig sein

• Auflösung der Darstellung entspricht nicht Realität

• Spezifikation eher schlecht• Keine 'Master'/ Modules

Positiv Negativ

nur für sehr grobe Prototypen tauglich

PowerPoint

Page 7: Rapid Prototyping

Seite 7Rapid Prototyping Tools - Mai.2008

Rapid Prototyping

• Realitätsnäher als PowerPoint (Contentmenge / Screen)

• Modules / Masters

• Proprietäres Dateiformat(schlechter Export)

• Spezifikation eher schlecht• teuer

Positiv Negativ

Oft besser als PowerPoint Wird recht häufig eingesetzt

Visio

Page 8: Rapid Prototyping

Seite 8Rapid Prototyping Tools - Mai.2008

Rapid Prototyping

• Mudule / Master• PDF-Export

● verlinkbar● Kommentare möglich● interaktive Formulare

• Durchschnittlich gut für Änderungen

• Keine Multi-Page Dokumente• Schwierig zu erlernen• Spezifikation eher schlecht• Teuer

Positiv Negativ

Für Grafik-lastige Prototypen

Illustrator

Page 9: Rapid Prototyping

Seite 9Rapid Prototyping Tools - Mai.2008

Rapid Prototyping

• Layer (als Master)• High fidelity möglich

• Sieht 'zu fertig' aus (Kreativitäts-Bremse)

• Schlecht zu ändern• Nicht interaktiv• Spezifikation schlecht• Teuer

Positiv Negativ

Fast nur für Design-Vergleiche sinnvoll

Photoshop

Page 10: Rapid Prototyping

www.axure.com

Page 11: Rapid Prototyping

Seite 11Rapid Prototyping Tools - Mai.2008

Rapid Prototyping

Rapid Prototyping mit Axure RP pro• hauptsächlich horizontales Prototyping

● keine Anbindung an Datenbank oder anderes Backend möglich.

• statisch und dynamisch

Enthaltene Werkzeuge• Wireframes (Mock-Up, Körperkanten)

● Layout, Navigation, • Flussdiagramme

● für dynamische Prototypen

Arbeitsergebnisse:• HTML-Prototypen • Spezifikationen (.doc)

● mit Screenshots, Diagrammen, Anmerkungen

www.axure.com

Axure RP pro

Page 12: Rapid Prototyping

Seite 12Rapid Prototyping Tools - Mai.2008

Rapid Prototyping

Entwicklung Prototyp in Axure Erstellung FlowDiagram in Axure

Prototyp Testing in Webbrowser Spezifikation in Word

Axure RP pro

Page 13: Rapid Prototyping

Seite 13Rapid Prototyping Tools - Mai.2008

Rapid Prototyping

• Schnell• LoFi + HiFi Prototypen• Master• Interaktiv (auch Formulare)• Gute Austauschbarkeit (html)• Sehr gute Spezifikationen• Sehr schnell zu ändern• Shared Projects (Repository)• Frühe bis späte Projektphasen

• Einarbeitung• Eventuell teurer

Positiv Negativ

Perfekt für Website-Prototyping

Axure RP pro

Page 14: Rapid Prototyping

www.trolltech.no

Page 15: Rapid Prototyping

Seite 15Rapid Prototyping Tools - Mai.2008

Rapid Prototyping

Trolltech Qt 4.x

• Klassenbibliothek / Framework- Sehr gut für RP geeignet

• C++ Bibliothek, neuerdings auch Java, Python (PHP, Ruby,...) • Qt-Script (ECMAScript)• GUI-Elemente: native, custom, skins• Font-Engine, Drucksystem, PDF Backend• Netzwerk: TCP/IP Stack, SSL• HTML Renderer-Engine (WebKit)• SQL-Datenbankanbindung• OpenGL, SVG, XML, ...• i18n, i11n, Test-Tools, ...

Qt Toolkit

Page 16: Rapid Prototyping

Seite 16Rapid Prototyping Tools - Mai.2008

Rapid Prototyping

Anwendungen, die auf Qt basieren:

• KDE• Adobe Photoshop Album / Elements• Skype (Linux)• Google Earth• Opera Browser• Mathematica• MainActor

Qt Anwendungsbeispiele

Page 17: Rapid Prototyping

Seite 17Rapid Prototyping Tools - Mai.2008

Rapid Prototyping

KDE 3.5

Beispiel: KDE

Page 18: Rapid Prototyping

Seite 18Rapid Prototyping Tools - Mai.2008

Rapid Prototyping

• Horizontales und vertikales Prototyping

• Statisch und dynamisch

• Qt-Designer● GUI – Layoutmanager, Size-Policy...

• Signals + Slots● Kommunikation zwischen Objekten

(GUI, Non-GUI)● 'verdrahten' per Maus

• Nahtloser Übergang zwischen Prototyp und Produktentwicklung

• Kommerzielle und OpenSource Versionen

Qt Eigenschaften

Page 19: Rapid Prototyping

Seite 19Rapid Prototyping Tools - Mai.2008

Rapid Prototyping

ALLES GANZ EINFACH!

• Designer(QtDesigner)

• Entwickler(Eclipse, Visual Studio)

• Texter/Übersetzer(QtLinguist)

...arbeiten unabhängig

• verschiedene GUIs für das gleiche Anwendungs-Backend

● z.B. für Tests

Qt Compiling

Page 20: Rapid Prototyping

Seite 20Rapid Prototyping Tools - Mai.2008

Rapid Prototyping

• Schnell• HiFi (perfekt)• Interaktiv• Horizontal + vertikal• Schnell zu ändern• Computer + Mobile• Versionierung (Repository)• Alle Projektphasen• In vielen Fällen kostenlos

• Keine speziellen Toolsfür Spezifikationen (im Designer)

• Teuer für kommerzielle Projekte

Positiv Negativ

Perfekt für Software-Applikationen

Trolltech Qt 4.x

Page 21: Rapid Prototyping

Seite 21Rapid Prototyping Tools - Mai.2008

• Vielen Dank für die Aufmerksamkeit!

• Fragen?

Ende :)