SlideShare ist ein Scribd-Unternehmen logo
1 von 69
Usability Professionals / Mensch und Computer 2015
Stuttgart, 7. September 2015
Referent: Wolfram Nagel, SETU GmbH
Content Design
und UI Architektur
für Multiscreen-
Projekte
Methoden und Regelwerke für die Konzeption,
Gestaltung und Umsetzung von Layout, Inhalt
und Workflows im Baukasten-Prinzip
Usability Professionals / Mensch und Computer 2015
Stuttgart, 7. September 2015
Referent: Wolfram Nagel, SETU GmbH
Content Design und
UI Architektur Twitter:@wolframnagel#gUPA15
#MuC15
Wolfram Nagel
Head of UX Design (SETU GmbH)
Multiscreen / UI und UX
Autor »Multiscreen Experience Design«
Co-Initiator Design Methoden Finder
www.designmethodenfinder.de
Twitter:@wolframnagel#gUPA15
#MuC15
Informationsarchitektur
Produktdaten
Content Management
Intelligente Suchsysteme
Prozessoptimierung
Workflow Automatisierung
SAP Integration
Internationalisierung
SETU GmbH
1 | Multiscreen
2 | BAukasten
3 | PRozesse
Multiscreen
Welt
Content Design und UI Architektur für Multiscreen-Projekte (Usability Professionals 2015)
Instapaper
Website
(Smartphone)
E-Mail
(Sharing)
Facebook
(Sharing)
Facebook
(Timeline)
Twitter
(Sharing)
Twitter
(mit Summary)
Twitter
(Tweet only)
Smartwatch
(Push Notification)
Smartphone
WhatsApp
(News-Abo)
iPhone App
Desktop
(Website) Tablet
(Video Content)
Touchpoints
Browser (Safari / iOS) iPhone App Instapaper Facebook (Desktop)
Touchpoints
Browser (Safari / iOS)
eigene
iPhone App Instapaper Facebook (Desktop)
Touchpoints
Browser (Safari / iOS)
fremde
iPhone App Instapaper Facebook (Desktop)
Content Design und UI Architektur für Multiscreen-Projekte (Usability Professionals 2015)
Überall publizierbare und
Konsistente Inhalte
1)	Knotenpunkt für Inhalte
2)	Zentrales System zur Definition von UI Elementen
3)	Schnittstellen
4)	Workflows / Regeln
Voraussetzungen, um Inhalte in vielen Kanälen konsistent publizieren zu können.
User
Inhalte
Regeln UI
Schnittstellen
Vier Kernbereiche (+ natürlich der/die User)
Inhalte
›	 Thematische Tendenz / Themenrelevanz
›	Inhaltstypen
›	Inhaltselemente
›	Formular-Elemente für‘s Backend
›	Klassifikation
›	Kategorien
User Interface
›	 UI / VD / IxD
›	 Atomic Design Prinzip
›	Frontend-Ausgabe
›	Formular-Elemente im Backend
›	Preview
›	Living Styleguide / Pattern Bibliothek
›	 Design System
Schnittstellen
›	 App als Content-Lieferant
›	 Bereitstellung und Verteilung von Inhalte
›	Informationsaustausch und Synchronisation
›	 Atomare Inhalts-Bausteine
Workflows / REgeln
›	If This Then That Prinzip
›	 Was ändert sich, wann wie warum, wo?
›	 Was soll wann wie wo angezeigt werden?
›	Trigger
›	 Regelbasierte Interaktion zweier Objekte
untereinander.
Herausforderungen
›	 App als Content-Lieferant
›	 Strukturierte Inhalte
›	 UI Modelle für Frontend-Ausgabe
›	If This Then That Prinzip
›	 Bereitstellung und Verteilung von Inhalten
›	 Atomare Inhaltsbausteine
Design from the Content out.
Stephen Hay
http://bradfrost.com/blog/mobile/bdconf-stephen-hay-presents-responsive-design-workflow/
Baukasten
prinzip
Quelle: LEGO® bricks: http://cache.lego.com/r/www/r/aboutus/-/media/about%20us/media%20assets%20library/products/lego%20
bricks/720_lego_bricksloose.jpg?l.r2=-1799651218
LEGO Bausteine
Content Design und UI Architektur für Multiscreen-Projekte (Usability Professionals 2015)
You cannot create
good experiences
without knowing your
content structure.
Mark Boulton
http://www.markboulton.co.uk/journal/structure-first-content-always
Content Design und UI Architektur für Multiscreen-Projekte (Usability Professionals 2015)
Content Design und UI Architektur für Multiscreen-Projekte (Usability Professionals 2015)
Content Design und UI Architektur für Multiscreen-Projekte (Usability Professionals 2015)
Content Design und UI Architektur für Multiscreen-Projekte (Usability Professionals 2015)
Inhaltsmodell
xxx
name (1 day ticket)
price
date of purchase
[...]
TICKET (TYPE)
title
date
description
[...]
EVENT
title
date
body
[...]
NEWS ITEM
name
photo
biography
URL
company
[...]
SPEAKER
name (e.g. usability)
description
time
[...]
SESSION
title
abstract
description
start time
duration
[...]
PRESENTATION
name
address
URL
[...]
VENUE
held at
featured in
valid for about
featured in presented by
Eigene Darstellung (Quelle: Jonathan Kahn, http://alistapart.com/article/strategic-content-management)
Aus dem digiparden Business Cookbook (2008)
Aus dem digiparden Business Cookbook (2008)
Rezeptname
Rezeptname
Fußnote
Softlink
Anleitung
Bild
Autor
Rezeptinfos
Zutaten
Kategorie
Atomic Design
Quelle: Brad Frost, http://bradfrost.com/blog/post/atomic-web-design
Atomic Design
Quelle: Brad Frost, http://bradfrost.com/blog/post/atomic-web-design
Baustein Komponente Segment Typ Objekt
Bausteine → Stoßstange → Fahrerhaus → »LKW« → Feuerwehr oder Polizei oder ...
Bausteine → Stoßstange → Fahrerhaus → »LKW« → Feuerwehr oder Polizei oder ...
Bausteine → Stoßstange → Fahrerhaus → »LKW« → Feuerwehr oder Polizei oder ...
Bausteine → Stoßstange → Fahrerhaus → »LKW« → Feuerwehr oder Polizei oder ...
Bausteine → Stoßstange → Fahrerhaus → »LKW« → Feuerwehr oder Polizei oder ...
HOME PRODUKTE SERVICE KONTAKT Suchbegriff
SEITE DURCHSUCHEN
Suchen
HOME PRODUKTE SERVICE KONTAKT Suchbegriff
SEITE DURCHSUCHEN
Suchen
HOME PRODUKTE SERVICE KONTAKT Suchbegriff
SEITE DURCHSUCHEN
Suchen
HOME PRODUKTE SERVICE KONTAKT Suchbegriff
SEITE DURCHSUCHEN
Suchen
Content Design und UI Architektur für Multiscreen-Projekte (Usability Professionals 2015)
Content Design und UI Architektur für Multiscreen-Projekte (Usability Professionals 2015)
Content Design und UI Architektur für Multiscreen-Projekte (Usability Professionals 2015)
Content Design und UI Architektur für Multiscreen-Projekte (Usability Professionals 2015)
BaukastenPrinzip
Modellieren nach dem Baukastenprinzip: Inhalte und User Interface (und auch Workflows) lassen sich modular
strukturiert aufbauen – vergleichbar mit den Bausteinen des LEGO-Baukastensystems.
Inhalte und User Interface modellieren nach dem Baukastenprinzip
BaukastenPrinzip
BaukastenPrinzip
BaukastenPrinzip
BaukastenPrinzip
BaukastenPrinzip
Korrelation
BaukastenPrinzip
Das Inhaltsmodell definiert
das UI Modell
Inhaltsmodell / Inhaltstyp
↓
Inhaltselemente !
↓
Backend-UI (Formular-Elemente)
↓
Frontend-UI (Wireframe)
Prozesse
und Tools
›	 Nutzer / Zielgruppe / Kontext
›	 Thema erkennen / Taxonomie
›	 Ausgabekanäle und Geräte
›	 Content Inventory / Content Design
›	Inhaltserfassung (Systeme, User, Quellen)
›	 Workflows und Schnittstellen
›	 UI Modelle / Living Styleguide
›	Interaktion / Prototyping
›	 Visual Design und Entwicklung
Methodisches Vorgehen
›	 Nutzer / Zielgruppe / Kontext
›	 Thema erkennen / Taxonomie
›	 Ausgabekanäle und Geräte
›	 Content Inventory / Content Design
›	Inhaltserfassung (Systeme, User, Quellen)
›	 Workflows und Schnittstellen
›	 UI Modelle / Living Styleguide
›	Interaktion / Prototyping
›	 Visual Design und Entwicklung
Methodisches Vorgehen
ITERATION
Grobe Übersicht. Ablauf ist projektabhängig. Phasen überlappen sich, laufen parallel oder wechseln.
Inhaltsfluss
»Die Zukunft von Content (Management)« Quelle: www.msxbook.com/ngixup14
Zentraler Content Hub
Content Design und UI Architektur für Multiscreen-Projekte (Usability Professionals 2015)
Titel
Bild (mit Caption und Urheber)
Langtext
DatumAutor(en)
Kurztext
Inhalt Struktur Mapping
(im zentralen Content Hub / Beispielhaft)
Titel
Kurztext
Langtext*
Bild
Dokument
Datum
Autor
E-Mail
Betreff
-
Mailtext
Anhang
Anhang
Versendedatum
Absender
Evernote
Notiztitel
-
Notiztext
integriert
Verknüpfung
Änderungsdatum
Ersteller
Twitter
-
Tweettext
verlinkter Inhalt
angehängt
verlinkte Datei
Tweetdatum
Account
Facebook
-
Posttext
verlinkter Inhalt
angehängt
verlinkter Datei
Post-Datum
Account
Inhaltselemente entsprechend erfasst über beliebige Input-Kanäle (jeder Kanal fungiert als Quasi-CMS)
*Semantische Strukturierung (z.B. H1, fett, Zitat, Aufzählung, etc.) wird übernommen.
Unabhängiges Eingabe-
Interface
›	 Content Mapping
›	 Erfassungs-UI via Strukturdefinition des Inhaltstyps
›	 Ausgabe und Frontend-Styling davon unabhängig
›	 Content Structure Preview (Content Wireframe)
›	 Reihenfolge und Darstellung im Client
Content Design und UI Architektur für Multiscreen-Projekte (Usability Professionals 2015)
Content Design und UI Architektur für Multiscreen-Projekte (Usability Professionals 2015)
SETU 3.0: Content Modeling-Software nach dem Baukastenprinzip (Demo Moodscreen)
Quo vadis Content und UI?
›	 Digitale Inhalt erscheinen überall
›	Zentraler Kontenpunkt für Inhalte
›	 UI und Workflow Definition
›	Flexibilität durch Baukastenprinzip
›	Zukunftsfähige Methoden, Tools und Prozesse
Multiscreen Buch
xxx Autoren: W. Nagel / V. Fischer
Verlag / Hrsg.: digiparden (SETU GmbH)
ISBN: 978-3-9815872-0-3
2. Auflage (deutsch), Juli 2013
284 Seiten
Preis: EUR 39,90
(auch als E-Book erhältlich)
www.multiscreen-experience-design.com/buch
Englische
Neuauflage
Dez. 2015
Danke!
Slides: www.msxbook.de/wud15
Mail: wolframnagel@setusoft.de
Twitter: @wolframnagel
Private Website: wolframnagel.com
SETU Software: setusoft.de

Weitere ähnliche Inhalte

Andere mochten auch

Social Annotation Space, presentation
Social Annotation Space, presentationSocial Annotation Space, presentation
Social Annotation Space, presentationNadya Rodionenko
 
Multiscreen UX Design - Developing for a multitude of devices
Multiscreen UX Design - Developing for a multitude of devices Multiscreen UX Design - Developing for a multitude of devices
Multiscreen UX Design - Developing for a multitude of devices Wolfram Nagel
 
Multiscreen Experience Design (short presentation, English)
Multiscreen Experience Design (short presentation, English)Multiscreen Experience Design (short presentation, English)
Multiscreen Experience Design (short presentation, English)Wolfram Nagel
 
Atomic Design – Die Einheit von Frontend und Design im RWD-Zeitalter - WTC15
Atomic Design – Die Einheit von Frontend und Design im RWD-Zeitalter - WTC15Atomic Design – Die Einheit von Frontend und Design im RWD-Zeitalter - WTC15
Atomic Design – Die Einheit von Frontend und Design im RWD-Zeitalter - WTC15die.agilen GmbH
 
Patternlab: Atomic Design & Living Styleguides (Refresh Hilo)
Patternlab: Atomic Design & Living Styleguides (Refresh Hilo)Patternlab: Atomic Design & Living Styleguides (Refresh Hilo)
Patternlab: Atomic Design & Living Styleguides (Refresh Hilo)Jason Kalawe
 
Content Design, UI Architecture and Content-UI-Mapping
Content Design, UI Architecture and Content-UI-MappingContent Design, UI Architecture and Content-UI-Mapping
Content Design, UI Architecture and Content-UI-MappingWolfram Nagel
 
Crossmedia-Kampagnen im Content-Marketing
Crossmedia-Kampagnen im Content-MarketingCrossmedia-Kampagnen im Content-Marketing
Crossmedia-Kampagnen im Content-MarketingClaudia Hilker, Ph.D.
 
Designing Windows 8 application - Microsoft Techdays 2013
Designing Windows 8 application - Microsoft Techdays 2013Designing Windows 8 application - Microsoft Techdays 2013
Designing Windows 8 application - Microsoft Techdays 2013Markus Jönsson
 
The Brand Strategy Canvas: a One-Page Strategy for Startups
The Brand Strategy Canvas: a One-Page Strategy for StartupsThe Brand Strategy Canvas: a One-Page Strategy for Startups
The Brand Strategy Canvas: a One-Page Strategy for Startupspatrickjwoods
 
Cloud-native Apps – Architektur, Implementierung, Demo
Cloud-native Apps – Architektur, Implementierung, DemoCloud-native Apps – Architektur, Implementierung, Demo
Cloud-native Apps – Architektur, Implementierung, Demoenpit GmbH & Co. KG
 
How to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksHow to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksSlideShare
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShareSlideShare
 

Andere mochten auch (13)

Social Annotation Space, presentation
Social Annotation Space, presentationSocial Annotation Space, presentation
Social Annotation Space, presentation
 
Multiscreen UX Design - Developing for a multitude of devices
Multiscreen UX Design - Developing for a multitude of devices Multiscreen UX Design - Developing for a multitude of devices
Multiscreen UX Design - Developing for a multitude of devices
 
Multiscreen Experience Design (short presentation, English)
Multiscreen Experience Design (short presentation, English)Multiscreen Experience Design (short presentation, English)
Multiscreen Experience Design (short presentation, English)
 
Atomic Design – Die Einheit von Frontend und Design im RWD-Zeitalter - WTC15
Atomic Design – Die Einheit von Frontend und Design im RWD-Zeitalter - WTC15Atomic Design – Die Einheit von Frontend und Design im RWD-Zeitalter - WTC15
Atomic Design – Die Einheit von Frontend und Design im RWD-Zeitalter - WTC15
 
Patternlab: Atomic Design & Living Styleguides (Refresh Hilo)
Patternlab: Atomic Design & Living Styleguides (Refresh Hilo)Patternlab: Atomic Design & Living Styleguides (Refresh Hilo)
Patternlab: Atomic Design & Living Styleguides (Refresh Hilo)
 
Content Design, UI Architecture and Content-UI-Mapping
Content Design, UI Architecture and Content-UI-MappingContent Design, UI Architecture and Content-UI-Mapping
Content Design, UI Architecture and Content-UI-Mapping
 
Crossmedia-Kampagnen im Content-Marketing
Crossmedia-Kampagnen im Content-MarketingCrossmedia-Kampagnen im Content-Marketing
Crossmedia-Kampagnen im Content-Marketing
 
Designing Windows 8 application - Microsoft Techdays 2013
Designing Windows 8 application - Microsoft Techdays 2013Designing Windows 8 application - Microsoft Techdays 2013
Designing Windows 8 application - Microsoft Techdays 2013
 
The Brand Strategy Canvas: a One-Page Strategy for Startups
The Brand Strategy Canvas: a One-Page Strategy for StartupsThe Brand Strategy Canvas: a One-Page Strategy for Startups
The Brand Strategy Canvas: a One-Page Strategy for Startups
 
Cloud-native Apps – Architektur, Implementierung, Demo
Cloud-native Apps – Architektur, Implementierung, DemoCloud-native Apps – Architektur, Implementierung, Demo
Cloud-native Apps – Architektur, Implementierung, Demo
 
Mit Sharepoint und Suche zum intelligenten Informationsarbeitsplatz
Mit Sharepoint und Suche zum intelligenten InformationsarbeitsplatzMit Sharepoint und Suche zum intelligenten Informationsarbeitsplatz
Mit Sharepoint und Suche zum intelligenten Informationsarbeitsplatz
 
How to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksHow to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & Tricks
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShare
 

Ähnlich wie Content Design und UI Architektur für Multiscreen-Projekte (Usability Professionals 2015)

Berufsbild Konzepter (2015)
Berufsbild Konzepter (2015)Berufsbild Konzepter (2015)
Berufsbild Konzepter (2015)Stefan Freimark
 
MOOCs als Anwendungsfall in sozialen Intranets?
MOOCs als Anwendungsfall in sozialen Intranets?MOOCs als Anwendungsfall in sozialen Intranets?
MOOCs als Anwendungsfall in sozialen Intranets?Cogneon Akademie
 
Authoring Management
Authoring ManagementAuthoring Management
Authoring Managementvzimmermann
 
Responsive Content Experience
Responsive Content ExperienceResponsive Content Experience
Responsive Content ExperiencePeter Rozek
 
Responsive Webdesign Process
Responsive Webdesign ProcessResponsive Webdesign Process
Responsive Webdesign ProcessSven Wolfermann
 
MOOCs als Anwendungsfall in sozialen Intranets?
MOOCs als Anwendungsfall in sozialen Intranets?MOOCs als Anwendungsfall in sozialen Intranets?
MOOCs als Anwendungsfall in sozialen Intranets?mgmt20mooc
 
Designsysteme (deutsch) #UXcampHH
Designsysteme (deutsch) #UXcampHHDesignsysteme (deutsch) #UXcampHH
Designsysteme (deutsch) #UXcampHHBenno Loewenberg
 
Plone - User Experienced Revisited
Plone - User Experienced RevisitedPlone - User Experienced Revisited
Plone - User Experienced Revisitedkitconcept GmbH
 
Designsysteme (deutsch) #Xcamp18
Designsysteme (deutsch) #Xcamp18Designsysteme (deutsch) #Xcamp18
Designsysteme (deutsch) #Xcamp18Benno Loewenberg
 
Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010SharepointUGDD
 
DNUG Dresden Blend
DNUG Dresden BlendDNUG Dresden Blend
DNUG Dresden BlendMartin Hey
 
Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...
 Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog... Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...
Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...Martin Blenkle
 
Responsive Webdesign mit Bootstrap
Responsive Webdesign mit BootstrapResponsive Webdesign mit Bootstrap
Responsive Webdesign mit BootstrapGregor Biswanger
 
Social Software. Mitarbeiter 2.0!
Social Software. Mitarbeiter 2.0!Social Software. Mitarbeiter 2.0!
Social Software. Mitarbeiter 2.0!Martina Goehring
 
Webinare in der Erwachsenenbildung
Webinare in der ErwachsenenbildungWebinare in der Erwachsenenbildung
Webinare in der Erwachsenenbildungdavidroethler
 
DNUG 38: "Einen Rahmen schaffen: Vorteile durch Frameworks in der Domino-Webe...
DNUG 38: "Einen Rahmen schaffen: Vorteile durch Frameworks in der Domino-Webe...DNUG 38: "Einen Rahmen schaffen: Vorteile durch Frameworks in der Domino-Webe...
DNUG 38: "Einen Rahmen schaffen: Vorteile durch Frameworks in der Domino-Webe...Oliver Busse
 
Atomic Design – Die Einheit von Frontend und Design im RWD-Zeitalter - webina...
Atomic Design – Die Einheit von Frontend und Design im RWD-Zeitalter - webina...Atomic Design – Die Einheit von Frontend und Design im RWD-Zeitalter - webina...
Atomic Design – Die Einheit von Frontend und Design im RWD-Zeitalter - webina...die.agilen GmbH
 
Sieme Net Basic Presentation
Sieme Net Basic PresentationSieme Net Basic Presentation
Sieme Net Basic PresentationMarcel Meier
 
Sieme Net Basic Presentation
Sieme Net Basic PresentationSieme Net Basic Presentation
Sieme Net Basic Presentationyoume.net
 

Ähnlich wie Content Design und UI Architektur für Multiscreen-Projekte (Usability Professionals 2015) (20)

Berufsbild Konzepter (2015)
Berufsbild Konzepter (2015)Berufsbild Konzepter (2015)
Berufsbild Konzepter (2015)
 
MOOCs als Anwendungsfall in sozialen Intranets?
MOOCs als Anwendungsfall in sozialen Intranets?MOOCs als Anwendungsfall in sozialen Intranets?
MOOCs als Anwendungsfall in sozialen Intranets?
 
Authoring Management
Authoring ManagementAuthoring Management
Authoring Management
 
Responsive Content Experience
Responsive Content ExperienceResponsive Content Experience
Responsive Content Experience
 
Responsive Webdesign Process
Responsive Webdesign ProcessResponsive Webdesign Process
Responsive Webdesign Process
 
MOOCs als Anwendungsfall in sozialen Intranets?
MOOCs als Anwendungsfall in sozialen Intranets?MOOCs als Anwendungsfall in sozialen Intranets?
MOOCs als Anwendungsfall in sozialen Intranets?
 
Designsysteme (deutsch) #UXcampHH
Designsysteme (deutsch) #UXcampHHDesignsysteme (deutsch) #UXcampHH
Designsysteme (deutsch) #UXcampHH
 
Plone - User Experienced Revisited
Plone - User Experienced RevisitedPlone - User Experienced Revisited
Plone - User Experienced Revisited
 
Designsysteme (deutsch) #Xcamp18
Designsysteme (deutsch) #Xcamp18Designsysteme (deutsch) #Xcamp18
Designsysteme (deutsch) #Xcamp18
 
Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010
 
DNUG Dresden Blend
DNUG Dresden BlendDNUG Dresden Blend
DNUG Dresden Blend
 
GUIs mit Expression Blend
GUIs mit Expression BlendGUIs mit Expression Blend
GUIs mit Expression Blend
 
Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...
 Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog... Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...
Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...
 
Responsive Webdesign mit Bootstrap
Responsive Webdesign mit BootstrapResponsive Webdesign mit Bootstrap
Responsive Webdesign mit Bootstrap
 
Social Software. Mitarbeiter 2.0!
Social Software. Mitarbeiter 2.0!Social Software. Mitarbeiter 2.0!
Social Software. Mitarbeiter 2.0!
 
Webinare in der Erwachsenenbildung
Webinare in der ErwachsenenbildungWebinare in der Erwachsenenbildung
Webinare in der Erwachsenenbildung
 
DNUG 38: "Einen Rahmen schaffen: Vorteile durch Frameworks in der Domino-Webe...
DNUG 38: "Einen Rahmen schaffen: Vorteile durch Frameworks in der Domino-Webe...DNUG 38: "Einen Rahmen schaffen: Vorteile durch Frameworks in der Domino-Webe...
DNUG 38: "Einen Rahmen schaffen: Vorteile durch Frameworks in der Domino-Webe...
 
Atomic Design – Die Einheit von Frontend und Design im RWD-Zeitalter - webina...
Atomic Design – Die Einheit von Frontend und Design im RWD-Zeitalter - webina...Atomic Design – Die Einheit von Frontend und Design im RWD-Zeitalter - webina...
Atomic Design – Die Einheit von Frontend und Design im RWD-Zeitalter - webina...
 
Sieme Net Basic Presentation
Sieme Net Basic PresentationSieme Net Basic Presentation
Sieme Net Basic Presentation
 
Sieme Net Basic Presentation
Sieme Net Basic PresentationSieme Net Basic Presentation
Sieme Net Basic Presentation
 

Mehr von Wolfram Nagel

Customer-Centric Value Creation (with a Jobs-To-Be-Done Mindset)
Customer-Centric Value Creation (with a Jobs-To-Be-Done Mindset)Customer-Centric Value Creation (with a Jobs-To-Be-Done Mindset)
Customer-Centric Value Creation (with a Jobs-To-Be-Done Mindset)Wolfram Nagel
 
Multiscreen and Beyond – Topics and Focus Areas (Wolfram Nagel)
Multiscreen and Beyond – Topics and Focus Areas (Wolfram Nagel)Multiscreen and Beyond – Topics and Focus Areas (Wolfram Nagel)
Multiscreen and Beyond – Topics and Focus Areas (Wolfram Nagel)Wolfram Nagel
 
Content Design and UI Architecture for Multiscreen-projects
Content Design and UI Architecture for Multiscreen-projectsContent Design and UI Architecture for Multiscreen-projects
Content Design and UI Architecture for Multiscreen-projectsWolfram Nagel
 
Multiscreen UX Design - Developing for a multitude of devices (summary)
Multiscreen UX Design - Developing for a multitude of devices (summary) Multiscreen UX Design - Developing for a multitude of devices (summary)
Multiscreen UX Design - Developing for a multitude of devices (summary) Wolfram Nagel
 
Content Design and UI Architecture for Multiscreen Projects (compact)
Content Design and UI Architecture for Multiscreen Projects (compact)Content Design and UI Architecture for Multiscreen Projects (compact)
Content Design and UI Architecture for Multiscreen Projects (compact)Wolfram Nagel
 
Multiscreen Experience (Mai 2012, IA Konferenz, Essen)
Multiscreen Experience (Mai 2012, IA Konferenz, Essen)Multiscreen Experience (Mai 2012, IA Konferenz, Essen)
Multiscreen Experience (Mai 2012, IA Konferenz, Essen)Wolfram Nagel
 
Multiscreen Experience (Jan 2012, IxDA Berlin)
Multiscreen Experience (Jan 2012, IxDA Berlin)Multiscreen Experience (Jan 2012, IxDA Berlin)
Multiscreen Experience (Jan 2012, IxDA Berlin)Wolfram Nagel
 
Multiscreen Experience (in 90 Sekunden)
Multiscreen Experience (in 90 Sekunden)Multiscreen Experience (in 90 Sekunden)
Multiscreen Experience (in 90 Sekunden)Wolfram Nagel
 
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...Wolfram Nagel
 

Mehr von Wolfram Nagel (9)

Customer-Centric Value Creation (with a Jobs-To-Be-Done Mindset)
Customer-Centric Value Creation (with a Jobs-To-Be-Done Mindset)Customer-Centric Value Creation (with a Jobs-To-Be-Done Mindset)
Customer-Centric Value Creation (with a Jobs-To-Be-Done Mindset)
 
Multiscreen and Beyond – Topics and Focus Areas (Wolfram Nagel)
Multiscreen and Beyond – Topics and Focus Areas (Wolfram Nagel)Multiscreen and Beyond – Topics and Focus Areas (Wolfram Nagel)
Multiscreen and Beyond – Topics and Focus Areas (Wolfram Nagel)
 
Content Design and UI Architecture for Multiscreen-projects
Content Design and UI Architecture for Multiscreen-projectsContent Design and UI Architecture for Multiscreen-projects
Content Design and UI Architecture for Multiscreen-projects
 
Multiscreen UX Design - Developing for a multitude of devices (summary)
Multiscreen UX Design - Developing for a multitude of devices (summary) Multiscreen UX Design - Developing for a multitude of devices (summary)
Multiscreen UX Design - Developing for a multitude of devices (summary)
 
Content Design and UI Architecture for Multiscreen Projects (compact)
Content Design and UI Architecture for Multiscreen Projects (compact)Content Design and UI Architecture for Multiscreen Projects (compact)
Content Design and UI Architecture for Multiscreen Projects (compact)
 
Multiscreen Experience (Mai 2012, IA Konferenz, Essen)
Multiscreen Experience (Mai 2012, IA Konferenz, Essen)Multiscreen Experience (Mai 2012, IA Konferenz, Essen)
Multiscreen Experience (Mai 2012, IA Konferenz, Essen)
 
Multiscreen Experience (Jan 2012, IxDA Berlin)
Multiscreen Experience (Jan 2012, IxDA Berlin)Multiscreen Experience (Jan 2012, IxDA Berlin)
Multiscreen Experience (Jan 2012, IxDA Berlin)
 
Multiscreen Experience (in 90 Sekunden)
Multiscreen Experience (in 90 Sekunden)Multiscreen Experience (in 90 Sekunden)
Multiscreen Experience (in 90 Sekunden)
 
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...
 

Content Design und UI Architektur für Multiscreen-Projekte (Usability Professionals 2015)