{"id":552,"date":"2017-10-12T12:45:49","date_gmt":"2017-10-12T10:45:49","guid":{"rendered":"https:\/\/a-vista-studios.de\/blog\/?p=552"},"modified":"2025-06-26T13:19:37","modified_gmt":"2025-06-26T11:19:37","slug":"mobile-first","status":"publish","type":"post","link":"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/","title":{"rendered":"Mobile First: Webseiten vom Smartphone her entwickeln"},"content":{"rendered":"<h3>Mobile First: Seit Jahren wird propagiert, Webseiten vom Smartphone her zu entwickeln. Denn revolution\u00e4re Ideen werden oft vom anderen Ende gedacht.<\/h3>\n<p><strong>Mobile First: worum geht es?<br \/>\n<\/strong>Lange Zeit mussten Webseiten ausschlie\u00dflich f\u00fcr Desktop-Computer entwickelt werden. Webdesigner haben vornehmlich diskutiert, ob ein neuer Internetauftritt bereits ab Bildschirmbreiten von 800 Pixel oder erst f\u00fcr solche ab 1024 Pixel zu optimieren ist.<\/p>\n<p>Mit der zunehmenden Verbreitung des Smartphone mussten sie Webseiten auch f\u00fcr Mobilger\u00e4te entwickeln. Und weil radikale Idee \u2013 oder solche, die es sein m\u00f6chten \u2013 mit einem griffigen \u201eSchlagwort\u201c besser klingen, wurde die Idee <em>Mobile First<\/em> geboren.<\/p>\n<p>Dahinter steckt der Gedanke, Webseiten sozusagen \u201evon klein nach gro\u00df\u201c zu entwickeln. Bei der Konzeption des Designs geht der Webdesigner also zun\u00e4chst vom kleinsten Benutzerendger\u00e4t \u2013 dem Smartphone \u2013 aus. Von dort l\u00e4uft die Entwicklung weiter zum Tablet und endet schlie\u00dflich bei den gro\u00dfen Desktop-Bildschirmen. Ob dieses Vorgehen sinnvoll oder \u00fcberhaupt erforderlich ist, dar\u00fcber streiten Webentwickler. Wir sind der Auffassung, dass es nicht prim\u00e4r darum gehen sollte, einem bestimmten Paradigma zu folgen. Nehmen wir als Beispiel unser <strong>TYPO3 Handbuch f\u00fcr Redakteure<\/strong>. Nur ein relativ geringer Prozentsatz der Besucher informiert sich \u00fcber das Smartphone. Analysieren wir die Zeitsequenzen der Seitenaufrufe so zeigt sich, dass die meisten Benutzer sich w\u00e4hrend der Arbeitszeit informieren und das Handbuch auf einem gro\u00dfen Bildschirm lesen.<\/p>\n<p>Die daraus resultierende Schlussfolgerung ist, dass es nicht darum geht, nach \u201eSchema-F\u201c vorzugehen, sondern jeweils die individuellen Erfordernisse bzw. die individuelle Zielgruppe zu betrachten.<\/p>\n<h2>Vorteile von Mobile First<\/h2>\n<p>Die Idee des <em>Mobile First<\/em> hat jedoch auch zwei entscheidende Vorteile. Einer davon ist die Ladezeit, der andere die Konzentration auf das Wesentliche.<\/p>\n<p>Bez\u00fcglich der Ladezeit bekommen wir von Kundenseite wir immer wieder das Argument zu h\u00f6ren, dass die Ladezeiten eines Webauftritts in Zeiten schneller DSL-Verbindungen <em>\u201edoch nicht mehr so wichtig\u201c<\/em> sei.<\/p>\n<p>Das Problem dabei ist jedoch, dass die Benutzer von unterwegs aus oft keine so schnellen Datenverbindungen haben. Zudem ist das monatliche Datenvolumen begrenzt. Wenn bereits die Startseite einer Website mehrere MegaByte \u201eauf die Waage bringt\u201c und von unterwegs aus erst nach einer gef\u00fchlten Ewigkeit fertig geladen ist, dann winken Besucher dankend ab und schlie\u00dfen die Website wieder. Die Benutzer haben weder die Zeit zu warten, bis alle Daten geladen sind, noch die Lust, ihr monatliches Kontingent zu verschwenden. Dass es auch anders geht zeigt beispielsweise die <a href=\"https:\/\/a-vista-studios.de\" target=\"_blank\" rel=\"noopener\"><strong>Startseite unseres Agenturportals.<\/strong><\/a> Sie ist trotz der gro\u00dfen Hintergrundbilder inklusive s\u00e4mtlichen HTML, CSS und JavaScript gerade einmal 1,02 MB gro\u00df. Eine durchschnittliche Inhaltsseite bringt es auf einige wenige hundert KB und die Ladezeiten der Seiten liegen im Schnitt bei rund 0,4 Sekunden.<\/p>\n<p>Dar\u00fcber freuen sich mobile Besucher der Webseite ebenso wie Suchmaschinen.<\/p>\n<h2>Anteil der mobilen Benutzer<\/h2>\n<p>Wie hoch der Anteil der mobilen Benutzer ist, ist von Website zu Website sehr unterschiedlich. Hier spielt auch eine Rolle, welche Art von Inhalten angeboten werden. Webseiten sollten jedoch nicht \u201eauf Sicht\u201c sondern langfristig geplant werden. Da die Entwicklung eindeutig hin zu Mobilger\u00e4ten geht, sollten Webdesigner die Ideen aus <em>Mobile First<\/em> bei neuen Webseiten von Beginn an mit ber\u00fccksichtigen. <strong>Durchschnittlich<\/strong> werden Webseiten heute bereits ungef\u00e4hr genauso oft mit dem Smartphone wie mit dem Desktop-Computer aufgerufen. Wobei der Anteil der Tablets bzw. iPads derzeit in der Regel noch unter 10% liegt.<\/p>\n<p>Niemand, der eine erfolgreiche Website betreiben m\u00f6chte, kann es sich leisten, die Smartphone-Benutzer au\u00dfen vor zu lassen. Und noch ein Aspekt spricht f\u00fcr <em>Mobile First<\/em>:<br \/>\nAm 13.10.2016 hat Google auf der <a href=\"http:\/\/www.thesempost.com\/google-switching-mobile-first-index-desktop\" target=\"_blank\" rel=\"noopener\">Pubcon in Las Vegas angek\u00fcndigt<\/a>, dass der Mobile Index den Desktop Index als Hauptindex abl\u00f6sen wird. Das bedeutet, dass Google k\u00fcnftig nicht mehr pr\u00fcft, ob es zur Desktop-Version einer Website auch eine Mobile Version gibt, sondern Google geht den umgekehrten Weg.<\/p>\n<h2>Mobile First Design<\/h2>\n<p>Die Idee des <em>Mobile First<\/em> beschr\u00e4nkt sich jedoch nicht auf schnelle Ladezeiten und eine optimale Darstellung auf dem Smartphone. Sie zwingt den Designer zu klaren und \u00fcbersichtlichen Strukturen und den Webseitenbetreiber dazu, sich auf das Wesentliche zu beschr\u00e4nken. \u00dcberfrachtete Webseiten mit unn\u00fctzen Gimmicks und irrelevanten Inhalten geraten so weiter ins Hintertreffen. Vorne mit dabei ist, wer den Besuchern klare Inhalte bietet \u2013 ohne Ablenkung oder unn\u00fctze Zus\u00e4tze.<\/p>\n<p><em>Mobile First<\/em> ist <strong>nicht<\/strong> dasselbe wie <a href=\"https:\/\/a-vista-studios.de\/responsive-homepages-leverkusen\/\" target=\"_blank\" rel=\"noopener\"><strong>Responsive Design.<\/strong><\/a><br \/>\nNat\u00fcrlich setzt Mobile First voraus, dass die Webseitendarstellung sich f\u00fcr das Smartphone anpasst. Aber das ist die absolut notwendige Bedingung, die f\u00fcr sich genommen noch kein <em>Mobile First<\/em> bedeutet.<\/p>\n<p>Macht es Sinn, pauschal auf diesen Trend zu setzen? Wie bereits zuvor erw\u00e4hnt ist jeweils der Einzelfall sowie die Zielgruppe des Webportals zu pr\u00fcfen. \u00c4hnlich wie bei barrierefreiem Webdesign gehen viele Webseiten nach einer Analyse der Inhalte und Zielgruppe wahrscheinlich \u201enicht den ganzen Weg.\u201c Aber es lohnt sich, die Vorteile von <em>Mobile First<\/em> im Blick zu behalten und nach M\u00f6glichkeit umzusetzen.<\/p>\n<p><strong> <\/strong><\/p>\n<p><em>Stichworte: Mobile First<\/em><\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-left kksr-valign-bottom kksr-disabled\"\n    data-payload='{&quot;align&quot;:&quot;left&quot;,&quot;id&quot;:&quot;552&quot;,&quot;readonly&quot;:&quot;1&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;1&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;5&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;5&quot;,&quot;greet&quot;:&quot;&quot;,&quot;legend&quot;:&quot;5\\\/5 - (1 vote)&quot;,&quot;size&quot;:&quot;30&quot;,&quot;title&quot;:&quot;Mobile First: Webseiten vom Smartphone her entwickeln&quot;,&quot;width&quot;:&quot;172.5&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 172.5px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 24px;\">\n            5\/5 - (1 vote)    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Mobile First: Seit Jahren wird propagiert, Webseiten vom Smartphone her zu entwickeln. Denn revolution\u00e4re Ideen werden oft vom anderen Ende gedacht. Mobile First:&hellip;<\/p>\n","protected":false},"author":2,"featured_media":554,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,17],"tags":[],"class_list":["post-552","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-webdesign"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mobile First: Webseiten vom Smartphone her entwickeln<\/title>\n<meta name=\"description\" content=\"Mobile First: Seit Jahren wird propagiert, Webseiten vom Smartphone her zu entwickeln. Denn revolution\u00e4re Ideen werden oft vom anderen Ende gedacht.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mobile First: Webseiten vom Smartphone her entwickeln\" \/>\n<meta property=\"og:description\" content=\"Mobile First: Seit Jahren wird propagiert, Webseiten vom Smartphone her zu entwickeln. Denn revolution\u00e4re Ideen werden oft vom anderen Ende gedacht.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/\" \/>\n<meta property=\"og:site_name\" content=\"Webdesign Tipps \/ Webdesign Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-12T10:45:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-26T11:19:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/12\/img_mobile_first_smartphone.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"530\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"avs\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"avs\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"4\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/\"},\"author\":{\"name\":\"avs\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/07adbe83d83d582226dfd31d055a4b0f\"},\"headline\":\"Mobile First: Webseiten vom Smartphone her entwickeln\",\"datePublished\":\"2017-10-12T10:45:49+00:00\",\"dateModified\":\"2025-06-26T11:19:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/\"},\"wordCount\":811,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/12\/img_mobile_first_smartphone.jpg\",\"articleSection\":[\"Design\",\"Webdesign\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/\",\"name\":\"Mobile First: Webseiten vom Smartphone her entwickeln\",\"isPartOf\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/12\/img_mobile_first_smartphone.jpg\",\"datePublished\":\"2017-10-12T10:45:49+00:00\",\"dateModified\":\"2025-06-26T11:19:37+00:00\",\"description\":\"Mobile First: Seit Jahren wird propagiert, Webseiten vom Smartphone her zu entwickeln. Denn revolution\u00e4re Ideen werden oft vom anderen Ende gedacht.\",\"breadcrumb\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/#primaryimage\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/12\/img_mobile_first_smartphone.jpg\",\"contentUrl\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/12\/img_mobile_first_smartphone.jpg\",\"width\":1440,\"height\":530,\"caption\":\"Mobile First\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/a-vista-studios.de\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mobile First: Webseiten vom Smartphone her entwickeln\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#website\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/\",\"name\":\"Webdesign Tipps \/ Webdesign Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/a-vista-studios.de\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#organization\",\"name\":\"A Vista Studios\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/06\/logo-avs.png\",\"contentUrl\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/06\/logo-avs.png\",\"width\":520,\"height\":236,\"caption\":\"A Vista Studios\"},\"image\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/07adbe83d83d582226dfd31d055a4b0f\",\"name\":\"avs\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5bdd7a1dc25f9d118b55a38486fb376cf64dd092e623e48cac915d765d130ae3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5bdd7a1dc25f9d118b55a38486fb376cf64dd092e623e48cac915d765d130ae3?s=96&d=mm&r=g\",\"caption\":\"avs\"},\"url\":\"https:\/\/a-vista-studios.de\/blog\/author\/avs\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mobile First: Webseiten vom Smartphone her entwickeln","description":"Mobile First: Seit Jahren wird propagiert, Webseiten vom Smartphone her zu entwickeln. Denn revolution\u00e4re Ideen werden oft vom anderen Ende gedacht.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/","og_locale":"de_DE","og_type":"article","og_title":"Mobile First: Webseiten vom Smartphone her entwickeln","og_description":"Mobile First: Seit Jahren wird propagiert, Webseiten vom Smartphone her zu entwickeln. Denn revolution\u00e4re Ideen werden oft vom anderen Ende gedacht.","og_url":"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/","og_site_name":"Webdesign Tipps \/ Webdesign Blog","article_published_time":"2017-10-12T10:45:49+00:00","article_modified_time":"2025-06-26T11:19:37+00:00","og_image":[{"width":1440,"height":530,"url":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/12\/img_mobile_first_smartphone.jpg","type":"image\/jpeg"}],"author":"avs","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"avs","Gesch\u00e4tzte Lesezeit":"4\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/#article","isPartOf":{"@id":"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/"},"author":{"name":"avs","@id":"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/07adbe83d83d582226dfd31d055a4b0f"},"headline":"Mobile First: Webseiten vom Smartphone her entwickeln","datePublished":"2017-10-12T10:45:49+00:00","dateModified":"2025-06-26T11:19:37+00:00","mainEntityOfPage":{"@id":"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/"},"wordCount":811,"commentCount":1,"publisher":{"@id":"https:\/\/a-vista-studios.de\/blog\/#organization"},"image":{"@id":"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/#primaryimage"},"thumbnailUrl":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/12\/img_mobile_first_smartphone.jpg","articleSection":["Design","Webdesign"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/","url":"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/","name":"Mobile First: Webseiten vom Smartphone her entwickeln","isPartOf":{"@id":"https:\/\/a-vista-studios.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/#primaryimage"},"image":{"@id":"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/#primaryimage"},"thumbnailUrl":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/12\/img_mobile_first_smartphone.jpg","datePublished":"2017-10-12T10:45:49+00:00","dateModified":"2025-06-26T11:19:37+00:00","description":"Mobile First: Seit Jahren wird propagiert, Webseiten vom Smartphone her zu entwickeln. Denn revolution\u00e4re Ideen werden oft vom anderen Ende gedacht.","breadcrumb":{"@id":"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/#primaryimage","url":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/12\/img_mobile_first_smartphone.jpg","contentUrl":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/12\/img_mobile_first_smartphone.jpg","width":1440,"height":530,"caption":"Mobile First"},{"@type":"BreadcrumbList","@id":"https:\/\/a-vista-studios.de\/blog\/webdesign\/mobile-first\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/a-vista-studios.de\/blog\/"},{"@type":"ListItem","position":2,"name":"Mobile First: Webseiten vom Smartphone her entwickeln"}]},{"@type":"WebSite","@id":"https:\/\/a-vista-studios.de\/blog\/#website","url":"https:\/\/a-vista-studios.de\/blog\/","name":"Webdesign Tipps \/ Webdesign Blog","description":"","publisher":{"@id":"https:\/\/a-vista-studios.de\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/a-vista-studios.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/a-vista-studios.de\/blog\/#organization","name":"A Vista Studios","url":"https:\/\/a-vista-studios.de\/blog\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/a-vista-studios.de\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/06\/logo-avs.png","contentUrl":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/06\/logo-avs.png","width":520,"height":236,"caption":"A Vista Studios"},"image":{"@id":"https:\/\/a-vista-studios.de\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/07adbe83d83d582226dfd31d055a4b0f","name":"avs","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5bdd7a1dc25f9d118b55a38486fb376cf64dd092e623e48cac915d765d130ae3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5bdd7a1dc25f9d118b55a38486fb376cf64dd092e623e48cac915d765d130ae3?s=96&d=mm&r=g","caption":"avs"},"url":"https:\/\/a-vista-studios.de\/blog\/author\/avs\/"}]}},"_links":{"self":[{"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/posts\/552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/comments?post=552"}],"version-history":[{"count":5,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/posts\/552\/revisions"}],"predecessor-version":[{"id":7055,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/posts\/552\/revisions\/7055"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/media\/554"}],"wp:attachment":[{"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/media?parent=552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/categories?post=552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/tags?post=552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}