user interface - Prototyping einer GUI mit einem Kunden

Translate

Wenn Sie mit einem Kunden Prototypen für die anfängliche GUI-Funktionalität erstellen, ist es besser, eine Stift- / Papierzeichnung zu verwenden oder etwas mit einem Tool zu verspotten und ihnen dies zu zeigen?

Das Argument gegen ein Tool-generiertes Design ist, dass sich der Kunde manchmal auf die Details des Modells auf niedriger Ebene konzentrieren kann, anstatt eine übergeordnete Funktionsansicht der GUI insgesamt zu erhalten.

This question and all comments follow the "Attribution Required."

Alle Antworten

Translate

Beginnen Sie immer zuerst mit Papier oder papierähnlichen Modellen. Sie möchten nicht in die Falle tappen, den Eindruck der Vollständigkeit zu erwecken, wenn das Backend vollständig hohl ist.

Ein polierter Prototyp oder ein pixelgenaues Beispiel legt zu viel Wert auf das Design. Mit einer offensichtlichen Skizze können Sie die gewünschten Funktionen und Inhalte besser diskutieren als Farben, Fotos und andere stilistische Aspekte. Es wird später im Projekt Zeit für diese Diskussion geben.

Jeff beschreibt das Prototyping von Papier in seinem Artikel über Coding HorrorUI-First Softwareentwicklung

Klicken Sie auf "Video ansehen!" Link beitwitter.comum eine interessante aufnahme der idee von zu sehenGemeinsames Handwerk.

Quelle
Translate

Das"Serviette Look & Feel"für Java ist wirklich cool für das Prototyping. Eine tatsächliche, funktionierende, anklickbare App, die aussieht, als wäre sie auf eine Serviette gezeichnet worden. Schauen Sie sich diesen Screenshot an:

Napkin Look and Feel

Ernsthaft, wie cool ist das?

Quelle
Rad
Translate

Ich würde vorschlagen, dass Sie sich mit Ihrem Kunden zusammensetzen und ein Tool wie verwendenMockupscreensund entwickeln Sie die Benutzeroberfläche interaktiv. Ein Vorteil gegenüber Napkin LAF besteht darin, dass keine Codierung oder Entwicklungswerkzeuge jeglicher Art erforderlich sind

Quelle
Translate

AuscheckenBalsamiq

Es macht die Serviettenansicht "DAS IST KEINE FUNKTIONALE APP" sehr gut und ist einfach zu bedienen.

Hat eine voll ausgestatteteDemoSie können es online ausprobieren und als zusätzlichen Bonus können Sie Ihr XML per E-Mail an Ihren Kunden senden. Dieser kann es optimieren und damit spielen und es ohne Lizenz per E-Mail an Sie zurücksenden.

Quelle
Translate

Es gibt ein Buch namensPrototyping von PapierWelche Details zeichnen Stift und Papier und was können Sie daraus gewinnen? Ich denke, es hat viele Vorteile, insbesondere, dass Sie sehr früh (und einfach) das Endergebnis ohne großen Aufwand ändern und dann mit dem rechten Fuß beginnen können.

Quelle
Translate

Eine grundlegende Papierversion ist der Weg für ein erstes Modell. Ich habe die Erfahrung gemacht, dass wenn Sie ein "echtes" Modell erstellen, selbst wenn Sie dem Kunden erklären, dass es sich um ein nicht funktionierendes Modell handelt, diese verwirrt sind, wenn die Dinge nicht funktionieren.

Fazit: Halten Sie es so einfach wie möglich. Wenn es auf Papier ist, kann der Kunde es auf keinen Fall mit einem funktionierenden Produkt verwechseln.

Quelle
Translate

Für den ersten Entwurf bevorzuge ich Millimeterpapier (das Material mit einem aufgedruckten Raster) und einen Bleistift. Das Millimeterpapier ist ideal, um die Proportionen beizubehalten. Sobald der Kunde und ich zu einem Schluss gekommen sind, fülle ich die Zeichnung normalerweise mit einem Stift aus, da der Bleistift leicht verblasst.

Wenn ich tatsächlich zum Erstellen des digitalen Prototyps komme, scanne ich den handgezeichneten ein und verwende ihn als Hintergrundvorlage. Scheint ziemlich gut für mich zu funktionieren.

Quelle
Translate

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

Sobald Sie die Grundstruktur haben, können Sie sie mit den Drahtgitterschablonen nach Visio verschieben

Oder Sie könnten Denim verwenden (Ein informelles Tool für das Website- und UI-Design im Frühstadium) mit einem Tablet-PC oder Wacom-Tablets, um die GUI zu entwerfen und als HTML-Website auszuführen.

Quelle
Translate

WireframeSketcherist ein Tool, mit dem Sie schnell Drahtmodelle, Modelle und Prototypen für Desktop-, Web- und mobile Anwendungen erstellen können. Es kommt beides alseigenständigeVersion und alsPlug-Infür Eclipse-IDEs. Es verfügt über einige Besonderheiten wie Storyboards, Komponenten, Verknüpfung und Vektor-PDF-Export. Zu den unterstützten IDEs gehören Aptana, Flash Builder, Zend Studio und Rational Application Developer.

Sample WireframeSketcher mockup
(Quelle:wireframesketcher.com)

Quelle
Translate

Ich habe kürzlich eine Windows-App verwendet, um einen Prototyp einer Anwendung für einen Kunden zu erstellen (die endgültige Oberfläche muss in eine Website integriert sein).

Zuerst dachten die Leute, dass es die letzte Version sein würde, und sie begannen sehr heftige Kritik an der Art und Weise, wie Steuerelemente angezeigt wurden, bis zu den Wörtern, die ich verwendet hatte (Terminologie und so weiter), und die Besprechungszeit endete, bevor wir überhaupt die Funktionalität selbst diskutieren konnten.

Diese Diskussion zog sich tagelang hin, bis ich ihnen sagte, dass alle Eingaben als Schein (und nicht als endgültige Anwendung) willkommen sind, aber wir mussten uns zuerst auf die Funktionen konzentrieren und dann konnten wir uns so gut wie möglich fühlen Terminologieprobleme.

Von diesem Treffen an habe ich immer Angst vor Prototypen und Modellen ... Vielleicht hätte ich ihnen stattdessen einfach etwas geben sollen, das in Visio gemacht wurde.

Quelle
Aldrich Lee
Translate

Sie können ausprobierenForeUIEs ermöglicht das Prototyping mit verschiedenen Stilen. Außerdem kann es interaktive Prototypen erstellen und im Browser ausführen.

Quelle
Jan
Translate

Für ein nicht installiertes browserbasiertes Tool können Sie es versuchenEntwurf

Es ist kostenlos - und wenn Sie ein Google Mail-Konto haben, ist keine Registrierung erforderlich.

Interaktiv / Schritt für Schritt oder Diashow - Prototypen. Sie können Ihren Prototyp mit jedem teilen, den Sie auswählen, indem Sie einfach einen Link senden.

Funktioniert für uns ...

Quelle