UI Prototyping mit PowerPoint 2007

22.042008 Robert Mühsig Allgemein 3 comments

Das Userinterface gehört eigentlich zu dem wichtigsten einer Applikation. In dem Blogpost von Jeff Atwood stellt er auch dar, warum dies so ist.

Leider ist das Prototyping eines Userinterfaces nicht immer so einfach. Einen Designer anheuern der sich gut mit Photoshop auskennt ist zwar eine Sache, allerdings wird dann das UI bereits sehr früh sehr konkret beschrieben.
Paint hingegen ist zu simpel – ein paar schicke grafische Elemente sind schon praktisch.

In dem Blogpost von Jeff fand ich auch den Link zu einem interessanten Video: UI Prototyping with PowerPoint 2007.

PowerPoint? Ich will keine Präsentation erstellen!

Warum eigentlich PowerPoint? PowerPoint 2007 bringt einige schicke Funktionen mit die es erlauben solch ein UI in kurzer Zeit zu erstellen:

(ein Demoprojekt an dem ich gerade Arbeite)

Wichtig: Das ist nur der Prototyp!

Man kann hier bereits einige Komponenten sehen und auch grafisch ansprechender darstellen als mit Paint. Der Vorteil nun von PowerPoint: Es ist wesentlich simpler als Photoshop und co.!

Jeder der PowerPoint bedienen kann ist in der Lage schnell eigene Ideen mit einzubringen – so kann man das Design zwischen Projektleiter, Designer und Entwickler abstimmen. Jeder ist kreativ und das kann hier leicht eingebaut werden – im Gegensatz zu einem HTML Dummy oder einem Photoshop Kunstwerk.

Features von PowerPoint 2007:

In PowerPoint 2007 wurden viele Effekte hinzugefügt:

Farbe kann beliebig ausgewählt werden, aber es gibt auch viele Vorlagen:

Sowie Effekte:

Mit diesen Werkzeugen kommt man recht schnell zu brauchbaren Ergebnissen und kann auch schnell mal die Farbe oder die Textart ändern.

Eine weitere interessante Seite die das Thema aufgreift.

Für weitere Alternativen einfach in Jeffs Blogpost suchen

Wenn dir der Blogpost gefallen hat, dann hinterlasse doch einen Kommentar. Wenn du auf dem Laufenden bleiben willst, abonniere unseren RSS Feed oder folge uns auf Twitter.

About the author

Written by Robert Mühsig

Robert Mühsig (@robert0muehsig) ist Webentwickler und beschäftigt sich mit Web-Frameworks (vor allem dem ASP.NET MVC Framework) und scheut sich auch nicht vor Javascript. Ansonsten bloggt er über all jene Probleme, die ihm über den Weg laufen. Seit 2008 ist er Microsoft MVP für ASP.NET und er arbeitet bei der T-Systems Multimedia Solutions GmbH in Dresden. Treffen kann man ihn online via Twitter (@robert0muehsig) oder dieser Seite oder bei der .NET User Group Dresden.

3 Responses

Alex
22. April 2008

Witzigerweise hatte ich genau diesen Ansatz vor kurzem auch für WinForm und WPF überlegt – Anlass war damals
http://ralfw.blogspot.com/2008/04/ui-first-design-ganz-ohne-schlechtes.html
Reply
Robert Mühsig
22. April 2008

Der Blogpost von Ralf ist mir direkt entgangen
Reply

Comment on this postClick here to cancel reply.

Letzte Posts

RavenHQ–RavenDB in der Cloud

Ayende Rahien hat es heute verkündet – RavenHQ, der RavenDB Cloud Hoster (natürlich von und mit Ayende) ist ab heute raus aus der Beta und man kann es von überall aus nutzen. In der Betaphase waren nur Nutzer von AppHarbor zugelassen. Was ist RavenHQ? RavenHQ ist im Grunde ein gehostes RavenDB in den Rechenzentren von ...
GitHub for Windows–erste Eindrücke

Git ist schon eine tolle Sachen und eröffnet viele neue Möglichkeiten – allerdings ist der Einstieg recht hart und selbst wenn man die guten Hilfsanleitungen auf GitHub befolgt, kommt man am Anfang nur langsam vorwärt. Insbesondere ist das Tooling für Windows / .NET Entwickler auch nicht gerade “bekanntes Terrain”. GitHub to the rescue! Die GitHub ...
Chocolatey–apt-get für Windows

Durch Zufall bin ich auf das Tool “Chocolatey” gestoßen. Wer die Website sich anschaut, wird evtl. eine Verwandschaft mit NuGet ausmachen. Was macht Chocolatey? Chocolatey ist ein “Maschine Package Manager”, das bedeutet, dass man für seine Maschine einfach Tools runterladen und Updaten kann – direkt über die Konsole. Was ist der Unterschied zu NuGet? NuGet ...
SASS, LESS & Coffeescript in Visual Studio mit der Web Workbench

CSS und Javascript sind die “kleinste” Schnittmenge von allen Browsern für die Erstellung von Web-Applikationen. Leider geht dabei etwas komfort verloren, daher lieben alle Webentwickler jQuery! SASS und LESS sind zwei Varianten, wie man “schöner” CSS schreiben kann und Coffeescript versucht Javascript Entwicklung zu vereinfachen. Aber immer der Reihe nach… Was ist SASS? SASS steht ...
Code-Inside Sample nun auf GitHub: Google Code zu GitHub Migration

Seit einiger Zeit habe ich Beispielcode auf Google Code bereitgestellt. Einfach nur noch weg von Google Code O-Ton damals war: Ich hatte mich für Google Code entschieden, weil ich hoffe dass früher oder später die Google Code Suche nutzbar ist und es dadurch wenigstens ein kleiner Mehrwert entsteht. Allerdings wirft es momentan noch ein Fehler. ...