Wie erstellen Sie Ihre Software UI?

Question

Wie erstellen Sie Ihre Software UI?
Was ist Ihre Erfahrung?
Könnten Sie bitte mit mir teilen?
Vielen Dank im Voraus!

Answer 1

Stift und Papier oder ein Whiteboard. Bevorzugen Sie Mock-ups, die vom Look und Feel des Endprodukts zu unterscheiden sind. Bei der Diskussion von Interaktionen und wie viele Klicks es dauert, um eine Arbeit zu erledigen, ist es sehr schnell, Papiermodelle zu ändern und es ist für alle Beteiligten offensichtlich, dass dies nicht das Endprodukt darstellt, das fast fertig ist.
Vor Jahren war ich an einem Projekt beteiligt, bei dem wir ein wirklich detailliertes GUI-Mock-Up erstellten, das sogar Code enthielt, um den Ablauf von Ereignissen zu simulieren. Es war fantastisch, die Benutzer der Software dazu zu bringen, Feedback und Input zu geben. Es war dann ein absoluter Albtraum für das Projekt, denn wir waren ständig hinter dem, wo die Nutzer von uns erwartet hatten, immerhin hatten sie es schon ziemlich gut gemacht, oder?
Am schlimmsten ist, dass einige der Wegwerf-Code landete in der freigegebenen Produkt enthalten ist und war ein Alptraum später zu halten (es gibt nicht viel in sie Strukturierung ursprünglich ‚setzen Gedanke war cos es Wegwerf war, dann hatte der Benutzer gesehen die Verhalten und es wurde die De-facto-Implementierung der Logik für ein größeres Stück des Systems). Yuk.

Answer 2

Ich benutze Balsamiq http://www.balsamiq.com/

Es ist fantastisch.

Answer 3

Sie können einen GUI-Editor wie den in der NetBeans-IDE, der QtCreator-IDE oder der Xcode-IDE verwenden, um ein GUI-Mockup zu erstellen, ohne Handler für alle GUI-Ereignisse zu implementieren. Diese GUI kann dann ausgewertet und möglicherweise neu gestaltet werden. Sobald die GUI so aussieht, wie sie sollte, können Ereignisse richtig behandelt werden.

Answer 4

erstelle ich HTML-Seiten mit Visual Studio. Dies könnte leicht Dreamweaver, FrontPage, NotePad ++ sein. Für mich hat dies den Vorteil, dass CSS und HTML fast fertig sind, wenn ich mit dem Mockup fertig bin. Normalerweise ist es einfacher und produktive Prototypen im Tool zu tun, oder Technologie, die Sie planen, in die lieferbaren zu erstellen.

Answer 5

Ich habe eine Kombination von Werkzeugen verwendet UIs zu tun. Wenn das statische Aussehen und das Gefühl ist, was ich teste, dann verwende ich eine Kombination aus Papier und Whiteboard-Skizzen. Diese sind schnell zu bewerkstelligen und werden einfach weggeworfen, sobald Sie anfangen, an den detaillierteren Designs zu arbeiten. Wie "Hamish Smith" sagte, wollen Sie ein gewisses Maß an Trennung zwischen Ihren Modellen und dem Endprodukt.

Wenn ich die Interaktivität meiner Designs testen möchte, habe ich vorher Papiermodelle verwendet, aber ich bevorzuge es, PowerPoint zu verwenden, das Benutzern eine bessere Möglichkeit bietet, mit der Anwendung zu interagieren, als mir ständig die Papierskizzen zeigen zu lassen Auf welcher Seite eine Schaltfläche ausgeführt wird und wie bestimmte Funktionen funktionieren. Ich richte es einfach so ein, dass das Klicken auf die Schaltflächen oder Verknüpfungen in einer PowerPoint-Folie Sie zu der Folie führt, die dem entspricht, wo diese Schaltfläche Sie in der realen Anwendung führen würde.

Zur Zeit habe ich mit dem Microsoft Sketche spielt um den Teil der Expression Blend ist, und es ist ziemlich beeindruckend. Ich habe jedoch noch nicht viel damit gespielt, daher sind mir noch keine Einschränkungen bekannt. Außerdem habe ich Balsamiq ausprobiert und es scheint auch eine gute Anwendung zu sein, aber ich habe es nicht genug benutzt, um seine Grenzen zu finden. Ich möchte aber klarstellen, dass ich sie nur für Interaktivitätstests verwende, um PowerPoint zu ersetzen. Ich denke immer noch, dass statische Modelle am besten mit Papier und Whiteboards gemacht werden.

Answer 6

habe ich vor kurzem eine Visio-Add-in http://www.guuui.com/issues/02_07.php an einem Projekt. Das Projekt hat 60 Seiten, was das Zeichnen der Bildschirme sehr einfach machte.