Crossmedia Grundlagen SS 2010

kooaba

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

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

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.

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.

Bildzeichen

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

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.

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

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 hat eine neue Anwendung angekündigt, mit der Print-Verlage ansprechende digitale Versionen ihrer Magazine realisieren können.

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

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

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 ist ein Online Newsreader im Browser.

Es gibt aber auch Newsreader als Programme.

iPad Human Interface Guidelines: iPad UI Element Guidelines.

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

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.

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

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.

Informationsvisualisierung von Daten.

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.

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

iPad Magazine Art Direction from Brad Colbow on Vimeo.

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

Research & Development – The New York Times Company.

Start Developing iPad Apps – Apple Developer.

HCI Guidelines for the iPad

iA » Designing for iPad: Reality Check.

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.

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.

“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”.

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

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

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

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

Museum über Nachrichten

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

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