{"id":2387,"date":"2017-10-20T17:28:23","date_gmt":"2017-10-20T15:28:23","guid":{"rendered":"http:\/\/www.christian-pansch.de\/blog\/?p=2387"},"modified":"2017-10-23T10:22:16","modified_gmt":"2017-10-23T08:22:16","slug":"webdesign-trends-2018","status":"publish","type":"post","link":"https:\/\/www.christian-pansch.de\/blog\/webdesign-trends-2018-2387\/","title":{"rendered":"Webdesign Trends 2018"},"content":{"rendered":"

\"\"<\/p>\n

Das aktuelle Jahr 2017 neigt sich dem Ende zu (nur noch etwas \u00fcber zwei Monate und das n\u00e4chste Jahr ist da) und es bietet sich ein Ausblick auf die anstehenden Trends im Bereich Webdesign<\/a> f\u00fcr 2018 an. Was muss man heutzutage und insbesondere in der Zukunft bei der Gestaltung und dem technischen Aufbau von modernen Websites beachten? Welche neuen Entwicklungen gilt es zu ber\u00fccksichtigen und worauf kann man im kommenden Jahr einfach nicht mehr verzichten? Hier kommen eine Hand voll Denkanst\u00f6\u00dfe f\u00fcr das Web-Jahr 2018.
\n<\/p>\n

Von Mobile First zu Mobile Only<\/strong>
\nSmartphones und Tablets dominieren die Nutzungsstatistiken von Websites. Die User sind mit ihren mobilen Begleitern st\u00e4ndig und immer online sowie im Web unterwegs – ob auf dem Sofa zu Hause oder in der Stra\u00dfenbahn. Websites auf Smartphones werden daher vorrangig hochkant betrachtet und darauf ist zuk\u00fcnftig noch st\u00e4rker zu achten, um eine optimale Benutzerf\u00fchrung durch die Webseitenstruktur anbieten zu k\u00f6nnen. Breite Men\u00fcs und umfangreiche Navigationen sollten daher ebenfalls auf ihre Mobilf\u00e4higkeit hin gepr\u00fcft werden, um den Websitebesucher nicht zu frustrieren. H\u00e4ufig kommt das sogenannte „Hamburger“-Men\u00fc zum Einsatz, was von den Usern mittlerweile fl\u00e4chendeckend verstanden wird. Hat man bislang im Responsive Webdesign die Desktop-Variante f\u00fcr die mobile Ansicht optimiert, wird es zuk\u00fcnftig eher anders rum laufen: Der Screen des Smartphones ist der ausschlaggebende Faktor von dem alles ausgeht.<\/p>\n

Performance von Websites<\/strong>
\nWebsites, die AMP (Accelerated Mobile Pages)<\/a> verwenden, werden von Google bevorzugt behandelt. HTML5 ist dabei eine entscheidene Technik. Desto schneller der Screen des Users gef\u00fcllt wird desto besser. Daher ist in 2018 auch weiterhin auf Datensparsamkeit zu achten, da die Seiten schneller ausgeliefert werden, aber auch das LTE Datenvolumen der Besucher mit mobiler Verbindung geschont wird. Das ist f\u00fcr alle Beteiligten also ein Pluspunkt. Au\u00dferdem sollte die Proivder-Wahl auf einen geeigneten Hosters fallen, der f\u00fcr Performance steht, um die Website so so schnell wie m\u00f6glich ausliefern zu lassen.<\/p>\n

Typografie wird st\u00e4rker<\/strong>
\nWebsites werden auch 2018 noch minimalistischer. Schriften und Typografie r\u00fccken weiter in den Vordergrund und werden farbiger sowie verspielter eingesetzt. Sie lassen gro\u00dfe Stimmungsbild etwas in den Hintergrund r\u00fccken. Auch dies spart wiederum Ladezeiten und Datenvolumen ein, da typografische Elemente kaum Bandbreite erfordern – egal in welcher Gr\u00f6\u00dfe sie dargestellt werden sollen. Ein klarer typografische Ansatz erm\u00f6glicht au\u00dferdem eine schnellere Orientierung des Users inerhalb der Webseiten.<\/p>\n

Sichere Verbindungen<\/strong>
\nNach den Erkenntnissen rund um die NSA-\u00dcberwachungen oder Hackerangriffen gewinnen Sicherheitsaspekte an mehr Bedeutung. Eine verschl\u00fcsselte Website mit HTTPS bzw. SSL-Zertifikat<\/a> wird von Google besser bewertet als unverschl\u00fcsselte Websites – auch wenn keine sensiblen Daten f\u00fcr einen Bezahlprozess zum Beispiel \u00fcbertragen werden. Trotzdem sollte eine neue Website ausschlie\u00dflich auf verschl\u00fcsselte Verbindungen aufbauen und keine L\u00fccken offen lassen.<\/p>\n

Animationen und Visualisierungen<\/strong>
\nAlles was sich bewegt erzeugt mehr Aufmerksamkeit bei dem Betrachter. Das ist unumstritten. Nat\u00fcrlich soll dabei absolut kein \u00fcberladener „Las Vegas Eindruck“ einer Website entstehen, dennoch k\u00f6nnen kleine Animationen dem Nutzer bestimmte Prozesse erkl\u00e4ren und deutlicher machen. Textw\u00fcsten k\u00f6nnen so verhindert werden, wenn es in wenigen bewegten Bilder ebenfalls erz\u00e4hlt werden kann. Die Verweildauer steigt und die Auseinandersetzung mit den eigenen Inhalten zugleich. Mit weiteren Visualisierungen wie Icons & Co. kann der gute Eindruck zus\u00e4tzlich gest\u00e4rkt werden.<\/p>\n","protected":false},"excerpt":{"rendered":"

Das aktuelle Jahr 2017 neigt sich dem Ende zu (nur noch etwas \u00fcber zwei Monate und das n\u00e4chste Jahr ist da) und es bietet sich ein Ausblick auf die anstehenden Trends im Bereich Webdesign f\u00fcr 2018 an. Was muss man heutzutage und insbesondere in der Zukunft bei der Gestaltung und dem technischen Aufbau von modernen […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[865,866,709,503,41,693],"class_list":["post-2387","post","type-post","status-publish","format-standard","hentry","category-webdesign","tag-865","tag-mobile-only","tag-performance","tag-trends","tag-typografie","tag-webdesign"],"yoast_head":"\nWebdesign Trends 2018 - Social Media . Web Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.christian-pansch.de\/blog\/webdesign-trends-2018-2387\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Webdesign Trends 2018 - Social Media . Web Blog\" \/>\n<meta property=\"og:description\" content=\"Das aktuelle Jahr 2017 neigt sich dem Ende zu (nur noch etwas \u00fcber zwei Monate und das n\u00e4chste Jahr ist da) und es bietet sich ein Ausblick auf die anstehenden Trends im Bereich Webdesign f\u00fcr 2018 an. Was muss man heutzutage und insbesondere in der Zukunft bei der Gestaltung und dem technischen Aufbau von modernen […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.christian-pansch.de\/blog\/webdesign-trends-2018-2387\/\" \/>\n<meta property=\"og:site_name\" content=\"Social Media . Web Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-20T15:28:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-10-23T08:22:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.christian-pansch.de\/blog\/wp-content\/uploads\/2017\/10\/webdesign-trends-2018-e1508609194463.jpg\" \/>\n<meta name=\"author\" content=\"Christian Pansch\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Christian Pansch\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"3\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/webdesign-trends-2018-2387\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/webdesign-trends-2018-2387\\\/\"},\"author\":{\"name\":\"Christian Pansch\",\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/#\\\/schema\\\/person\\\/af4b04e973030b73eb5d7cbb4597d4eb\"},\"headline\":\"Webdesign Trends 2018\",\"datePublished\":\"2017-10-20T15:28:23+00:00\",\"dateModified\":\"2017-10-23T08:22:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/webdesign-trends-2018-2387\\\/\"},\"wordCount\":559,\"commentCount\":3,\"image\":{\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/webdesign-trends-2018-2387\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/10\\\/webdesign-trends-2018-e1508609194463.jpg\",\"keywords\":[\"2018\",\"mobile only\",\"performance\",\"trends\",\"typografie\",\"Webdesign\"],\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/webdesign-trends-2018-2387\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/webdesign-trends-2018-2387\\\/\",\"url\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/webdesign-trends-2018-2387\\\/\",\"name\":\"Webdesign Trends 2018 - Social Media . Web Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/webdesign-trends-2018-2387\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/webdesign-trends-2018-2387\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/10\\\/webdesign-trends-2018-e1508609194463.jpg\",\"datePublished\":\"2017-10-20T15:28:23+00:00\",\"dateModified\":\"2017-10-23T08:22:16+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/#\\\/schema\\\/person\\\/af4b04e973030b73eb5d7cbb4597d4eb\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/webdesign-trends-2018-2387\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/webdesign-trends-2018-2387\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/webdesign-trends-2018-2387\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/10\\\/webdesign-trends-2018-e1508609194463.jpg\",\"contentUrl\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/10\\\/webdesign-trends-2018-e1508609194463.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/webdesign-trends-2018-2387\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign Trends 2018\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/\",\"name\":\"Social Media . Web Blog\",\"description\":\"Das Blog von Christian Pansch \u00fcber Social Media, Webgeschehen, Mobile, Design, TYPO3 & Co.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/#\\\/schema\\\/person\\\/af4b04e973030b73eb5d7cbb4597d4eb\",\"name\":\"Christian Pansch\",\"sameAs\":[\"http:\\\/\\\/www.christian-pansch.de\"],\"url\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Webdesign Trends 2018 - Social Media . Web Blog","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:\/\/www.christian-pansch.de\/blog\/webdesign-trends-2018-2387\/","og_locale":"de_DE","og_type":"article","og_title":"Webdesign Trends 2018 - Social Media . Web Blog","og_description":"Das aktuelle Jahr 2017 neigt sich dem Ende zu (nur noch etwas \u00fcber zwei Monate und das n\u00e4chste Jahr ist da) und es bietet sich ein Ausblick auf die anstehenden Trends im Bereich Webdesign f\u00fcr 2018 an. Was muss man heutzutage und insbesondere in der Zukunft bei der Gestaltung und dem technischen Aufbau von modernen […]","og_url":"https:\/\/www.christian-pansch.de\/blog\/webdesign-trends-2018-2387\/","og_site_name":"Social Media . Web Blog","article_published_time":"2017-10-20T15:28:23+00:00","article_modified_time":"2017-10-23T08:22:16+00:00","og_image":[{"url":"https:\/\/www.christian-pansch.de\/blog\/wp-content\/uploads\/2017\/10\/webdesign-trends-2018-e1508609194463.jpg","type":"","width":"","height":""}],"author":"Christian Pansch","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Christian Pansch","Gesch\u00e4tzte Lesezeit":"3\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.christian-pansch.de\/blog\/webdesign-trends-2018-2387\/#article","isPartOf":{"@id":"https:\/\/www.christian-pansch.de\/blog\/webdesign-trends-2018-2387\/"},"author":{"name":"Christian Pansch","@id":"https:\/\/www.christian-pansch.de\/blog\/#\/schema\/person\/af4b04e973030b73eb5d7cbb4597d4eb"},"headline":"Webdesign Trends 2018","datePublished":"2017-10-20T15:28:23+00:00","dateModified":"2017-10-23T08:22:16+00:00","mainEntityOfPage":{"@id":"https:\/\/www.christian-pansch.de\/blog\/webdesign-trends-2018-2387\/"},"wordCount":559,"commentCount":3,"image":{"@id":"https:\/\/www.christian-pansch.de\/blog\/webdesign-trends-2018-2387\/#primaryimage"},"thumbnailUrl":"https:\/\/www.christian-pansch.de\/blog\/wp-content\/uploads\/2017\/10\/webdesign-trends-2018-e1508609194463.jpg","keywords":["2018","mobile only","performance","trends","typografie","Webdesign"],"articleSection":["Webdesign"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.christian-pansch.de\/blog\/webdesign-trends-2018-2387\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.christian-pansch.de\/blog\/webdesign-trends-2018-2387\/","url":"https:\/\/www.christian-pansch.de\/blog\/webdesign-trends-2018-2387\/","name":"Webdesign Trends 2018 - Social Media . Web Blog","isPartOf":{"@id":"https:\/\/www.christian-pansch.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.christian-pansch.de\/blog\/webdesign-trends-2018-2387\/#primaryimage"},"image":{"@id":"https:\/\/www.christian-pansch.de\/blog\/webdesign-trends-2018-2387\/#primaryimage"},"thumbnailUrl":"https:\/\/www.christian-pansch.de\/blog\/wp-content\/uploads\/2017\/10\/webdesign-trends-2018-e1508609194463.jpg","datePublished":"2017-10-20T15:28:23+00:00","dateModified":"2017-10-23T08:22:16+00:00","author":{"@id":"https:\/\/www.christian-pansch.de\/blog\/#\/schema\/person\/af4b04e973030b73eb5d7cbb4597d4eb"},"breadcrumb":{"@id":"https:\/\/www.christian-pansch.de\/blog\/webdesign-trends-2018-2387\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.christian-pansch.de\/blog\/webdesign-trends-2018-2387\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.christian-pansch.de\/blog\/webdesign-trends-2018-2387\/#primaryimage","url":"https:\/\/www.christian-pansch.de\/blog\/wp-content\/uploads\/2017\/10\/webdesign-trends-2018-e1508609194463.jpg","contentUrl":"https:\/\/www.christian-pansch.de\/blog\/wp-content\/uploads\/2017\/10\/webdesign-trends-2018-e1508609194463.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.christian-pansch.de\/blog\/webdesign-trends-2018-2387\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.christian-pansch.de\/blog\/"},{"@type":"ListItem","position":2,"name":"Webdesign Trends 2018"}]},{"@type":"WebSite","@id":"https:\/\/www.christian-pansch.de\/blog\/#website","url":"https:\/\/www.christian-pansch.de\/blog\/","name":"Social Media . Web Blog","description":"Das Blog von Christian Pansch \u00fcber Social Media, Webgeschehen, Mobile, Design, TYPO3 & Co.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.christian-pansch.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/www.christian-pansch.de\/blog\/#\/schema\/person\/af4b04e973030b73eb5d7cbb4597d4eb","name":"Christian Pansch","sameAs":["http:\/\/www.christian-pansch.de"],"url":"https:\/\/www.christian-pansch.de\/blog\/author\/admin\/"}]}},"publishpress_future_action":{"enabled":false,"date":"2026-05-11 06:31:29","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/www.christian-pansch.de\/blog\/wp-json\/wp\/v2\/posts\/2387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.christian-pansch.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.christian-pansch.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.christian-pansch.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.christian-pansch.de\/blog\/wp-json\/wp\/v2\/comments?post=2387"}],"version-history":[{"count":11,"href":"https:\/\/www.christian-pansch.de\/blog\/wp-json\/wp\/v2\/posts\/2387\/revisions"}],"predecessor-version":[{"id":2399,"href":"https:\/\/www.christian-pansch.de\/blog\/wp-json\/wp\/v2\/posts\/2387\/revisions\/2399"}],"wp:attachment":[{"href":"https:\/\/www.christian-pansch.de\/blog\/wp-json\/wp\/v2\/media?parent=2387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.christian-pansch.de\/blog\/wp-json\/wp\/v2\/categories?post=2387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.christian-pansch.de\/blog\/wp-json\/wp\/v2\/tags?post=2387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}