ADAPTIVE VS. RESPONSIVE WEBDESIGN



Ähnliche Dokumente
2. DEUTSCHER COMPANY CUP 2017

Cüneyt Coskun. Dipl.-Red. (FH) Cüneyt Coskun

Das Internet der Dinge

Verkäufer/-in im Einzelhandel. Kaufmann/-frau im Einzelhandel. belmodi mode & mehr ein modernes Unternehmen mit Tradition.

Magazin der Valeo-Verbundkliniken. Analysiert. Abgefahren. Ausgebildet

Tipps und Tricks. für die PDF-Präsentation

HOME ÜBER ALETSCHBAU KAUFEN VERKAUFEN WIR BAUEN FÜR SIE KONTAKT AKTUELL UNSER CREDO TEAM REFERENZEN

FutureNet Angebot: FutureNet Die Kombination von 4 Online Bereichen. - Social Media - Multimedia - Onlinetools - Online Geld verdienen

UNSERE PRAXEN. unser höchstes Anliegen. Außer einer ersten fachkundigen, einfühlsamen Konsultation erwartet Sie daher eine umfassende Behandlung:

Sylvia Achenbach SAMedienberatung. Jürgen Walleneit MSH AND MORE Werbeagentur GmbH

SUCHMASCHINEN - OPTIMIERUNG WORAUF KOMMT ES AN?

Kurzsteckbrief Stand: 05. Dezember 2014

Sind Ihre Landing Pages schon fit für die Multi-Screen-Welt? digitalmobil GmbH & Co. KG - Bayerstr. 16a München

Manual Logoanwendung Energiewende Hamburg

qwertyuiopasdfghjklzxcvbnmq ertyuiopasdfghjklzxcvbnmqwer tyuiopasdfghjklzxcvbnmqwerty opasdfghjklzxcvbnmqwertyuiop

Beispiel-Formulare. für das SEPA-Firmenlastschrift-Mandat. Grundlage: Regelwerk für die SEPA-Firmen-Lastschrift. Berlin, 20.

1. Warum Responsives Webdesign? 2. Was ist Responsives Webdesign? 3. Welche Technik und Konzepte gibt es im Responsiven Webdesign?

Bachelorarbeit. Moritz Mustermann. Softwareentwicklung im Groï ½en und Ganzen. Fakultï ½t Technik und Informatik Studiendepartment Informatik

Exposé einer Bachelorarbeit am Institut für Informatik der Freien. Universität Berlin, Arbeitsgruppe Datenbanken und Informationssysteme

Regiomontanus-Gymnasium Haßfurt Abiturjahrgang Seminararbeit. Thema der Arbeit:

Corporate Design Manual

Vorlagen in MediaWiki

Beispiel-Formulare für das SEPA-Firmenlastschrift-Mandat Grundlage: SEPA-Firmenlastschrift, Regelwerk Version 1.2

Logos, Wortmarken und Signets

Mediadaten offizielle App zur IAA Nfz 2016 native Apps für: ios und Android

Selbständige Projektarbeit Drogensucht. Kurzes Glück, langes Leiden. Anja Neuhaus Oberstufenzentrum Stockhorn Konolfingen. März 2008, Klasse s9b

Erfolg im Web. Wie kann ich meine Zielgruppen durch ein gutes Webangebot begeistern? Katarina Peranic Silke Rothlübbers.

Content Strategy for Mobile

W&V Extra Automobil: Marken & Marketing

LOHNSTAR für Gründer. Unternehmen

Eine Site für alle Geräte? 200grad GmbH & Co. KG

Titel der Präsentation

Inhalte einsetzen und Formatieren

Mobiler Ratgeber. TILL.DE Google Partner Academy

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua!

2 SEPA-Lastschriftmandat als separates Formular

DIGITALE PREISE 2015 HAMBURG,

1.1 SEPA-Lastschriftmandat als separates Formular

Kapitel Februar 2010

SAP-INSIDE für kaufmännische Prozesse Effizienzsteigerung durch Digitalisierung Kleine Maßnahmen, große Wirkung. Andreas Hess

Mobile UX Konzepte: Wie man vermeidet, vom User gehasst zu werden. Johannes springenwerk.com

Checkliste Webdesign, Redesign und Suchmaschinenoptimierung (SEO)

Immobilien(-daten) in der Cloud. Move Consultants AG Dr. Andreas Meister 4002 Basel

Sind Ihre Landing Pages schon fit für die Multi-Screen-Welt? digitalmobil GmbH & Co. KG - Bayerstr. 16a München

FEBRUAR KW 7 MO DI MI DO FR SA SO

HSE24 Trend Corporate Design Manual. 1.0 Basis-Styleguide. Stand Januar 2014

Lebenshilfewerk. Marburg-Biedenkopf e.v.

Personalisierte Benutzerschnittstellen: Mit One size fits one in die Zukunft

Mediadaten Onlinewerbung DOMOTEX Januar 2018

Praktikables Online-Marketing

Was macht eine erfolgreiche Website aus?

Mediadaten Onlinewerbung. didacta Hannover

Donec eget tellus aliquam augue feugiat mollis

Websites, die mehr können: Konzept, Technologie, Usability

Der Aufbau einer erfolgreichen Website

This manual cannot be redistributed without permission from joomla-monster.com or vorlagenstudio.de

Swiss egovernment Forum. Mobile Strategie. Namics. Jürg Stuker. CEO & Partner.

Einführung CD/CI Unser Engagement sichtbar machen


CREATIVE TECHNOLOGY BOOTCAMP

Multichannel, Crosschannel, Multicrosschannel, Lässt sich die Customer Journey heute überhaupt noch steuern?

Vorlesung Web Technologies

DAS UNGESCHMINKTE PROTOKOLL

Immer mehr lebt mobil

Warum Tables doof und Divs viel besser sind

Übersicht. Wer bin ich? Was habe ich bisher gemacht?

Gilden-Design - Fragebogen

Z E N T R A L E R K R E D I T A U S S C H U S S

Wie Sie mit einer Website tausend Geräte bespielen und das auch tun sollten

Das Wichtigste. ~ 60% aller Webseitenbesuche erfolgen via Google 10x10 ist SEO optimiert, davon profitieren die Partner

6. November 2013 Maik Bruns, Bloofusion Germany Schnell nach oben mit SEO Mythos vs. Realität

Stufen der mobilen Evolution: Verteilung in Europa.

Content Management leicht gemacht mit Oracle Portal - ein Projektbericht -

OrangeBI Report Templates schnell zum optimalen Bericht

Der Einsatz von Social Media im Stadtmarketing. Alexander Masser, Hans-Jürgen Seimetz, Peter Zeile

Schüler-E-Tutorial für mobile Endgeräte. Ein Folgeprojekt des Netzwerks Informationskompetenz Berlin/Brandenburg mit der HdM

Referenzen Frontend Typo3

HEIMTEXTIL 2014 ERFOLGSFAKTOREN IM ECOMMERCE ONLINEHANDEL WIRD PERSÖNLICH. Frank Puscher

WebCT-Kurse müssen nicht immer gleich aussehen. Design und Integration grafischer Elemente in WebCT-Kurse

Corporate Design Manual. Informationen zum visuellen Erscheinungsbild von Sternenspiegel

Open Source CMS Lösungen

Die mobile Welt. Welche Lösung ist die richtige für Sie? Kai-Thomas Krause CouchCommerce GmbH / Germany

Online-Marketing-Trends ABSOLIT Dr. Schwarz Consulting, Waghäusel Kostenlose Kurzversion

3-W-Event. Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign. Sabrina Schoenfelder Projektleitung, Beratung

Nr. 1 am Kiosk JÄGER ist unter allen Jagdzeitschriften in Deutschland seit Jahren die Nr. 1 am Kiosk*.

mobile Dokumente, Informationen, ECM... Immer präsent auch unterwegs.

Plattform für Informationsaustausch über HIV/AIDS visitenkarte auf den nächsten seiten der flyer (Wickelfalz, A4 6-seitig)

Webdesign-Multimedia HTML und CSS

Werbung am Smartphone Reichweiten, mobile Seiten, Apps und Werbemöglichkeiten

sinnvoll? Wann ist der Einsatz von SharePoint als CMS How we did it: Realisierung einer Website mit SharePoint 2013

Bewerbung bei den Big 4 und im Consulting

ISCOM Webdesign Angebotsformular

Leadgenerierung Marketing Mobile Lösungen. Silver Performance Marketing GmbH Kurgartenstraße Fürth

Seite 2 von 13. Inhalt

Erstellen eines HTML-Templates mit externer CSS-Datei

Eine neue Generation für eine neue Zeit. BPM und ECM. Zusammenspiel und arbeit von Dokumenten, Akten und Vorgängen: Auf einer Plattform.

Mediadaten Onlinewerbung LIGNA

Deutsche Golf Liga. Mediadaten Gültig ab Juli deutsche golf online GmbH

Transkript:

ADAPTIVE VS. RESPONSIVE WEBDESIGN

WER BIN ICH?

10 SEKUNDEN Senior Projektmanager bei sitegeist Betriebswirt (VWA) Onliner seit 2001

TECHNOLOGIE & MOBILITÄT

[...]

UND DIE REALITÄT?

[...]

KUNDE X MAI 2012 TRAFFIC 10% Mobil

FORECAST Ca 25% Mobil

KUNDE X MAI 2012 MOBILE NUTZUNG 30+ 50+ <10 <5 In Prozent

KUNDE X MAI 2012 MOBILE NUTZUNG 2 : 3

[...]

ADAPTIVE VS. RESPONSIVE

Reponsive vs. Adaptive: kleinstgemeinsamer Nenner oder Spezialisierung? Reponsive one size fitsall Adaptive Inhalt + Form angepasst

[...]

TYPISCHER SEITENAUFBAU RESPONSIVE Gleicher Inhalt auf allen Geräten Reihenfolge der Elemente identisch Geräteabhängige Styles Weiche für Events? Click Slide Weiche für Bildergrößen? Wachsende Technische Komplexität Auf umfangreichen Sites viel anzupassen

IST DAS DIE ULTIMATIVE LÖSUNG?

ALTERNATIVANSATZ ADAPTIVE: PLATFORM SEPARATION

REARRANGE Navigation Trennung der Plattformen Abweichende technische Möglichkeiten! Abweichende Zielgruppen? Stage / Mood Content Abweichende Bedürfnisse? Abweichende Inhalte möglich Abweichende Struktur möglich Fokus auf wesentliche Inhalte = reduzierter Projektumfang! Related Footer

[...]

BEISPIELE

[...]

ANSÄTZE NAVIGATION

WO KANN DIE NAVIGATION SITZEN? x x x

WO KANN DIE NAVIGATION SITZEN?»» Tablet Desktop x x Tablet

NAVIGATIONS-ELEMENTE zurück Logo Menu Home»Über uns»wir sind toll Logo-Button = Home Zurück-Button Menü-Button Breadcrumb Page-Top-Button Oder gar keine Navigation? Slider Lorem ipsum dolor sit amet, consectetuer adipiscing elit.maecenas porttitor congue massa.fusce posuere, magnased pulvinar ultricies,purus lectus malesuada libero,sit amet commodo magna eros quis urna. Thema 1 Thema 2 Thema 3 zurück nach oben Footer

ANSÄTZE LAYOUT: SINGLE PAGE

[...]