SlideShare ist ein Scribd-Unternehmen logo
1 von 2
Downloaden Sie, um offline zu lesen
DEFINITION

Beim Responsive Webdesign handelt es sich um ein
gestalterisches und technisches Muster zur Erstellung von
Websites, so dass diese auf Eigenschaften des jeweils benutzten
Endgeräts, vor allem Smartphones und Tablets reagieren können.
Kriterien, die bei der Entwicklung beachtet werden:
Breite und Höhe des Browserfensters
Größe des Gerätes selbst
Bildschirmauflösung
Orientierung (Hoch- oder Querformat)
Eingabemöglichkeiten (Tastatur, Fingergeste [Touch], Sprache)
Technische Basis sind : HTML5, CSS3 und JavaScript
© twt.de
RESPONSIVEDESIGN
DEFINITION

Mit dem Begriff Mobile First wird ein Konzept für das Webdesign
sowie die Konzeption von Websites bezeichnet Die für mobile
Endgeräte optimierte Version wird zuerst entwickelt und
Erweiterungen finden sukzessive statt.
Warum Optimierung bei Mobile beginnt:
Entwicklung wird dem Trend gerecht, da User allways on sind und
zunehmend über Smartphones und Tablets interagieren
Eine Konzeption zur mobilen Optimierung findet bereits zu Beginn
der Websitekonzeption statt
Content-bezogenen Ansatz: nur die wichtigsten Inhalte kommen
auf der Seite vor und nur das Wesentliche wird dargestellt
Erweiterung um Funktionen ist leichter als bei herkömmlich
programmierten Websites
© twt.de
MOBILEFIRST

Weitere ähnliche Inhalte

Andere mochten auch

Buzzword des Jahres: Was ist eine Blockchain?
Buzzword des Jahres: Was ist eine Blockchain?Buzzword des Jahres: Was ist eine Blockchain?
Buzzword des Jahres: Was ist eine Blockchain?TWT
 
Mit diesen Features führen Sie das Social Media Management an
Mit diesen Features führen Sie das Social Media Management anMit diesen Features führen Sie das Social Media Management an
Mit diesen Features führen Sie das Social Media Management anTWT
 
Der Entscheider im Kopf: Wie das Gehirn das Konsumentenverhalten beeinflusst
Der Entscheider im Kopf: Wie das Gehirn das Konsumentenverhalten beeinflusstDer Entscheider im Kopf: Wie das Gehirn das Konsumentenverhalten beeinflusst
Der Entscheider im Kopf: Wie das Gehirn das Konsumentenverhalten beeinflusstTWT
 
Zahl des Tages: 9 von 10
Zahl des Tages: 9 von 10Zahl des Tages: 9 von 10
Zahl des Tages: 9 von 10TWT
 
Business Plan
Business PlanBusiness Plan
Business Planvinaya.hs
 
Business plan - Entrepreneurship
Business plan - EntrepreneurshipBusiness plan - Entrepreneurship
Business plan - EntrepreneurshipNijaz N
 
TWT Productlocator Google Maps für Ihr eBusiness
TWT Productlocator Google Maps für Ihr eBusinessTWT Productlocator Google Maps für Ihr eBusiness
TWT Productlocator Google Maps für Ihr eBusinessTWT
 
Gemeinsam stark durch regionale Online-Vernetzung
Gemeinsam stark durch regionale Online-VernetzungGemeinsam stark durch regionale Online-Vernetzung
Gemeinsam stark durch regionale Online-VernetzungRealizing Progress
 
What to Upload to SlideShare
What to Upload to SlideShareWhat to Upload to SlideShare
What to Upload to SlideShareSlideShare
 

Andere mochten auch (9)

Buzzword des Jahres: Was ist eine Blockchain?
Buzzword des Jahres: Was ist eine Blockchain?Buzzword des Jahres: Was ist eine Blockchain?
Buzzword des Jahres: Was ist eine Blockchain?
 
Mit diesen Features führen Sie das Social Media Management an
Mit diesen Features führen Sie das Social Media Management anMit diesen Features führen Sie das Social Media Management an
Mit diesen Features führen Sie das Social Media Management an
 
Der Entscheider im Kopf: Wie das Gehirn das Konsumentenverhalten beeinflusst
Der Entscheider im Kopf: Wie das Gehirn das Konsumentenverhalten beeinflusstDer Entscheider im Kopf: Wie das Gehirn das Konsumentenverhalten beeinflusst
Der Entscheider im Kopf: Wie das Gehirn das Konsumentenverhalten beeinflusst
 
Zahl des Tages: 9 von 10
Zahl des Tages: 9 von 10Zahl des Tages: 9 von 10
Zahl des Tages: 9 von 10
 
Business Plan
Business PlanBusiness Plan
Business Plan
 
Business plan - Entrepreneurship
Business plan - EntrepreneurshipBusiness plan - Entrepreneurship
Business plan - Entrepreneurship
 
TWT Productlocator Google Maps für Ihr eBusiness
TWT Productlocator Google Maps für Ihr eBusinessTWT Productlocator Google Maps für Ihr eBusiness
TWT Productlocator Google Maps für Ihr eBusiness
 
Gemeinsam stark durch regionale Online-Vernetzung
Gemeinsam stark durch regionale Online-VernetzungGemeinsam stark durch regionale Online-Vernetzung
Gemeinsam stark durch regionale Online-Vernetzung
 
What to Upload to SlideShare
What to Upload to SlideShareWhat to Upload to SlideShare
What to Upload to SlideShare
 

Ähnlich wie Responsive Design: Defintion und Kriterien zur Berücksichtigung

Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)denkwerk GmbH
 
Hovida design ppt
Hovida design pptHovida design ppt
Hovida design pptPatrickN12
 
Wunderman Whitepaper - Responsive Design
Wunderman Whitepaper - Responsive DesignWunderman Whitepaper - Responsive Design
Wunderman Whitepaper - Responsive DesignWunderman GmbH
 
Webdesign
WebdesignWebdesign
WebdesignPriCons
 
Relicamp12 Responsive Webdesign und Webapps
Relicamp12 Responsive Webdesign und WebappsRelicamp12 Responsive Webdesign und Webapps
Relicamp12 Responsive Webdesign und WebappsMaria Herrmann
 
SEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDSEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDConny Stier
 
Responsive Design: TWT hilft AGRAVIS mobil zu wachsen
Responsive Design: TWT hilft AGRAVIS mobil zu wachsenResponsive Design: TWT hilft AGRAVIS mobil zu wachsen
Responsive Design: TWT hilft AGRAVIS mobil zu wachsenTWT
 
TWT Casestudy: Responsive Design für AGRAVIS
TWT Casestudy: Responsive Design für AGRAVISTWT Casestudy: Responsive Design für AGRAVIS
TWT Casestudy: Responsive Design für AGRAVISTWT
 
Die mobile Herausforderung
Die mobile Herausforderung Die mobile Herausforderung
Die mobile Herausforderung Martin Reiher
 
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestaltenBTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestaltenBTEXX GmbH
 
Casestudy pronova BKK: Website-Relaunch & Responsive Design-Optimierung mit TWT
Casestudy pronova BKK: Website-Relaunch & Responsive Design-Optimierung mit TWT Casestudy pronova BKK: Website-Relaunch & Responsive Design-Optimierung mit TWT
Casestudy pronova BKK: Website-Relaunch & Responsive Design-Optimierung mit TWT TWT
 
Einfluss der Endgeräte-Innovationen auf technische Realisierung netzbasierter...
Einfluss der Endgeräte-Innovationen auf technische Realisierung netzbasierter...Einfluss der Endgeräte-Innovationen auf technische Realisierung netzbasierter...
Einfluss der Endgeräte-Innovationen auf technische Realisierung netzbasierter...Alexej Antropov
 
2011 - Mobile Strategie / Fachartikel Netzwoche
2011 - Mobile Strategie / Fachartikel Netzwoche2011 - Mobile Strategie / Fachartikel Netzwoche
2011 - Mobile Strategie / Fachartikel NetzwocheJohannes Waibel
 
Responsive Webdesign mit Bootstrap
Responsive Webdesign mit BootstrapResponsive Webdesign mit Bootstrap
Responsive Webdesign mit BootstrapGregor Biswanger
 
Fonda: Erfolgsfaktor Benutzeroberfläche
Fonda: Erfolgsfaktor BenutzeroberflächeFonda: Erfolgsfaktor Benutzeroberfläche
Fonda: Erfolgsfaktor BenutzeroberflächeFonda Wien
 
Responsive Design
Responsive DesignResponsive Design
Responsive DesignMario Fink
 

Ähnlich wie Responsive Design: Defintion und Kriterien zur Berücksichtigung (20)

Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
 
Responsive Design Whitepaper
Responsive Design WhitepaperResponsive Design Whitepaper
Responsive Design Whitepaper
 
Hovida design ppt
Hovida design pptHovida design ppt
Hovida design ppt
 
Wunderman Whitepaper - Responsive Design
Wunderman Whitepaper - Responsive DesignWunderman Whitepaper - Responsive Design
Wunderman Whitepaper - Responsive Design
 
Webdesign
WebdesignWebdesign
Webdesign
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Relicamp12 Responsive Webdesign und Webapps
Relicamp12 Responsive Webdesign und WebappsRelicamp12 Responsive Webdesign und Webapps
Relicamp12 Responsive Webdesign und Webapps
 
SEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDSEO Produktspezifikation für RWD
SEO Produktspezifikation für RWD
 
datenwerk Kochbuch: Webdesign- Trends 2014 (de)
datenwerk Kochbuch: Webdesign- Trends 2014  (de)datenwerk Kochbuch: Webdesign- Trends 2014  (de)
datenwerk Kochbuch: Webdesign- Trends 2014 (de)
 
Responsive Design: TWT hilft AGRAVIS mobil zu wachsen
Responsive Design: TWT hilft AGRAVIS mobil zu wachsenResponsive Design: TWT hilft AGRAVIS mobil zu wachsen
Responsive Design: TWT hilft AGRAVIS mobil zu wachsen
 
TWT Casestudy: Responsive Design für AGRAVIS
TWT Casestudy: Responsive Design für AGRAVISTWT Casestudy: Responsive Design für AGRAVIS
TWT Casestudy: Responsive Design für AGRAVIS
 
Die mobile Herausforderung
Die mobile Herausforderung Die mobile Herausforderung
Die mobile Herausforderung
 
Webseite entwicklung
Webseite entwicklungWebseite entwicklung
Webseite entwicklung
 
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestaltenBTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
 
Casestudy pronova BKK: Website-Relaunch & Responsive Design-Optimierung mit TWT
Casestudy pronova BKK: Website-Relaunch & Responsive Design-Optimierung mit TWT Casestudy pronova BKK: Website-Relaunch & Responsive Design-Optimierung mit TWT
Casestudy pronova BKK: Website-Relaunch & Responsive Design-Optimierung mit TWT
 
Einfluss der Endgeräte-Innovationen auf technische Realisierung netzbasierter...
Einfluss der Endgeräte-Innovationen auf technische Realisierung netzbasierter...Einfluss der Endgeräte-Innovationen auf technische Realisierung netzbasierter...
Einfluss der Endgeräte-Innovationen auf technische Realisierung netzbasierter...
 
2011 - Mobile Strategie / Fachartikel Netzwoche
2011 - Mobile Strategie / Fachartikel Netzwoche2011 - Mobile Strategie / Fachartikel Netzwoche
2011 - Mobile Strategie / Fachartikel Netzwoche
 
Responsive Webdesign mit Bootstrap
Responsive Webdesign mit BootstrapResponsive Webdesign mit Bootstrap
Responsive Webdesign mit Bootstrap
 
Fonda: Erfolgsfaktor Benutzeroberfläche
Fonda: Erfolgsfaktor BenutzeroberflächeFonda: Erfolgsfaktor Benutzeroberfläche
Fonda: Erfolgsfaktor Benutzeroberfläche
 
Responsive Design
Responsive DesignResponsive Design
Responsive Design
 

Mehr von TWT

Investition in digitale Plattform
Investition in digitale PlattformInvestition in digitale Plattform
Investition in digitale PlattformTWT
 
Einkaufen per Sprachsteuerung
Einkaufen per SprachsteuerungEinkaufen per Sprachsteuerung
Einkaufen per SprachsteuerungTWT
 
Kommunikation mit Chatbot
Kommunikation mit ChatbotKommunikation mit Chatbot
Kommunikation mit ChatbotTWT
 
Künstliche Intelligenz im Handel
Künstliche Intelligenz im HandelKünstliche Intelligenz im Handel
Künstliche Intelligenz im HandelTWT
 
Zahl der weltweiten Internetnutzer
Zahl der weltweiten Internetnutzer Zahl der weltweiten Internetnutzer
Zahl der weltweiten Internetnutzer TWT
 
Erste Banner Werbung
Erste Banner WerbungErste Banner Werbung
Erste Banner WerbungTWT
 
Umsatzwachstum durch KI
Umsatzwachstum durch KIUmsatzwachstum durch KI
Umsatzwachstum durch KITWT
 
Internet verknüpfte Geräte
Internet verknüpfte GeräteInternet verknüpfte Geräte
Internet verknüpfte GeräteTWT
 
Personalisierung im E-Mail-Marketing
Personalisierung im E-Mail-MarketingPersonalisierung im E-Mail-Marketing
Personalisierung im E-Mail-MarketingTWT
 
Konto bei Digitalunternehmen statt bei einer Bank
Konto bei Digitalunternehmen statt bei einer BankKonto bei Digitalunternehmen statt bei einer Bank
Konto bei Digitalunternehmen statt bei einer BankTWT
 
Länge YouTube Videos
Länge YouTube VideosLänge YouTube Videos
Länge YouTube VideosTWT
 
Reaktion auf Kundenbedürfnisse
Reaktion auf KundenbedürfnisseReaktion auf Kundenbedürfnisse
Reaktion auf KundenbedürfnisseTWT
 
Ladezeit mobil deutsche Websites
Ladezeit mobil deutsche WebsitesLadezeit mobil deutsche Websites
Ladezeit mobil deutsche WebsitesTWT
 
E-Commerce-Umsatz Amazon in Deutschland
E-Commerce-Umsatz Amazon in DeutschlandE-Commerce-Umsatz Amazon in Deutschland
E-Commerce-Umsatz Amazon in DeutschlandTWT
 
Online Nutzerverhalten
Online NutzerverhaltenOnline Nutzerverhalten
Online NutzerverhaltenTWT
 
DSGVO Bußgelder
DSGVO BußgelderDSGVO Bußgelder
DSGVO BußgelderTWT
 
Zahl deutscher Online Shopper
Zahl deutscher Online ShopperZahl deutscher Online Shopper
Zahl deutscher Online ShopperTWT
 
2018 12 twt-slideshare-fachkraeftemangel
2018 12 twt-slideshare-fachkraeftemangel2018 12 twt-slideshare-fachkraeftemangel
2018 12 twt-slideshare-fachkraeftemangelTWT
 
2019 05 zahl-des-tages-google-suche-best
2019 05 zahl-des-tages-google-suche-best2019 05 zahl-des-tages-google-suche-best
2019 05 zahl-des-tages-google-suche-bestTWT
 
E-Mail-Marketing: Mails pro Tag
E-Mail-Marketing: Mails pro TagE-Mail-Marketing: Mails pro Tag
E-Mail-Marketing: Mails pro TagTWT
 

Mehr von TWT (20)

Investition in digitale Plattform
Investition in digitale PlattformInvestition in digitale Plattform
Investition in digitale Plattform
 
Einkaufen per Sprachsteuerung
Einkaufen per SprachsteuerungEinkaufen per Sprachsteuerung
Einkaufen per Sprachsteuerung
 
Kommunikation mit Chatbot
Kommunikation mit ChatbotKommunikation mit Chatbot
Kommunikation mit Chatbot
 
Künstliche Intelligenz im Handel
Künstliche Intelligenz im HandelKünstliche Intelligenz im Handel
Künstliche Intelligenz im Handel
 
Zahl der weltweiten Internetnutzer
Zahl der weltweiten Internetnutzer Zahl der weltweiten Internetnutzer
Zahl der weltweiten Internetnutzer
 
Erste Banner Werbung
Erste Banner WerbungErste Banner Werbung
Erste Banner Werbung
 
Umsatzwachstum durch KI
Umsatzwachstum durch KIUmsatzwachstum durch KI
Umsatzwachstum durch KI
 
Internet verknüpfte Geräte
Internet verknüpfte GeräteInternet verknüpfte Geräte
Internet verknüpfte Geräte
 
Personalisierung im E-Mail-Marketing
Personalisierung im E-Mail-MarketingPersonalisierung im E-Mail-Marketing
Personalisierung im E-Mail-Marketing
 
Konto bei Digitalunternehmen statt bei einer Bank
Konto bei Digitalunternehmen statt bei einer BankKonto bei Digitalunternehmen statt bei einer Bank
Konto bei Digitalunternehmen statt bei einer Bank
 
Länge YouTube Videos
Länge YouTube VideosLänge YouTube Videos
Länge YouTube Videos
 
Reaktion auf Kundenbedürfnisse
Reaktion auf KundenbedürfnisseReaktion auf Kundenbedürfnisse
Reaktion auf Kundenbedürfnisse
 
Ladezeit mobil deutsche Websites
Ladezeit mobil deutsche WebsitesLadezeit mobil deutsche Websites
Ladezeit mobil deutsche Websites
 
E-Commerce-Umsatz Amazon in Deutschland
E-Commerce-Umsatz Amazon in DeutschlandE-Commerce-Umsatz Amazon in Deutschland
E-Commerce-Umsatz Amazon in Deutschland
 
Online Nutzerverhalten
Online NutzerverhaltenOnline Nutzerverhalten
Online Nutzerverhalten
 
DSGVO Bußgelder
DSGVO BußgelderDSGVO Bußgelder
DSGVO Bußgelder
 
Zahl deutscher Online Shopper
Zahl deutscher Online ShopperZahl deutscher Online Shopper
Zahl deutscher Online Shopper
 
2018 12 twt-slideshare-fachkraeftemangel
2018 12 twt-slideshare-fachkraeftemangel2018 12 twt-slideshare-fachkraeftemangel
2018 12 twt-slideshare-fachkraeftemangel
 
2019 05 zahl-des-tages-google-suche-best
2019 05 zahl-des-tages-google-suche-best2019 05 zahl-des-tages-google-suche-best
2019 05 zahl-des-tages-google-suche-best
 
E-Mail-Marketing: Mails pro Tag
E-Mail-Marketing: Mails pro TagE-Mail-Marketing: Mails pro Tag
E-Mail-Marketing: Mails pro Tag
 

Responsive Design: Defintion und Kriterien zur Berücksichtigung

  • 1. DEFINITION
 Beim Responsive Webdesign handelt es sich um ein gestalterisches und technisches Muster zur Erstellung von Websites, so dass diese auf Eigenschaften des jeweils benutzten Endgeräts, vor allem Smartphones und Tablets reagieren können. Kriterien, die bei der Entwicklung beachtet werden: Breite und Höhe des Browserfensters Größe des Gerätes selbst Bildschirmauflösung Orientierung (Hoch- oder Querformat) Eingabemöglichkeiten (Tastatur, Fingergeste [Touch], Sprache) Technische Basis sind : HTML5, CSS3 und JavaScript © twt.de RESPONSIVEDESIGN
  • 2. DEFINITION
 Mit dem Begriff Mobile First wird ein Konzept für das Webdesign sowie die Konzeption von Websites bezeichnet Die für mobile Endgeräte optimierte Version wird zuerst entwickelt und Erweiterungen finden sukzessive statt. Warum Optimierung bei Mobile beginnt: Entwicklung wird dem Trend gerecht, da User allways on sind und zunehmend über Smartphones und Tablets interagieren Eine Konzeption zur mobilen Optimierung findet bereits zu Beginn der Websitekonzeption statt Content-bezogenen Ansatz: nur die wichtigsten Inhalte kommen auf der Seite vor und nur das Wesentliche wird dargestellt Erweiterung um Funktionen ist leichter als bei herkömmlich programmierten Websites © twt.de MOBILEFIRST