{"id":55,"date":"2019-04-24T13:53:57","date_gmt":"2019-04-24T11:53:57","guid":{"rendered":"https:\/\/www.schaefer-design.de\/blog\/?p=55"},"modified":"2019-04-30T13:09:20","modified_gmt":"2019-04-30T11:09:20","slug":"mobile-first-mobile-only","status":"publish","type":"post","link":"https:\/\/www.schaefer-design.de\/blog\/mobile-first-mobile-only\/","title":{"rendered":"Mobile First, Mobile Only.  Hallo mobiles Internet! Tsch\u00fcss Desktop?"},"content":{"rendered":"\n<p>Als Ende der 60er Jahre die Geburtsstunde des Internets schlug, war dieses zuerst nur f\u00fcr den Datenaustausch zwischen Universit\u00e4ten vorgesehen. In den 90ern prognostizierte Bill Gates sogar, das Internet sei nur ein Hype. Doch statt wieder im Sande zu verlaufen, entwickelte sich das Internet zu einem allgegenw\u00e4rtigen Netzwerk verschiedenster Ger\u00e4te. Und der Fokus verschiebt sich immer st\u00e4rker auf die mobile Nutzung mit Smartphone, Tablet und Co. Sollten also alle Websites nur noch mobil ausgerichtet werden, ganz gem\u00e4\u00df dem Motto \u201eHallo Mobiles Internet! Tsch\u00fcss Desktop\u201c? Wir versuchen diese Frage zu beantworten und starten direkt mit den Strategien um Mobile First und Mobile Only.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"1160\" height=\"773\" src=\"https:\/\/www.schaefer-design.de\/blog\/wp-content\/uploads\/2019\/04\/digital-drinnen-elektrik-1471752-1160x773.jpg\" alt=\"\" class=\"wp-image-56\" srcset=\"https:\/\/www.schaefer-design.de\/blog\/wp-content\/uploads\/2019\/04\/digital-drinnen-elektrik-1471752-1160x773.jpg 1160w, https:\/\/www.schaefer-design.de\/blog\/wp-content\/uploads\/2019\/04\/digital-drinnen-elektrik-1471752-800x533.jpg 800w, https:\/\/www.schaefer-design.de\/blog\/wp-content\/uploads\/2019\/04\/digital-drinnen-elektrik-1471752-320x213.jpg 320w, https:\/\/www.schaefer-design.de\/blog\/wp-content\/uploads\/2019\/04\/digital-drinnen-elektrik-1471752-560x373.jpg 560w, https:\/\/www.schaefer-design.de\/blog\/wp-content\/uploads\/2019\/04\/digital-drinnen-elektrik-1471752-1920x1280.jpg 1920w\" sizes=\"(max-width: 1160px) 100vw, 1160px\" \/><\/figure>\n\n\n\n<h2 id=\"mobile-first-nicht-ohne-mein-smartphone\"><strong>Mobile First \u2013 nicht ohne mein Smartphone<\/strong><\/h2>\n\n\n\n<p>Fr\u00fcher war die Gestaltung von Websites leichter: auf den gro\u00dfen Bildschirmen der Desktop-Computer gab es gen\u00fcgend Platz um die wichtigesten Informationen im Internet darzustellen. Mit der Erscheinung der Smartphones verschob sich die Strategie jedoch allm\u00e4hlich von Desktop First zu Mobile First. Das Smartphone ist \u00fcberall dabei und wird h\u00e4ufig genutzt, um soziale Netzwerke zu checken, die neuesten Nachrichten abzurufen oder Geschenke zu bestellen. Der Gedanke mittels Mobile First neue Websites zuerst f\u00fcr kleine mobile Bildschirme zu optimieren und erst anschlie\u00dfend das passende Pendant f\u00fcr station\u00e4re PCs zu konzipieren erschien als logischer und innovativer Schritt.<\/p>\n\n\n\n<h2 id=\"mobile-only-wer-braucht-denn-einen-desktop\"><strong>Mobile Only \u2013 wer braucht denn einen Desktop?<\/strong><\/h2>\n\n\n\n<p>Mobile Only geht noch einen Schritt weiter als Mobile First. Man geht davon aus, dass alle Nutzer die Anwendung mobil nutzen. Das hei\u00dft, dass auf Funktionen zur\u00fcckgriffen wird, die ausschlie\u00dflich auf mobilen Ger\u00e4ten angeboten werden. Als Konsequenz k\u00f6nnen solche Mobile Only Anwendungen auf einem station\u00e4ren Computer nur eingeschr\u00e4nkt genutzt werden. So erweist es sich in der Praxis doch eher als schwierig einen QR-Code mit einem Desktop-PC zu scannen.&nbsp;<\/p>\n\n\n\n<h2 id=\"geraet-oder-mensch-was-ist-wichtiger\"><strong>Ger\u00e4t oder Mensch \u2013 was ist wichtiger?<\/strong><\/h2>\n\n\n\n<p>Zugegeben, wenn wir diese Frage auf der Stra\u00dfe stellen, w\u00fcrden wir vermutlich irritierte Blicke ernten und die Antwort \u201eNat\u00fcrlich der Mensch\u201c erhalten. Und dennoch ist diese Frage sehr aktuell, wenn es um die Entwicklung von Websites geht. Geht es in erster Linie darum, die Inhalte des Internets so zu gestalten, dass alles auf dem Smartphone funktioniert? Oder geht es eher darum zu erkennen, wann ein Nutzer das Smartphone z\u00fcckt und wann nicht? Sollte es also nicht verst\u00e4rkt um die Nutzer einer Website gehen als um das genutzte Endger\u00e4t wie bei Mobile First oder Mobile Only?<\/p>\n\n\n\n<h2 id=\"nutzer-verstehen-und-begeistern\"><strong>Nutzer verstehen und begeistern<\/strong><\/h2>\n\n\n\n<p>User Experience, Usability, User Centered Design \u2013 alles Schlagworte die sich um die Benutzerfreundlichkeit drehen. Der Nutzer steht im Fokus. Wer sind die Nutzer? Was wollen die Nutzer erreichen? In welcher Umgebung agieren die Nutzer? Ein junger Backpacker wird auf seinen Reisen vermutlich keinen Desktop-Computer f\u00fcr die Suche nach einem Hostel im Gep\u00e4ck tragen. Ein Manager wird nicht versuchen, alle umfangreichen Recherchen auf dem Smartphone zu f\u00fchren, um die Ergebnisse anschlie\u00dfend doch auf seinem station\u00e4ren PC zu einer Pr\u00e4sentation zusammenzufassen. Kontext ist alles.&nbsp;<\/p>\n\n\n\n<h2 id=\"was-bedeutet-das-fuer-meine-website\"><strong>Was bedeutet das f\u00fcr meine Website?<\/strong><\/h2>\n\n\n\n<p>Sowohl Mobile Only als auch Mobile First sind gute Strategien, solange der Kontext stimmt. Wenn wir uns also den Nutzungskontext genau anschauen, k\u00f6nnen wir Websites und Webanwendungen f\u00fcr genau das Medium optimieren, das der Zielgruppe entspricht \u2013 ob f\u00fcr den Desktop oder die mobilen Ger\u00e4te. Denn nur wer die eigenen Nutzer kennt, versteht was sie antreibt, welchen Herausforderungen sie sich stellen m\u00fcssen \u2013 nur der wird die Nutzer begeistern und f\u00fcr das eigene Unternehmen, die Dienstleistungen, Produkte und die Marke gewinnen k\u00f6nnen.&nbsp;<\/p>\n\n\n\n<p><a rel=\"noreferrer noopener\" aria-label=\"schaefer.design (\u00f6ffnet in neuem Tab)\" href=\"https:\/\/www.schaefer-design.de\" target=\"_blank\"><strong>schaefer.design<\/strong><\/a><strong> <\/strong>hat sich die nutzerfreundliche Entwicklung von Websiten und Webanwendungen mit stimmigen Webdesigns zum Auftrag gemacht. Bei Interesse kommen Sie gerne auf uns zu.<\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"post-excerpt\">Als Ende der 60er Jahre die Geburtsstunde des Internets schlug, war dieses zuerst nur f\u00fcr den Datenaustausch zwischen Universit\u00e4ten vorgesehen. In den 90ern prognostizierte Bill Gates sogar, das Internet sei&hellip;<\/div>\n<div class=\"post-more\"><a href=\"https:\/\/www.schaefer-design.de\/blog\/mobile-first-mobile-only\/\" class=\"button button-primary button-effect\"><span>mehr lesen<\/span><span><i class=\"cs-icon cs-icon-arrow-right\"><\/i><\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":56,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[18,14],"tags":[29,26,25,27,28],"powerkit_post_featured":[],"_links":{"self":[{"href":"https:\/\/www.schaefer-design.de\/blog\/wp-json\/wp\/v2\/posts\/55"}],"collection":[{"href":"https:\/\/www.schaefer-design.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.schaefer-design.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.schaefer-design.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.schaefer-design.de\/blog\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":3,"href":"https:\/\/www.schaefer-design.de\/blog\/wp-json\/wp\/v2\/posts\/55\/revisions"}],"predecessor-version":[{"id":96,"href":"https:\/\/www.schaefer-design.de\/blog\/wp-json\/wp\/v2\/posts\/55\/revisions\/96"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.schaefer-design.de\/blog\/wp-json\/wp\/v2\/media\/56"}],"wp:attachment":[{"href":"https:\/\/www.schaefer-design.de\/blog\/wp-json\/wp\/v2\/media?parent=55"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.schaefer-design.de\/blog\/wp-json\/wp\/v2\/categories?post=55"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.schaefer-design.de\/blog\/wp-json\/wp\/v2\/tags?post=55"},{"taxonomy":"powerkit_post_featured","embeddable":true,"href":"https:\/\/www.schaefer-design.de\/blog\/wp-json\/wp\/v2\/powerkit_post_featured?post=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}