Crossmedia Grundlagen SS 2010

Lehrveranstaltung FH Trier Intermedia Design
Tom Hirt

Paperboy App: Delivers digital extras for print

kooaba

“Share exciting articles. Explore related information.
Remember good reads. – All of this by snapping pictures of your favorite newspapers and magazines.”

Die neue Zeit-App im Test

Das Wochenmagazin “Die Zeit” des Holzbrinck-Verlages hat jetzt auch eine eigene App herausgebracht
Ein erster Test.

Entwurf von Student aus Düsseldorf

INFORM.

Ein Student aus Düsseldorf hat mir seinen Link zu seinem Entwurf bereit gestellt. Er hat auch das Thema Zeitung gehabt und daraus eine iPad Anwendung erstellt. Input für euch für die letzten zwei Wochen.

Raster erstellen

Ein Raster ist notwendig, um die Inhalte (Bild, Text und Steuerelemente) genau zu platzieren und Ordnung auf der Bildschirmfläche zu schaffen. Dies ist notwendig, da bei ansteigender Anzahl von Seiten (Webseiten z.B. bis zu 150.00 Seiten) eine klare Ordnung der inhaltlichen Elemente erforderlich ist.

Die Parameter (Zeilenabstand, Dokumentenbreite, Dokumentenhöhe, Zwischenspaltenbreite, Spaltenbreite) können eingegeben werden, um daraus ein erstes Raster zu erstellen. Schriftgröße und Bildformate orientieren sich dann an dem Grundraster.

Link von Sven:

Raster online erstellen

Das geht natürlich auch in anderen Programmen. Mit dem Link könnt ihr aber schon mal erste Erfahrungen machen.

GUIdebook > Icons > Components

GUIdebook > Icons > Components.

Bildzeichen

iPhone GUI PSD Design Template, v4.0 | Teehan+Lax

iPhone GUI PSD Design Template, v4.0 | Teehan+Lax.

iPad User Interface Elemente

iPad Buttons – Digitale Kommunikaton & Social Media.

Im Hauptseminar hat jemand eine Sammlung der UI Elemente für das iPad gefunden. Wer Bedarf hat, gerne bedienen.

Erstelle Homepages mit mashlab

Erstelle Homepages mit mashlab.

mashlab ist ein browserbasierter Website-Editor, mit dem Du ohne Programmierkenntnisse eine kreative und unverwechselbare Homepage erstellen kannst.

Projektplan mit Aufgaben

Ich habe nochmal die Aufgaben in einen detaillierten Projektplan gepackt, damit ihr einen besseren Überblick über das Gesamtprojekt bekommt:

Projektplan Zeitung der Zukunft mit Aufgaben als PDF

Adobe kündigt Software für digitale Magazine an – dasauge® Aktuell

Adobe kündigt Software für digitale Magazine an – dasauge® Aktuell.

Adobe hat eine neue Anwendung angekündigt, mit der Print-Verlage ansprechende digitale Versionen ihrer Magazine realisieren können.

Grafiken

Serie: Wissen in Bildern | aktuelle Informationen auf ZEIT ONLINE.

Wie könnten Grafiken auf einem iPad aussehen, die es innerhalb einer gedruckten Zeitung gibt?

Wireframes erstellen

03 Konzepte Archive – Digitale Kommunikaton & Social Media.

Wie heute vorgestellt die Indesign und Onlinebibliothek von Elementen, die man für ein erstes Groblayout nutzen kann.

Spectra Visual Newsreader | msnbc.com

Spectra Visual Newsreader | msnbc.com.

Spectra ist ein Online Newsreader im Browser.

Es gibt aber auch Newsreader als Programme.

iPad Human Interface Guidelines: iPad UI Element Guidelines

iPad Human Interface Guidelines: iPad UI Element Guidelines.

Start der Konzept/Entwurfsphase bis Semesterende

Folgendes werden wir in der Entwurfsphase erarbeiten:

Übung  “Crossmediales Entwerfen”

Auswahl einer Aufgabe (1, 2 oder 3)

Aufgabe 1: Analog zu Digital

- Transformation eines analogen Mediums in ein digitales Medium
- Auswahl einer gedruckten Zeitschrift oder Zeitung (form, designreport, Magazin, Tageszeitung, Wochenzeitung,…)
- Entwurf einer mobilen digitalen Version für das iPad oder iPhone
- Einzelarbeit
- Präsentation des Entwurfs vor der Gruppe

Aufgabe 2: Redesign eines Newsreader Programms

- Auswahl eines Newsreaders
- Bewertung des Newsreaders (Funktionen, visuelle Gestaltung, etc.)
- Redesign des Newsreaders
- Einzelarbeit
- Präsentation des Entwurfs vor der Gruppe

Aufgabe 3: Eigenes Thema

- eigenständige Erarbeitung eines Themas in der Analysephase
- Erarbeitung einer Problemdefinition und eines Konzepts für ein gestalterisches Thema
- Gestaltung einer crossmedialen Anwendung
- Präsentation des Entwurfs vor der Gruppe

Vorlesung/Workshop “Aufgaben im Entwurfsweg”

- Informationsarchitektur
- Flow Charts
- Systemdiagramm
- Wireframes
- Paper prototyping und Use Cases
- Funktionslayouts
- Visual Design

Ende Analysephase Zeitung der Zukunft

Nochmal als Orientierung. Die Frage ist: Wie koennt ihr eure Erkenntnisse, die ihr in der Analysephase erhalten habt, am besten als Dokumentation/Praesentation zusammen fassen? Kommenden Donnerstag/Freitag ist das Ende der Analysephase und ihr sollt in kurzen Präsentationen vor den Anderen im Kurs eure Erkentnisse vorstellen und eine gemeinsame Dokumentation als PDF Dokument in einer einheitlichen Gestaltung vorliegen haben. (Inhalte können als Text, Bilder, Zeichnungen, Filme, Visualisierungen, Übersichten, etc. aufbereitet werden)

Input waren:
1. Die Fragen von meiner Seite
2. Brainstorming in Gruppen
3. Eigene Recherche von eurer Seite

Ihr koennt auch in den Gruppen eure Ergebnisse zusammen aufbereiten. Die Angabe “5 Seiten” dient nur dazu, dass ihr nicht zu wenig erstellt und nach oben sind natuerlich keine Grenzen gesetzt. Wichtig ist mir, dass ihr euch intensiv mit dem Thema auseinander gesetzt habt und Probleme findet, aus denen ihr einen gestalterischen Konzeptansatz ableiten koennt um einen Entwurf zu erstellen. Bitte das Template 1./2.Semester abgleichen und in den Blog stellen, damit ich noch mal drueber schauen kann. Wenn ihr weitere Fragen habt, gerne fragen.

Template InDesign

Wenn es ein Template gibt, bitte hochladen. Ich will gerne noch über das Layout drüber schauen.

Zeitung Vor/Nachteile Brainstorming 1.Semester

Zeitung Vor/Nachteile Brainstorming 2.Semester


Blaise Aguera y Arcas demos augmented-reality maps | Video on TED.com

Blaise Aguera y Arcas demos augmented-reality maps | Video on TED.com.

Informationen und erweiterte Realität.

Gary Flake: is Pivot a turning point for web exploration? | Video on TED.com

Gary Flake: is Pivot a turning point for web exploration? | Video on TED.com.

Informationsvisualisierung von Daten.

Visualisierung von Informationen

SEE CONFERENCE #5.

Die Konferenz ist heute und ihr könnt auch per Livestream dabei sein. Alle früheren Veranstaltungen sind auch verfügbar. Lohnt sich.

Magazine Art Direction iPad

Interessante Ansätze, die die Möglichkeiten der Interaktionsgestaltung bei 3 Magazinen zeigen.

iPad Magazine Art Direction from Brad Colbow on Vimeo.

Adobe and Wired Introduce a New Digital Magazine Experience

Research & Development – The New York Times Company

Interne Projektgruppe, die sich um die digitalte Zukunft der NYT Gedanken macht.

Research & Development – The New York Times Company.

Designing iPad Apps

Start Developing iPad Apps – Apple Developer.

HCI Guidelines for the iPad

Designing for iPad: Reality Check

iA » Designing for iPad: Reality Check.

Reuters, NYT und iA im Gespräch

Am diesjährigen Media2010 Event in Sydney wurden Marc Frons (CTO, New York Times), Nic Fulton (Thomson Reuters) and Oliver Reichenstein über die Zukunft der Nachrichtenindustrie befragt. Die beiden Hauptfragen lauteten: 1. Wann und wie sollten Nachrichtenunternehmen vom Copy-Right ablassen? 2. Wie designt man Webseiten, um die Leserschaft zu vermehren?

Information Architects » Information Architects Zürich Startseite.

Guter Entwurfsweg

Das ist ein Entwurf eines Studenten von mir. Das Projekt zeigt in Bildern der Abschlusspräsentation sehr gut, welchen Weg er von Analyse, Konzept und Entwurf gegangen ist.

Assistance system for sustainable driving.

Auswirkungen des iPads auf die Verlagsbranche.

“Knieet nieder und betet, ruft Springer-Chef Mathias Döpfner seinen Kollegen zu: Mit dem iPad rettet Apple gleich die ganze Industrie.”

heise online – 08.04.2010 17:57 – Springer-Chef: “Beten und Steve Jobs danken”.

Thema und Aufgaben der Analyse

In der Analysephase sollen die Anforderungen an eine Zeitung der Zukunft zusammengetragen werden:
Fragen für die Analyse als PDF

Projektplan des Seminars

Wie schon vorgestellt, findet ihr hier alle wichtigen Termine des Seminars in einem Projektplan. Alle Phasen des Entwurfs werden wir gemeinsam in diesem Projekt durchlaufen. Von Analyse, Konzept, Entwurf bis Präsentation.
Projektplan des Semesters als PDF Dokument

Bewertung der Leistungen im Seminar

Damit ihr euch orientieren könnt, was ich in die Bewertung einfliessen lasse, hier meine Kriterien.
Bewertungskriterien als PDF

Literaturliste

Eine Literaturliste zu den Themen Interface, Typografie, Marketing, Usability und anderen Themen als Einstieg:
Literaturliste zum Thema als PDF

News Museum in Washington

Museum über Nachrichten

New York Times

Die »New York Times« ist die beste Zeitung der Welt – aber ihrem Verlag droht die Insolvenz: Das Internet macht Konkurrenz, Anzeigen bleiben aus. Muss die Zeitung bald ihren eigenen Tod vermelden?
Artikel in der Zeit

Herzlich Willkommen

Im kommenden Semester werden wir folgendes Thema behandeln:
Lehrveranstaltung: Digitale Zeitung

Kursinfo

Aufgabe des Kurses „Grundlagen Integrierte Kommunikation & Crossmedia“ war es, neue Konzepte und Kommunikationslösungen für die Zeitung der Zukunft zu entwickeln. mehr erfahren

Meta