Thomas Hirt » Designprozess 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 Nutzer, Markt, Unternehmen und Kontext verstehen http://www.thomashirt.com/2011/01/06/brainstorming-mit-karten-durchfuhren/ http://www.thomashirt.com/2011/01/06/brainstorming-mit-karten-durchfuhren/#comments Thu, 06 Jan 2011 16:14:41 +0000 tomhirt http://www.thomashirt.com/?p=1252 Die gesamte Gruppe versucht das gestellte Thema zu verstehen und so breit wie möglich zu diskutieren. Dafür werden Karten verwendet, auf denen ohne Bewertung alle Themen erfasst werden, die zum Thema gehören. Im nächsten Schritt werden große Themenblöcke geschaffen, die das Thema wieder überschaubar machen sollen.

Weiterführende Informationen:
Definition Brainstorming
Bsp: Social Media Map
Mindjet Software
Mindmeister: Internetbasiertes Tool
Freemind Software
XMind Software, Mac und PC

]]> http://www.thomashirt.com/2011/01/06/brainstorming-mit-karten-durchfuhren/feed/ 0 Nutzerumfrage online durchführen http://www.thomashirt.com/2011/01/05/nutzerumfragen-mit-fragebogen-erstellen/ http://www.thomashirt.com/2011/01/05/nutzerumfragen-mit-fragebogen-erstellen/#comments Wed, 05 Jan 2011 21:38:24 +0000 tomhirt http://www2.thomashirt.com/thomashirt_com/2010/01/10/nutzerumfragen-mit-fragebogen-erstellen/ Konzeption, Durchführung und inhaltliche Aufbereitung einer webbasierten Nutzerumfrage, um die Anforderungen definieren zu können.

Weiterführende Informationen
Online Survey Software Unipark
Online Survey Software Surveymonkey
Online Survey Software Qualtrics
Facebook Poll Apps

]]> http://www.thomashirt.com/2011/01/05/nutzerumfragen-mit-fragebogen-erstellen/feed/ 0 Nutzerinterviews durchführen http://www.thomashirt.com/2011/01/04/videointerviews-durchfuhren/ http://www.thomashirt.com/2011/01/04/videointerviews-durchfuhren/#comments Tue, 04 Jan 2011 15:05:25 +0000 tomhirt http://www.thomashirt.com/?p=1468 Einer Zielgruppe an Personen werden gleiche Fragen innerhalb eines Videointerviews gestellt. Die Antworten werden festgehalten, um die Probleme innerhalb des Kontextes herauszubekommen und zu dokumentieren. Eine Auswertung der Videointerviews muss im Anschluss erfolgen.

]]> http://www.thomashirt.com/2011/01/04/videointerviews-durchfuhren/feed/ 0 Wettbewerber und Marken bewerten http://www.thomashirt.com/2011/01/03/wettbewerber-analysieren-und-bewerten/ http://www.thomashirt.com/2011/01/03/wettbewerber-analysieren-und-bewerten/#comments Mon, 03 Jan 2011 10:58:03 +0000 tomhirt http://www.thomashirt.com/?p=1284 Wettbewerber werden systematisch analysiert um die Produkte, Dienstleistungen und Prozesse im eigenen Unternehmen mit denen in fremden Unternehmen in qualitativer und/oder quantitativer Hinsicht zu vergleichen.

Weiterführende Informationen

]]> http://www.thomashirt.com/2011/01/03/wettbewerber-analysieren-und-bewerten/feed/ 0 Produkte testen und bewerten http://www.thomashirt.com/2011/01/02/gebrauchstauglichkeit-testen/ http://www.thomashirt.com/2011/01/02/gebrauchstauglichkeit-testen/#comments Sun, 02 Jan 2011 21:26:53 +0000 tomhirt http://www2.thomashirt.com/thomashirt_com/2010/01/10/gebrauchstauglichkeit-testen/ Durchführung eines Nutzertests von bestehenden Produktsystemen, Services und Kommunikationssystemen. Es werden Kriterien festgelegt, mit denen die visuelle Gestalt, die Navigation, die Interaktiongestaltung, die Techologie und die Kommunikationsinhalte bewertet werden können. Durch vorgegebene Aufgaben, sollen Anwendungen ausprobiert und bewertet werden. Durch ein Screenmovie kann kann diese Ergebnisse gut dokumentieren. Durch den Test können konkrete Anforderungen an die zukünftigen Systeme abgeleitet werden.

Weiterführende Informationen:
Quicktime in OSX
Screentoaster Screenrecording
Onlinetool Screencast-o-matic
iShowU Screenrecording Software, Mac
Product Personality Matrix
Kano-Modell von Prof. Dr. Noriaki Kano, Universität Tokyo

]]> http://www.thomashirt.com/2011/01/02/gebrauchstauglichkeit-testen/feed/ 0 Projektplan erstellen http://www.thomashirt.com/2011/01/01/projektplan-erstellen/ http://www.thomashirt.com/2011/01/01/projektplan-erstellen/#comments Sat, 01 Jan 2011 13:47:02 +0000 tomhirt http://www.thomashirt.com/?p=1559 Für ein Projekt benötigt man eine gute Planung der Aufgaben und Zeit. Dafür stehen kostenlose und professionelle Programme zur Verfügung. Es wird grob zwischen den Phasen Analyse, Konzept, Entwurf und Realisation unterschieden.

Weiterführende Informationen:
Bsp. Projektplan für einen Grundlagenkurs
Bsp. Projektplan für einen Vertiefungskurs
Programm Omniplan, Mac
Programm Merlin, Mac
Programm Microsoft Project, PC

]]> http://www.thomashirt.com/2011/01/01/projektplan-erstellen/feed/ 0 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 Raster entwickeln http://www.thomashirt.com/2010/01/05/seitenraster-erstellen/ http://www.thomashirt.com/2010/01/05/seitenraster-erstellen/#comments Tue, 05 Jan 2010 14:17:55 +0000 tomhirt http://www2.thomashirt.com/thomashirt_com/2010/01/15/seitenraster-erstellen/ Ein Raster ist ein Ordnungssystem. Es erlaubt Bild und Textelemente auf einer Fläche zu organisieren. Ein Raster sollte in gedruckten Medien, wie auch in digitalen Medien eingesetzt werden.

 

Tutorialreihe:
Raster entwickeln

 

Weiterführende Informationen
Buch: Rastersysteme für die visuelle Gestaltung von Josef Müller-Brockmann
Buch: Typographie von Otl Aicher
Typolexikon – Gestaltungsraster
Rasterbild erstellen für Prototyping in Photoshop oder Hintergrundbild für HTML Seitenentwicklung
Sammlung Rastersysteme
Raster erzeugen mit 960 Layoutgrid
Sammlung Seiten mit einem Raster erstellt
ERCO Digital Manual mit Seitenraster
Buch: Designing for Small Screens
Photoshop Plugin für einfache Rastererstellung
Dynamische Rastersysteme (Responsive Design bzw. reaktionsfähiges Layout):
http://lessframework.com/
http://framelessgrid.com/
http://goldengridsystem.com/

]]> http://www.thomashirt.com/2010/01/05/seitenraster-erstellen/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 Schriften einsetzen http://www.thomashirt.com/2010/01/04/schriften-einsetzen/ http://www.thomashirt.com/2010/01/04/schriften-einsetzen/#comments Mon, 04 Jan 2010 14:34:35 +0000 tomhirt http://www.thomashirt.com/?p=1403 Neben Bildern werden in einem Gestaltungsraster auch Text eingesetzt. Die Organisation eines Textes innerhalb des Gestaltungsrasters spielt eine wichtige Rolle. Die Schrift wird ausgewählt nach kulturellen und gestalterischen Betrachtungsweisen. Bekannten Schriften sind die Helvectica, Rotis, Univers, Frutiger, Akzidenz Grotesk, Futura, Meta und die DIN Schrift.

Weiterführende Informationen
Schiftensammlung bei Linotype
Schriftensammlung bei Fontshop
Schriftensammlung von Paratype
Schriftensammlung von Fonts.com
Helvetica Film
100 besten Schriften
Online Community zum Thema Typografie
Typografische Fachbegriffe
Hauschriften von Unternehmen
Forum Typografie
Typolexikon und Definition Typographie
Schriften überprüfen
Schrift und Idenität
Slanted Weblog über Typografie
Webfonts mit Photoshop gestalten (Plugin)
Google Webfonts
Webfonts einsetzen Infos im Fontshop
Typekit
Fontface
Unicode der Welt-Zeichen-Code
Apple Typografie
Typografie Kategorie auf Wikipedia
Schriften vergleichen Nr.1
Schriften vergleichen Nr.2
Blindtext einsetzen
Umrechnung von Schriftgrösse in px zu em

]]> http://www.thomashirt.com/2010/01/04/schriften-einsetzen/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