Paper Prototyping Workshop auf der SMWHH 2014
-
Upload
marko -
Category
Technology
-
view
110 -
download
7
description
Transcript of 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