Crossmedia Vertiefung WS 2012/13

Lehrveranstaltung FH Trier Intermedia Design
Tom Hirt

Artikel der Kategorie 01 Organisation

Neue Tutorials für “detaillierte Screens erstellen” und “Zeichen entwickeln” sind fertig.

Für die Entwurfsphase gibt es als begleitendes Lernmaterial drei neue Tutorials. Viel Spass!

Aktuelle Vorlage für die Dokumentation

Es gibt eine aktutualisierte Vorlage für die gemeinsame Dokumentation. Hier ist die InDesign Vorlage . Bitte eure Ergebnisse dort hineinarbeiten und keine grossartigen Veränderungen vornehmen. Kontinuierlich bitte eure Arbeit einarbeiten, so dass wir am Ende eine komplette Dokumentation der gesamten Arbeiten und Entwürfe dort zusammen haben.

Crossmedia Tutorialreihe “grobe interaktive Prototypen erstellen” mit Balsamiq

Das nächste Tutorial ist fertig für die Software Balsamiq.

Crossmedia Tutorialreihe “grobe interaktive Prototypen erstellen”

Ein guter Einstieg für die Aufgabe in der Konzeptphase bietet die neue Crossmedia Tutorialreihe “grobe interaktive Prototypen erstellen” (Axure, Keynote und Indesign), die als begleitendes Material zur Verfügung steht.

Konzeptphase: Prototyping (03.11.-16.11.)

Ziel: Ziel der Konzeptphase ist es eine realistische und spannende Entwurfsidee (Problem) der Nutzergruppe festgelegt zu haben, um daraus Ideen & Konzepte in Form von schnellen groben Prototypen testen zu können. Erst im nächsten Schritt, wenn das Konzept sich bestätigt, geht es in die visuelle Ausarbeitung des Entwurfsmodells. Die groben interaktiven Prototypen sollen zeigen, ob der Entwurf ausgearbeitet werden sollte. Am 16. November sollen folgende drei Themen von euch präsentiert und diskutiert werden.

Aufgaben:
Schritt 1: Ausgewählte Entwurfsidee definieren
Nach der letzten Präsentation wurde deutlich, welche Themen sinnvoll sind und weiter verfolgt werden sollen. Es gilt diese Entwurfsidee festzuhalten und kurz die Anforderungen an die Gestaltungslösung zu definieren. Es sollte klar das Problem/die Möglichkeiten beschrieben werden und welche Lösung damit erzielt werden soll. Denkt daran, dass eure Entwurfsidee euch bis Januar begleitet.

Schritt 2: Zwei Storyboards erstellen
Ein Storyboard sind Zeichnungen im Komikstil über das, was euer Interface macht und wie es die Aufgaben in einem realen Szenario (Anwendungsfall) erfüllt. Inspirationen bekommt ihr hier: “Understanding Comics” by Scott McCloud . Ein gutes Storyboard zeigt, wer der Nutzer ist, die Situation, in der es eingesetzt wird, und welche Motivation der Nutzer hat, um das Interface zu benutzen. Es sollte zeigen, wie der Nutzer das Interface einsetzt, soll aber kein spezifisches User Interface Design zeigen. Erstellt auf jeweils einem Blatt in acht Schritten/Kästchen eure beiden Storyboards. Nutzt einen dicken Stift um nicht in Details zu gehen, denn ihr habt in der Entwurfsphase noch viel Zeit die visuellen und interaktiven Details auszuarbeiten. Daraus bitte zwei PDFs erstellen.

Schritt 3: Zwei grobe interaktive Prototypen erstellen
Entscheidungszeit. Nehmt euch ein Storyboard und erstellt davon zwei grobe interaktive (HTML) Prototypen mit einem Tool deiner Wahl. Da ich Lizenzen für die Software Axure besorgt habe, könnt ihr im Computer Labor die Software nutzen (David installiert die Software für euch), eine 30 Tage Version nutzen oder eine Lizenz für euch zuhause bei dem Student Program erstehen. Dafür müsst ihr kein HTML können.

Ein guter Einstieg bietet die neue Crossmedia Tutorialreihe “grobe interaktive Prototypen erstellen” (Axure, Keynote und Indesign), die als begleitendes Material zur Verfügung stehen.

Präsentation und Abgaben für den 16.11.2012:

- die Entwurfsidee beschreiben
- zwei Storyboards abgeben
- zwei grobe interaktive Prototypen als HTML Version abgeben zum testen

Viel Spaß und Erfolg! Bei Fragen, gerne fragen.

Mögliche Methoden in der Analysephase und Ergebnisse aus anderen Kursen:
Nutzertypen festlegen
Nutzerszenarios erstellen
Informationsarchitektur erstellen
grobe Screens erstellen
grobe interaktive Prototypen erstellen

Vorlage für Indesign

Hier ist die InDesign Vorlage für unsere gemeinsame Präsentation. Bitte eure Ergebnisse dort hineinarbeiten.

Kursinformation

Titel des Seminars: Camper Experience Design (CXD)
Veranstalter: FH Trier, Intermediales Design
Projektlink: Seminardokumentation im Web
Lehrveranstaltung: Vertiefung: 3-5. Semester, Crossmedia und integrierte Kommunikation
Lehrgebiet: Medienkommunikation

Beschreibung:

Camper Experience Design (CXD) – Ein Praxisprojekt mit dem Unternehmen Bürstner GmbH

Wie reisen Camper in Zukunft? Junge Camper gehören der Generation “Digital Natives” an und werden das mobile Reisen für sich entdecken. Wir wollen mit dem Unternehmen Bürstner herausfinden, was Camper von einem Caravan- und Reisemobil-Hersteller erwarten. Ein Schwerpunktthema könnte sein: Bürstner Social/Share/Cloud – Wie kann ich die Bürstner Community auf Reisen zusammenbringen?

In dem Kurs entwickeln Sie digitale Konzepte und gestalten interaktive Prototypen, die Ihre Ideen nachvollziehbar machen. Die Gruppierung der Kunden nach Nutzungsprofilen wird in der Analysephase bearbeitet.

Sie werden folgende Entwurfsphasen bearbeiten, damit Sie eigenständig in der Lage sind, einen Entwurf von der Idee bis zur Realisation zu gestalten.

Phasen: Analyse (2 Wochen), Konzeption (4 Wochen), Entwurf (8 Wochen), Realisation (2 Wochen).

Eine gemeinsame Exkursion zu der Bürstner GmbH (www.buerstner.de) soll uns helfen, die Marke und ihre Menschen live zu erleben.