Thomas Hirt » 02 Konzept http://www.thomashirt.com Just another WordPress weblog Thu, 30 Oct 2025 13:08:38 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Nutzergruppen festlegen http://www.thomashirt.com/2010/01/07/nutzertypen-festlegen/ http://www.thomashirt.com/2010/01/07/nutzertypen-festlegen/#comments Thu, 07 Jan 2010 15:17:19 +0000 tomhirt http://www.thomashirt.com/?p=1424 Nutzertypen könnnen mit der Persona-Methode definiert werden.

“Personas sind eine zusammenfassende Repräsentation eines Mitglieds einer Zielgruppe des Systems. Personas werden of als Menschen beschrieben. Ein Projekt kann eine oder mehrere Personas haben, die jeweils eine spearate Zielgruppe des Systems repräsentieren.” Dan M.Brown.

Weiterführende Informationen
Buch: Konzeption und Dokumentation erfolgreicher Webprojekte, Dan M. Brown
Persona Methode bei Wikipedia
Erfinder Persona Methode, Alan Cooper
Referat zur Persona-Methode

]]> http://www.thomashirt.com/2010/01/07/nutzertypen-festlegen/feed/ 0 Nutzerszenarios erstellen http://www.thomashirt.com/2010/01/06/nutzer-analysieren/ http://www.thomashirt.com/2010/01/06/nutzer-analysieren/#comments Wed, 06 Jan 2010 21:23:34 +0000 tomhirt http://www2.thomashirt.com/thomashirt_com/2010/01/10/nutzer-analysieren/ Nutzerszenarios (Anwendungsfälle) beschreiben die Situation des Interfaces in dem Kontext der Nutzergruppe. Dies kann in Form von Skizzen mit Hilfe von Storyboards erfolgen. Mit einem Anwendungsfalldiagram (UML Diagramm = Unified Modeling Language Diagramm) können Anwendungsfälle des Nutzers festgehalten werden.


Weiterführende Informationen
Storyboard Definition
Online Tool for Diagrams und Flowcharts
User Stories
Use Cases
Use Case Diagram

]]> http://www.thomashirt.com/2010/01/06/nutzer-analysieren/feed/ 0 Informationsarchitektur erstellen http://www.thomashirt.com/2010/01/05/informationsarchitektur-erstellen/ http://www.thomashirt.com/2010/01/05/informationsarchitektur-erstellen/#comments Tue, 05 Jan 2010 12:02:41 +0000 tomhirt http://www2.thomashirt.com/thomashirt_com/?p=846 Die Struktur die ein Informations- oder Kommunikationssystem beinhaltet wird dargestellt, um eine Übersicht über alle möglichen Themenbereiche zu erhalten.

Weiterführende Informationen
Definition Informationsarchitektur
Definition Card-Sorting
Richard Saul Wurman, Begriff “Information architecture” und “TED Talk” erfunden

]]> http://www.thomashirt.com/2010/01/05/informationsarchitektur-erstellen/feed/ 0 Nutzerwege darstellen und entwickeln http://www.thomashirt.com/2010/01/04/paper-prototyping/ http://www.thomashirt.com/2010/01/04/paper-prototyping/#comments Mon, 04 Jan 2010 12:22:09 +0000 admin http://clients.sebastianmeier.eu/tomhirt/?p=21 Das Interaktionsdiagramm zeigt Prozessabläufe und Interaktionen eines Entwurfs in der Konzeptphase. Die Prozesse werden analysieret und ein Funktionsdiagramm erstellt.

Weiterführende Informationen
Online Tool for Diagrams und Flowcharts
Software OmniGraffle
Ein visuelles Vokabular zur Beschreibung der Informationsarchitekur und des Interaktionsdesigns, Jesse James Garrett

]]> http://www.thomashirt.com/2010/01/04/paper-prototyping/feed/ 0 grobe Screens entwerfen http://www.thomashirt.com/2010/01/03/wireframes/ http://www.thomashirt.com/2010/01/03/wireframes/#comments Sun, 03 Jan 2010 20:49:13 +0000 tomhirt http://www2.thomashirt.com/thomashirt_com/2010/01/10/wireframes/ Wireframes (skizzenhafte Screenentwürfe) sind erste grobe und schnelle Entwürfe des Konzeptes. Dies ist eine schematische Darstellung einzelnener Seiten. Hier werden die grundlegenden Elemente der Seite festgehalten. Ein konzeptionelles Layout sollte erkennbar sein. Elemente im Layout wie Navigation und Inhaltsbereiche sollten dargestellt werden. Ein finale Gestaltung ist nicht notwendig. Handskizzen, Software oder auch Online Werkzeuge können eingesetzt werden um Groblayouts zu erstellen.
Im nächsten Schritt können die Wireframes auch an anderen Nutzern getestet werden.

 

Tutorialreihe:
grobe Screens entwerfen

 

Weiterführende Informationen
Definition Wireframe
Omnigraffle Software und Graffeltopia Bibilothek
Axure Wireframetool
Mockingbird: Online Wireframe Tool
HotGloo: Online Wireframing Tool
Bsp. Wireframe iPad Klickmodell
Wireframe Bibliothek für Indesign
Wireframe Bibliothek für Keynote Nr.1
Wireframe Bibliothek für Keynote Nr.2
Balsamiq Software für Wireframes
Wireframes mit Post-it System
Wireframe Bildersammlung
Wireframe Templates und Tools

]]> http://www.thomashirt.com/2010/01/03/wireframes/feed/ 0 grobe interaktive Prototypen erstellen http://www.thomashirt.com/2010/01/02/prototyping-with-paper/ http://www.thomashirt.com/2010/01/02/prototyping-with-paper/#comments Sat, 02 Jan 2010 16:48:11 +0000 tomhirt http://www2.thomashirt.com/thomashirt_com/2010/01/07/prototyping-with-paper/ Das Funktionslayout zeigt alle wichtigen Elemente und Funktionen eines Produkts oder Kommunikationssystems. Die ersten Prototypen könnnen an anderen Nutzern getestet werden. Dafür ist es notwendig sich vorher mehrere Wege und Aufgaben für die Nutzer auszudenken und mit mehreren Probanten zu testen. Eine Videokamera mit Ton nimmt die Vorgehensweise des Nutzers auf und dokumentiert seine Schwierigkeiten mit dem Entwurf. Der Nutzer soll alle Anmerkungen laut beschreiben, die er an dem Entwurf bemerkt.

 

Tutorialreihe:
grobe interaktive Prototypen erstellen

 

Weiterführende Informationen
Omnigraffle Software und Graffeltopia Bibilothek
Axure Wireframetool
Mockingbird: Online Wireframe Tool
Mockflow
HotGloo: Online Wireframing Tool
Bsp. Wireframe iPad Klickmodell
Wireframe Bibliothek für Indesign
Wireframe Bibliothek für Keynote Nr.1
Wireframe Bibliothek für Keynote Nr.2
Balsamiq Software für Wireframes
Wireframes mit Post-it System
Wireframe Bildersammlung

]]> http://www.thomashirt.com/2010/01/02/prototyping-with-paper/feed/ 0