UI Prototyping mit PowerPoint 2007

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:

image 
(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:

image

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

image

Sowie Effekte:

image

image

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 :)


Kick It auf dotnet-kicks.de
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

  1. 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
  2. Der Blogpost von Ralf ist mir direkt entgangen :)

    Reply

Comment on this post

Letzte Posts

  • Carriage Return / Neue Zeile in Textareas

    Eine kleine Aufgabe: Jede neue Textzeile (Carriage Return/Wenn man Enter drückt ) in einer Textarea soll ein Element in einer Auflistung sein – wie mach ich das jetzt am einfachsten? Eigentlich ein grundlegendes Element im Web und der Nutzer macht bewusst Absätze – daher wäre es nur gerecht, wenn man das auch entsprechend würdigt. Kleine ...

  • image.png
    Doom, Quake, Wolfenstein & co. Source Code auf GitHub

    id Software, die Macher von Doom, Quake, Wolfenstein & co., stellen regelmäßig ihre älteren Spieltitle als Open Source zur Verfügung. Das Ganze runterzuladen fand ich bisher immer recht mühselig, allerdings gibt es seit kurzer Zeit die Sourcen auch auf GitHub. Darunter Spiele wie Doom 3, Quake 3, Wolfenstein für iOS. Wer also schon immer mal ...

  • image.png
    Twitter Bootstrap 2.0 released & “Release Präsentation”

    Wie bereits vom Twitter Bootstrap Team angekündigt wurde offiziel die Version 2.0 des UI Toolskits “Twitter Bootstrap” veröffentlich. Zudem wurden die Slides, welche bei der Release Party gezeigt wurden auch veröffentlicht: Downloads finden sich auf der Twitter Bootstrap Seite auf GitHub. Wenn dir der Blogpost gefallen hat, dann hinterlasse doch einen Kommentar. Wenn du auf ...

  • image.png
    Javascript zu Dart Translator

    Dart, Google Javascript Alternative, wurde vor ein paar Monaten vorgestellt und die Webentwickler Szene ist noch etwas gespalten, ob Dart nun überflüssig ist oder einfach nur cool und längst überfällig ist. Um die Sprache näher zu erläutern hat Google die grundlegenden Javascript Basics nach Dart übersetzt. Das Ergebnis ist der “Translator”. Der Name mag momentan ...

  • Twitter Bootstrap 2.0–“Beta”

    Twitter Bootstrap, ein UI-Toolkit für Web-Applikationen von Twitter, erscheint (wie bereits berichtet) demnächst in der Version 2.0. Der offizielle Release ist am 31. Januar, allerdings beginnt jetzt laut Mark Otto (einer der Hauptentwickler von Twitter Bootstrap) die intensive Test-Phase. Das heisst, das es nun offiziel auch die 2.0 Dokumentation online gibt. Im Vergleich zur aktuellen ...

Support us!

Facebook