Paper Prototyping Workshop auf der SMWHH 2014

PaperPrototyping

Mit Schere, Stift & Papier zurWebsite

Created by Angelo Maron / Stefan Bauckmeier / Marko Hielscher

Wer sind wir?

Stefan Bauckmeier Angelo Maron Marko Hielscher@emrox @MrRaffnix @MarkoHiel

Wo arbeiten wir?

wir betreuen Hamburger Traditionsunternehmen, internationalenKonzerne, Internet-Portale, Agenturen und StartupsKonzeption, Entwicklung, Implementierung und Betrieb vonhochinteraktiven Webapplikationen mit Ruby on Rails

Wer von euch hat schon mal eine Website programmiert oder waram Erschaffen einer Website beteiligt?

Quelle: http://netzakrobat.wordpress.com/2012/12/12/mediensozialisation-aufwachsen-im-medienzeitalter/fragezeichen-maennchen-line

Prototyping(Softwareentwicklung)

Prototyping bzw. Prototypenbau ist eine Methode derSoftwareentwicklung, die schnell zu ersten Ergebnissen führt undfrühzeitiges Feedback bezüglich der Eignung einesLösungsansatzes ermöglicht.Dadurch ist es möglich, Probleme und Änderungswünschefrühzeitig zu erkennen und mit weniger Aufwand zu beheben, alses nach der kompletten Fertigstellung möglich gewesen wäre.

Quelle: https://de.wikipedia.org/wiki/Prototyping_(Softwareentwicklung)

Prototypen Kategorien

Grob testen ob etwas funktionieren kann.

Beispiel: Kann man am Armgelenk den Puls elektronisch messen?

Proof of Concept

Das Aussehen des Produktes umgesetzt. Eignet sich fürMarktstudien, Nutzerfeedback, Vorabwerbung.

Beispiel: Lebensechte 3D Darstellung der neuen Uhr

Visueller Prototyp

Funktioniert etwas in der geplanten Größe oder im Aussehen ohnedas es funktional sein muss.

Beispiel: Sitzt der Uhr gut am Arm?

Formstudie

Umsetzen der Funktionen des Produktes.

Beispiel: Zeigt mir die Uhr meinen richtigen Puls an?

Funktionaler Prototyp

In geringen Stückzahlen produziertes funktionierendes Exemplarzum Sammeln erster Erfahrungen.

Testexemplar

in der Software-EntwicklungArten von Prototypen

Grafischer Prototyp+ Grafisch ansprechende Umsetzung- es lassen sich evtl. nicht alle Wüsche umsetzen- Änderungen schnell sehr kompliziert- Nur durch Grafiker erstellbar

Programmierter Prototyp+ Interaktiv+ Kann Gefühl vermitteln, Anwendung ist kurz vor Fertigstellung- Teuer zu entwickeln- Änderungen schnell sehr kompliziert- Kann endgültiges Programm zu früh festlegen- Nur durch Programmierer erstellbar

Powerpoint / Keynote/ Prototyping-Tool

+ Je nach Tool mehr oder weniger flexibel+ einfache Interaktivität- Abstrakt- nur durch Einzelperson erstellbar- Einarbeitung in Tool erforderlich

Paperprototype+ Schnell zu erstellen+ kann im Team erstellt werden+ Jeder kann mitmachen- Abstrakt / kein Design

Fehlproduktionenvermeiden

Warum Prototyping wichtig ist ...

Quelle: http://volksbetrugpunktnet.files.wordpress.com/2013/06/euro-tasse.jpg

Quelle: http://mein-fun.com/data/media/5/bridge_construction_fail.jpg

Quelle: http://what-the-fail.com/wp-content/uploads/2011/03/emergency-exit-design-fail.jpg

Quelle: http://p5.focus.de/img/fotos/crop382473/4442719464-w1200-h627-o-q75-p5/c5.jpg

Beispiele im Web??zu kleine Linkszu viel Textfehlende Suche

Komplette Fehlschläge vermeiden durch Prototyping

PrototypingWie machen es andere Branchen?

FlugzeugbauAutobauArchitektur

FlugzeugbauExperimentalflugzeuge / Forschungsflugzeuge: Werden dazueingesetzt, neue Dinge zu erforschen(Antriebe, Bauweisen etc.)

Quelle: http://commons.wikimedia.org/wiki/File:Vought_V.173.jpg

Autobau1. Digitale Prototyping (am Computer)2. Concept Cars (für "Proof of Concept")

Architektur1. Physische Modelle (in genauem Maßstab 1:2000 - 1:1) - aus z.B.

Holz, Pappen, Kunststoff2. Computermodelle (CAAD/CAAM)

Hier lässt sich viel simulieren (z.B. Physik, Beleuchtung, Thermik)

Quelle: http://de.wikipedia.org/wiki/Modell_(Architektur)

Workshop

Best PracticesTimeboxNur einer redetFarben für Actions festlegenNicht zu detailliert

App-Idee und Workshop

Ein Kunde kommt und sagt:"Ich brauche eine iPhone-App, bei der Männer ihre Klamotten

kaufen können."

"Also eigentlich ein Zalando - aber nur für Männer."

"JA GENAU!"

Schritte nach dem Prototyping

weitere PrototypenBusinesslogik entwickelnDesign entwickelnEntwürfe implementierenBedienabläufe definieren

Online-Tools

https://gomockingbird.com/mockingbird/http://iphonemockup.lkmc.ch/http://www.mockflow.com/http://balsamiq.comhttp://www.invisionapp.com/App: POP

Fragen?Created by Angelo Maron / Stefan Bauckmeier / Marko

Hielscher

Ergebnisse der Workshop-Gruppen