Prototyping eine GUI mit einem Kunden [geschlossen]

https://stackoverflow.com/questions/3781

08-06-2019
|

Frage

Wenn Sie einen Prototyp erste GUI-Funktionalität mit einem Kunden ist es besser, ein Stift/Papier zeichnen oder zu verspotten, etwas mit einem tool und zeigen Sie Ihnen, dass ?

Das argument gegen ein Werkzeug erzeugt, die Gestaltung, die der Kunde kann manchmal den Fokus auf die low-level-Besonderheiten der mock-up, anstatt ein höheres Niveau funktionale Ansicht der GUI insgesamt.

Lösung

Beginnen Sie immer mit Papier oder Papier-wie mock-ups erste.Sie wollen nicht zu fallen in eine Falle, die den Eindruck der Vollständigkeit, wenn das back-end ist komplett hohl.

Eine Polierte Prototyp oder pixel-perfekte Beispiel legt zu viel Wert auf das design.Mit einer offensichtlichen Skizze, Sie haben eine bessere Chance, darüber zu diskutieren, gewünschten Funktionen und Inhalte statt mit Farben, Fotos, und andere stilistische Fragen.Es wird Zeit für die Diskussion später in das Projekt.

Jeff beschreibt Papier-Prototypen in seinem Codierung Horror Artikel UI-First-Software-Entwicklung

Klicken Sie auf die "Uhr ein video!" link twitter.com um zu sehen, eine interessante nehmen auf die Idee von Gemeinsame Handwerk.

Andere Tipps

Die "Serviette" Look & Feel" für Java ist wirklich cool für prototyping.Einen tatsächlichen, funktionierenden, klickbare app, die aussieht wie es gezeichnet wurde, auf eine Serviette.Check out this screenshot:

Napkin Look and Feel

Ernsthaft, wie cool ist das?

Ich schlage vor, Sie sitzen mit Ihren Kunden und verwenden Sie ein tool wie Mockupscreens und entwickeln die Benutzeroberfläche interaktiv.Einen Vorteil hat es über die Serviette LAF ist, dass es erfordert keine Codierung oder Entwicklung in der Tat Werkzeugen aller Art

Check-out Balsamiq

Tut es das "DIES IST NICHT EINE FUNKTIONALE APP" Serviette Sicht sehr gut und ist einfach zu bedienen.

Hat eine voll ausgestattete demo Sie können versuchen, sich online-und als zusätzlichen bonus können Sie Ihre E-Mail-XML an Ihre Kunden, und Sie können zwicken, und mit ihm spielen und per E-Mail an Sie zurück, ohne eine Lizenz haben.

Es gibt ein Buch mit dem Titel Paper Prototyping die details zu Stift und Papier und Zeichnung, was können Sie davon profitieren.Ich denke, es hat eine Menge Vorteile, besonders, dass Sie sehr früh auf (und leicht), modifizieren, was das Endergebnis sein wird, ohne viel Aufwand, und dann beginnen auf dem rechten Fuß.

Eine grundlegende Papier-version ist der Weg zu gehen für eine erste mock-up.Es ist meine Erfahrung, dass, wenn Sie eine "echte" mock-up, auch wenn Sie dem Kunden erklären, dass es ein non-functional mock-up, Sie sind verwirrt, wenn Dinge nicht funktionieren.

Bottom line:halten Sie es so einfach wie möglich.Wenn es auf dem Papier gibt es keine Möglichkeit, die der Kunde zu verwechseln mit einem funktionierenden Produkt.

Für den ersten Entwurf, die ich lieber verwenden Millimeterpapier (das Zeug mit einem raster bedruckt) und einen Bleistift.Das Papier ist ideal für das helfen, um die Proportionen beizubehalten.Sobald der Kunde und ich sind zum Schluss gekommen, ich werde in der Regel füllen in der Zeichnung mit Stift seit Bleistift ist anfällig für verblassen.

Wenn ich tatsächlich bekommen, um die Gebäude der digitale Prototyp, ich werde das Scannen im hand-gezogen und verwenden Sie es als hintergrund-Vorlage.Scheint ziemlich gut zu funktionieren für mich.

Ich denke, es ist am besten beginnen Sie mit Papier/Whiteboards/Weißen Wänden.

Sobald Sie die grundlegende Struktur, Sie können es verschieben, um Visio mit der Drahtgitter-Schablonen

Oder verwenden Sie Denim (Ein Informelles Instrument Für Frühen Stadium der Website-und UI-Design) mit einem tablet-PC oder Wacom tablets zu entwerfen die GUI und führen Sie es als HTML-website.

WireframeSketcher ist ein Werkzeug, das hilft, schnell erstellen Sie wireframes, mockups und Prototypen für desktop -, web-und mobile Anwendungen.Es kommt sowohl als standalone version und als plug-in für Eclipse-IDEs.Es hat einige Besonderheiten wie storyboards, Komponenten, zum verknüpfen und Vektor-PDF-export.Unter unterstützte IDEs sind Aptana, Flash Builder, Zend Studio-und Rational Application Developer.

_{(Quelle: wireframesketcher.com)}

Ich habe kürzlich eine windows-App-Prototyp für eine Anwendung an einen Kunden (die Letzte Schnittstelle ist die Einbindung in eine website).

Zuerst dachten die Leute, dass es die Letzte version und Sie fing an, sehr schwere Kritik von der Weise kontrolliert wurden angezeigt, Wörter, die ich benutzt hatte (Terminologie und Sachen), und die Begegnung endete vor wir könnten auch diskutieren Sie die Funktionen selbst.

Diese Diskussion zog sich über Tage und Tage, bis ich Ihnen sagte, dass, als mock (und nicht um eine endgültige Anwendung) alle Eingaben sind willkommen, aber wir hatten den Fokus auf die Funktionen erste und dann könnten wir bewegen auf zu schauen und zu fühlen sowie Fragen der Terminologie.

Von thay treffen auf ich bin immer entsetzt von Prototypen und mock-ups...Vielleicht sollte ich gerade Ihnen gegeben haben, etwas aus in visio statt.

Sie können versuchen, ForeUI, es erlauben, prototyping mit verschiedenen Stilen, was ist mehr, es kann machen die interaktive Prototypen und führen Sie es im browser.

Für eine nicht-installation von browser-basierten tool, das Sie versuchen können -Entwurf-es

Es ist kostenlos - und wenn Sie ein Google Mail-Konto - Anmeldung oder Registrierung ist nicht erforderlich.

Macht interaktive/Step-by-Step Oder Dia-Show - Prototypen.Sie können teilen Sie Ihre protoypen mit jedem, den Sie wählen, einfach durch senden eines link.

Für uns arbeitet ...

Lizenziert unter: CC-BY-SA mit Zuschreibung

Nicht verbunden mit StackOverflow