﻿{"id":2723,"date":"2021-03-18T11:28:58","date_gmt":"2021-03-18T10:28:58","guid":{"rendered":"https:\/\/www.sortlist.de\/blog\/?p=2723"},"modified":"2024-09-05T11:19:05","modified_gmt":"2024-09-05T09:19:05","slug":"screendesign","status":"publish","type":"post","link":"https:\/\/www.sortlist.de\/blog\/screendesign\/","title":{"rendered":"Mit Screendesign zu mehr User Experience"},"content":{"rendered":"<p>Screendesign umfasst das grafische Layout und <a href=\"https:\/\/www.som-onlinemarketing.com\/2021\/02\/15\/webdesign-trends-2021\/\" target=\"_blank\" rel=\"noopener noreferrer\">Design von Benutzeroberfl\u00e4chen<\/a> bei unterschiedlichsten Displays. Dabei wird das Screendesign als eine Unterkategorie des User Interface Designs gewertet. W\u00e4hrend das Interface Design die Funktionalit\u00e4t liefert, bringt das Screendesign die Funktion in eine optimale Form. Die Anwendungsgebiete sind vielf\u00e4ltig und beschr\u00e4nken sich nicht nur auf die Darstellung von Webseiten.<\/p>\n<p>Benutzerfreundlichkeit und <a href=\"https:\/\/www.sortlist.de\/ux-agentur\/deutschland-de\" target=\"_blank\" rel=\"noopener\">User Experience<\/a> stehen im Vordergrund bei der Entwicklung von Screendesigns. Hierbei muss die Zielgruppe bedacht werden, der Anwendungsbereich definiert und auf Effizienz geachtet werden. Je nach Verwendungszweck und Absicht tritt bei manchen Projekten das Screendesign oder das Interface Design in den Vordergrund. Zu denken, dass Screendesign nur einen dekorativen Aspekt verfolgt, ist weit gefehlt. Mit der richtigen gestalterischen Umsetzung kann die Funktionalit\u00e4t und Usability der Anwendung unterst\u00fctzt werden. Wie Ihnen ein gutes Screendesign gerade im Webbereich gelingt, erkl\u00e4ren wir in diesem Artikel.<\/p>\n<h2>Einsatzgebiete f\u00fcr Screendesign<\/h2>\n<p>Screendesign kommt nicht nur bei Apps und Websites zum Tragen. Es gibt viele unterschiedliche Anwendungsbereiche, in denen Menschen mit Maschinen kommunizieren m\u00fcssen. Ist bei dieser Interaktion ein Display involviert, so muss dieses Display benutzerfreundlich und funktionell entsprechend der Aufgaben gestaltet werden.<\/p>\n<p>Die Anforderungen an die Gestaltung k\u00f6nnen stark variieren. Die Gestaltung einer Website ist ein ganz anderes Thema als das Screendesign bei Displays f\u00fcr medizinische Ger\u00e4te oder f\u00fcr Roboter in der Automobilbranche.<\/p>\n<p>Es muss au\u00dferdem immer bedacht werden, an welche Personen sich das Screendesign richtet. Handelt es sich um Menschen, die t\u00e4glich funktionelle Displays nutzen, oder werden Benutzeroberfl\u00e4chen f\u00fcr User entwickelt, die weniger Umgang mit digitalen Medien pflegen? Mitarbeiter einer automatisierten Produktionslinie in der Automobilbranche stellen sich zum Beispiel schnell auf neue Benutzeroberfl\u00e4chen ein. Sie geben t\u00e4glich Anweisungen an Maschinen und Roboter mithilfe von Displays. Komplizierte Strukturen werden schnell wahrgenommen.<\/p>\n<p>Entwickeln Sie hingegen das Screendesign einer Lernapp f\u00fcr \u00e4ltere Menschen, um die geistige Aktivit\u00e4t zu bewahren, gelten ganz andere Kriterien. Viele nutzen wahrscheinlich nur selten ein Tablet oder Smartphone. Benutzeroberfl\u00e4chen sollten hier einfach und leicht nachvollziehbar gestaltet sein.<\/p>\n<h2>Ein Wimpernschlag f\u00fcr gutes Screendesign<\/h2>\n<p>Nur 50 Millisekunden ben\u00f6tigt der User im Durchschnitt, um zu entscheiden, ob das Screendesign einer Website gelungen ist oder nicht. Bei einer entsprechenden Studie an der Carleton University unter der Leitung von Professorin Gitte Lindgaard wurde herausgefunden, dass diese kurze Zeitspanne ausreicht, um ein erstes Urteil zu f\u00e4llen. Den Probanden wurden 125 unterschiedliche Website zuerst f\u00fcr 500 Millisekunden gezeigt. Im letzten Durchgang wurde diese Zeitspanne auf 50 Millisekunden reduziert. Das Urteil hinsichtlich der Qualit\u00e4t blieb gleich.<\/p>\n<h2>Wie gelingt ein gutes Screendesign?<\/h2>\n<p>Screendesign muss verschiedenen Anspr\u00fcchen gen\u00fcgen. Wie ein Monitor oder Display gestaltet wird, h\u00e4ngt wie so oft von der Zielgruppe ab. Unternehmen richten die Gestaltung ihrer Internetpr\u00e4senz an der eigenen Kundengruppe und deren Vorlieben aus.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/bm2owdJRJDLWgzOd7T-8MQLkUtsGVATCFMoXV8QAzEL9UTWjY4j4mJDhdL2B_ThTY_Qemsgzd5Z4xGcUCKBkxCh6lC2Fid_E_3WWiEck7JJLjF4b35RZvT1vJwkwl9RUppk9_V3s\" alt=\"Screendesign CoinCloud\" width=\"1600\" height=\"1066\" \/><figcaption class=\"wp-caption-text\">Quelle: <a href=\"https:\/\/images.pexels.com\/photos\/6132755\/pexels-photo-6132755.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940\" target=\"_blank\" rel=\"noopener noreferrer\">Pexels<\/a><\/figcaption><\/figure>\n<p>Schwierig wird es, wenn \u00f6ffentliche Displays wie zum Beispiel ein Fahrkartenautomat, ein Bankautomat oder die Benutzeroberfl\u00e4che der Touchscreens in modernen Autos entwickelt werden. Hier sind die Zielgruppen breiter gef\u00e4chert und das Design muss selbsterkl\u00e4rend funktionieren. Gerade bei Automaten im \u00f6ffentlichen Raum, die f\u00fcr jeden nutzbar sind, kommt es auf ein funktionelles, leicht verst\u00e4ndliches Design an.<\/p>\n<h3>Screendesign f\u00fcr Webseiten<\/h3>\n<p>Bei Webseiten sollten Sie darauf achten, dass die Gestaltung auch zu Ihrem Unternehmen passt. Meist wird die Entwicklung einer Website in die Marketingstrategie integriert, um ein koh\u00e4rentes Erscheinungsbild an die Au\u00dfenwelt zu liefern. Besitzen Sie ein Logo und sind bestimmte Farben im <a href=\"https:\/\/www.sortlist.de\/s\/corporate-design\/deutschland-de\" target=\"_blank\" rel=\"noopener\">Corporate Design<\/a> festgelegt, m\u00fcssen diese ber\u00fccksichtigt werden und sich im Screendesign widerspiegeln.<\/p>\n<p>Bedenken Sie ebenfalls die mobile Aktivit\u00e4t der Zielgruppe. Viele Nutzer besuchen Webseiten von Tablets oder Smartphones. Das Screendesign muss sich auch an diese ver\u00e4nderten Bildschirmformate anpassen k\u00f6nnen. Die Nutzung von mobilen Endger\u00e4ten steigt stetig an. Die Mehrheit der Suchanfragen wird mittlerweile von Smartphones abgesetzt.<\/p>\n<h3>Die Nutzer im Mittelpunkt<\/h3>\n<p>Die Nutzer stehen beim Screendesign immer im Vordergrund. Egal f\u00fcr welche Anwendung Sie ein Screendesign entwickeln, denken Sie immer an die Bed\u00fcrfnisse der Zielgruppe. Die unterschiedlichen Design-Elemente wie Bilder, Symbole, Texte und Schaltfl\u00e4chen sollten so angeordnet sein, dass schnell klar ist, wie die Website zum Beispiel funktioniert.<\/p>\n<p>Eine genaue Analyse Ihrer Zielgruppe bringt Ihnen wichtige Informationen. Welche F\u00e4higkeiten, Vorlieben oder Ziele Ihre Kunden haben, nimmt Einfluss auf die Gestaltung und das Screendesign. Je besser Sie sich in den User hineinversetzen k\u00f6nnen, desto besser k\u00f6nnen Sie L\u00f6sungen anbieten. Das Gleichgewicht zwischen Funktionalit\u00e4t und einem ansprechenden Design ist der Schl\u00fcssel zum Erfolg.<\/p>\n<h3>Es muss nicht immer alles neu sein<\/h3>\n<p>Marktforschungsstudien und psychologische Analysen geben viele wichtige Anhaltspunkte, welche Art des Screendesign besonders gut von den Usern angenommen wird. Sie m\u00fcssen das Rad in dieser Hinsicht nicht neu erfinden. Einige Unternehmen und Plattformen bieten gut gef\u00fcllte Online-Bibliotheken an, in denen sich unterschiedliche Standard-Bildschirmvorlagen befinden. Nutzen Sie ruhig bereits vorhandene Konzepte und entwickeln Sie diese weiter. Auf diese Weise sparen Sie eine Menge an Zeit und Ressourcen. Lassen Sie sich von existierenden Designs inspirieren.<\/p>\n<h3>Einfach ist besser<\/h3>\n<p>Die Reduktion auf das Wesentliche bringt nicht nur mehr \u00dcbersichtlichkeit f\u00fcr Ihre Webpr\u00e4senz, es steigert auch den Wert. Es gibt immer noch Kunden, die dem Internet und Online Shops kritisch gegen\u00fcberstehen, weil sie es f\u00fcr wenig glaubw\u00fcrdig halten. Nach dem Motto, jeder kann sich doch mal schnell eine Website bauen.<\/p>\n<p>Screendesign kann hier einen klaren Design Look bringen, der Vertrauen weckt und zum Beispiel bei Online Shops Qualit\u00e4t vermittelt. \u00c4sthetisch ansprechende Designs werden stark mit der Qualit\u00e4t des Produktes verbunden. Dabei m\u00fcssen die angebotenen Produkte oder Dienstleistungen an sich nicht teuer sein. Gro\u00dfe Konzerne wie IKEA oder H&amp;M machen es vor. Ein gutes Screendesign mit hoher Effizienz funktioniert auch oder besonders bei Produkten, die f\u00fcr jeden Geldbeutel gemacht sind.<\/p>\n<p>Ein \u00fcbersichtlicher Aufbau erleichtert den Usern zu finden, wonach sie suchen. Dabei kann die Unterteilung des Bildschirms in unterschiedliche Abschnitte sehr hilfreich sein. Typografie und farbliche Akzente heben wichtige Elemente hervor und leiten das Auge des Nutzers.<\/p>\n<h2>H\u00e4ufig verwendete Elemente beim Screendesign<\/h2>\n<p>Es k\u00f6nnen einige gestalterische Elemente klar definiert werden, die Sie bei jedem Screendesign finden werden. Einige Elemente \u00fcbernehmen mitunter verschiedene Funktionen und sind flexibel einsetzbar. Das Zusammenspiel der unterschiedlichen Elemente sollte eine intuitive und effektive Webseite hervorbringen, auf der sich User schnell zurechtfinden.<\/p>\n<h3>Orientierungselemente<\/h3>\n<p>Gerade bei komplexen Websites sind Orientierungselemente essentiell f\u00fcr ein gutes Screendesign. Generell wird eine Website von vielen Menschen als ein gro\u00dfer Raum wahrgenommen. Ohne Orientierungshilfen kommt der Nutzer sich leicht verloren vor, da die Komplexit\u00e4t der gesamten Website nicht erkannt werden kann. Es wird ja immer nur eine Webseite pr\u00e4sentiert.<\/p>\n<p>Integrieren Sie in Ihr Screendesign optische Markierungen, \u00e4hnlich einem Leitsystem in echten Geb\u00e4uden. Diese zeigen dem Besucher, wo er sich befindet. So kann zum Beispiel in der Men\u00fcleiste die aktuelle Seite hervorgehoben werden. Benennen Sie diese korrekt. Der Name sollte auch entsprechend in der URL erscheinen. In Online Shops f\u00fcr Mode finden sich hier zum Beispiel oft die Kategorien Mode, Taschen, Schmuck oder Accessoires. Die aktuelle Seite kann zum Beispiel fett hervorgehoben werden.<\/p>\n<h3>Navigationselemente<\/h3>\n<p>Diese Elemente unterst\u00fctzen den Besucher, die gew\u00fcnschte Seite zu finden. Anders als in einem echten Geb\u00e4ude kann der User durch die Navigationselemente alle anderen Seiten sehen, ohne die momentane Position zu verlassen. Das Screendesign sollte eindeutig und leicht zu nutzen sein.<\/p>\n<p>Men\u00fcleisten, bei denen die einzelnen Unterpunkte \u00fcber ein zus\u00e4tzliches herausklappbares Men\u00fc verf\u00fcgen, werden besonders gern eingesetzt. Hier kann der Nutzer sehen, was sich unter der Hauptkategorie befindet und bekommt eine Ahnung, auf welchen Webseiten bestimmte Inhalte zu finden sind. Dabei sollte sich die Navigationsleiste optisch von den anderen Elementen abgrenzen. Navigations- und Orientierungselemente verschmelzen oft miteinander und bringen noch mehr Effizienz.<\/p>\n<h3>Inhaltselemente<\/h3>\n<p>Inhaltselemente sollten f\u00fcr Ihre Kunden leicht verst\u00e4ndlich sein. Darunter fallen Bilder, Texte, Animationen und Grafiken. Bei kleinen Bildschirmen muss das Screendesign entsprechend angepasst sein, damit auch hier die Inhalte schnell erfasst werden k\u00f6nnen.<\/p>\n<h3>Layoutelemente<\/h3>\n<p>Layoutelemente haben in dem Sinne keine inhaltliche Bedeutung. Sie dienen vielmehr der \u00c4sthetik und unterst\u00fctzen die Struktur der Seite. Grafische Elemente wie Schatten, Linien und Farbfl\u00e4chen werden besonders oft genutzt. Damit lassen sich zum Beispiel Navigationselemente zusammenzufassen oder bestimmte Abschnitte auf der Webseite hervorheben.<\/p>\n<p>Verzichten Sie an dieser Stelle lieber auf rein dekorative Elemente, die dem User keinen Mehrwert liefern. Hier k\u00f6nnen Sie im Extremfall eher das Gegenteil erwirken. Denn zu viele irrelevante Elemente lenken vom Inhalt eher ab und frustrieren den Nutzer.<\/p>\n<h3>Emotionale Elemente<\/h3>\n<p>Vergessen Sie nicht die Gef\u00fchle Ihrer Zielgruppe. Menschen sind emotionale Wesen und fast alle Entscheidungen sind emotional motiviert. Es ist also durchaus legitim, mit Farbe oder einer witzigen Headline ein bisschen Spa\u00df auf die Webseiten zu bringen. Dies kann Neugierde wecken und motiviert zum Weiterklicken. Auch bei seri\u00f6sen Firmen d\u00fcrfen also Elemente auftauchen, die unsere Emotionen ansprechen.<\/p>\n<h3>Interaktionselemente<\/h3>\n<p>Navigationselemente und Links z\u00e4hlen zwar auch zu interaktiven Elementen. Jedoch beschreiben die Interaktionselemente in unserem Fall Formulare, Kommentarfelder oder Newsletter Abos. Der Besucher kann aktiv werden, Feedback hinterlassen oder Fragen stellen. Wichtig bei diesen Elementen, sie zeigen dem Besucher, dass sein Kommentar oder Fragebogen korrekt registriert wurde. In vielen F\u00e4llen wird eine neue Seite geladen, welche die entsprechende Aktion best\u00e4tigt. Im Falle eines Fehlers sollten Sie den Nutzer auch dar\u00fcber aufkl\u00e4ren und angeben, warum die Aktion nicht erfolgreich war.<\/p>\n<h2>Dokumentation des Screendesigns im Styleguide<\/h2>\n<p>Nutzen Firmen und Unternehmen unterschiedliche Kan\u00e4le, um mit den Kunden in Kontakt zu treten, so empfiehlt sich hier unbedingt die Daten des Screendesigns in einem Styleguide festzuhalten.<\/p>\n<p>In einem Styleguide werden alle wichtigen Informationen zum Farbkonzept, Schriftart, Schriftgr\u00f6\u00dfe, Seitenstruktur oder auch zu Textsatz und Abst\u00e4nden vermerkt. Diese Angaben sind f\u00fcr Designer, Entwickler und Programmierer ein Leitfaden, damit alle Pr\u00e4sentationen untereinander stimmig sind und mit dem Corporate Design der Firma harmonieren.<\/p>\n<p>So verf\u00fcgt zum Beispiel die Deutsche Bahn \u00fcber eine Website und \u00fcber physische Ticketschalter. Beide Kan\u00e4le verf\u00fcgen \u00fcber spezielle Displays und Bildschirmgr\u00f6\u00dfen und bedienen mitunter unterschiedliche Zielgruppen. Kaufen junge technisch affine Menschen eher online auf der Website oder mit einer App, finden Sie an Ticketschaltern jede Altersgruppe. Auch Menschen, die wenig mit Technik am Hut hat, m\u00f6chten Fahrkarten kaufen.<\/p>\n<p>Hier ist es die Aufgabe des Screendesigners, mit den Programmieren ein Konzept zu entwickeln, dass die Bed\u00fcrfnisse aller erf\u00fcllt. Immer den Angaben des Styleguides folgend, der die Zusammengeh\u00f6rigkeit von Website, App und Ticketschalter demonstriert.<\/p>\n<h2>Wie werden Sie Ihre Seiten gestalten?<\/h2>\n<p>Screendesign wurde lange Zeit untersch\u00e4tzt und als rein dekorativer Aspekt abgetan. Dabei ist ein gutes Screendesign Teil des Erfolgs einer Webseite oder einer Anwendung mit Touchscreen und Display. Egal ob das Screendesign f\u00fcr Webseiten, Ticketautomaten oder Benutzeroberfl\u00e4chen bei automatisierten Produktlinien geschaffen wird. Die <a href=\"https:\/\/www.sortlist.de\/blog\/user-experience\/\" target=\"_blank\" rel=\"noopener\">User-Experience<\/a> muss immer im Vordergrund stehen. Sie k\u00f6nnen sich jederzeit an eine <a href=\"https:\/\/www.sortlist.de\/app-entwicklung\/berlin-de\" target=\"_blank\" rel=\"noopener noreferrer\">App-Entwicklungsagentur<\/a> oder an eine <a href=\"https:\/\/www.sortlist.de\/s\/software-development\/deutschland-de\" target=\"_blank\" rel=\"noopener\">Software-Entwicklungsagentur<\/a> wenden, die Sie bei Ihrer Strategie unterst\u00fctzt.<\/p>\n<p>Je nach Wirkungsbereich k\u00f6nnen die Anforderungen stark variieren. Um hier ein allumfassendes Konzept zu schaffen, das sowohl Webpr\u00e4sentationen, Apps oder auch Touchscreens an station\u00e4ren Ger\u00e4ten beinhaltet, muss mitunter der Rat von Experten her. <a href=\"https:\/\/www.sortlist.de\/app-entwicklung\" target=\"_blank\" rel=\"noopener noreferrer\">Marketing Agenturen verf\u00fcgen \u00fcber das Know-how<\/a> Web-, Screen- und Interfacedesign gekonnt zu verbinden und alles in eine erfolgreiche Marketingkampagne zu packen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Screendesign umfasst das grafische Layout und Design von Benutzeroberfl\u00e4chen bei unterschiedlichsten Displays. Dabei wird das Screendesign als eine Unterkategorie des User Interface Designs gewertet. W\u00e4hrend das Interface Design die Funktionalit\u00e4t liefert, bringt das Screendesign die Funktion in eine optimale Form. Die Anwendungsgebiete sind vielf\u00e4ltig und beschr\u00e4nken sich nicht nur auf die Darstellung von Webseiten. Benutzerfreundlichkeit [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":9378,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_sb_show_comment_boards":false,"content-type":"","om_disable_all_campaigns":false,"footnotes":""},"categories":[61],"class_list":["post-2723","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile-app-entwicklung"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mit Screendesign zu mehr User Experience - Sortlist Blog<\/title>\n<meta name=\"description\" content=\"Verbessern Sie die Usability Ihrer Website mit Screendesign. Was die Anforderungen f\u00fcr gutes Design sind, erfahren Sie in unserem Artikel.\" \/>\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.sortlist.de\/blog\/screendesign\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mit Screendesign zu mehr User Experience - Sortlist Blog\" \/>\n<meta property=\"og:description\" content=\"Verbessern Sie die Usability Ihrer Website mit Screendesign. Was die Anforderungen f\u00fcr gutes Design sind, erfahren Sie in unserem Artikel.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sortlist.de\/blog\/screendesign\/\" \/>\n<meta property=\"og:site_name\" content=\"Sortlist Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-18T10:28:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-05T09:19:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/4\/2021\/03\/de-cover-images-5.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1748\" \/>\n\t<meta property=\"og:image:height\" content=\"1240\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Leonard Basse\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Leonard Basse\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"11\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/screendesign\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/screendesign\\\/\"},\"author\":{\"name\":\"Leonard Basse\",\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/#\\\/schema\\\/person\\\/b9802b27b8299e4488ece8cb1575dc19\"},\"headline\":\"Mit Screendesign zu mehr User Experience\",\"datePublished\":\"2021-03-18T10:28:58+00:00\",\"dateModified\":\"2024-09-05T09:19:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/screendesign\\\/\"},\"wordCount\":1896,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/screendesign\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2021\\\/03\\\/de-cover-images-5.jpg\",\"articleSection\":[\"Mobile &amp; App-Entwicklung\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/screendesign\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/screendesign\\\/\",\"url\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/screendesign\\\/\",\"name\":\"Mit Screendesign zu mehr User Experience - Sortlist Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/screendesign\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/screendesign\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2021\\\/03\\\/de-cover-images-5.jpg\",\"datePublished\":\"2021-03-18T10:28:58+00:00\",\"dateModified\":\"2024-09-05T09:19:05+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/#\\\/schema\\\/person\\\/b9802b27b8299e4488ece8cb1575dc19\"},\"description\":\"Verbessern Sie die Usability Ihrer Website mit Screendesign. Was die Anforderungen f\u00fcr gutes Design sind, erfahren Sie in unserem Artikel.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/screendesign\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/screendesign\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/screendesign\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2021\\\/03\\\/de-cover-images-5.jpg\",\"contentUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2021\\\/03\\\/de-cover-images-5.jpg\",\"width\":1748,\"height\":1240,\"caption\":\"Screendesign\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/screendesign\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mit Screendesign zu mehr User Experience\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/\",\"name\":\"Sortlist Blog\",\"description\":\"Sortlist Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/#\\\/schema\\\/person\\\/b9802b27b8299e4488ece8cb1575dc19\",\"name\":\"Leonard Basse\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/avatar_user_12_1625133031-96x96.jpeg\",\"url\":\"https:\\\/\\\/blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/avatar_user_12_1625133031-96x96.jpeg\",\"contentUrl\":\"https:\\\/\\\/blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/avatar_user_12_1625133031-96x96.jpeg\",\"caption\":\"Leonard Basse\"},\"description\":\"Lenni is someone we would typically call \u00ab the cool kid \u00bb, of the content team. Passionate by nature &amp; surf, when he is not riding his bike, you will find him behind his computer writing about his other passion: marketing!\",\"url\":\"https:\\\/\\\/www.sortlist.de\\\/blog\\\/author\\\/leonard-basse\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mit Screendesign zu mehr User Experience - Sortlist Blog","description":"Verbessern Sie die Usability Ihrer Website mit Screendesign. Was die Anforderungen f\u00fcr gutes Design sind, erfahren Sie in unserem Artikel.","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.sortlist.de\/blog\/screendesign\/","og_locale":"de_DE","og_type":"article","og_title":"Mit Screendesign zu mehr User Experience - Sortlist Blog","og_description":"Verbessern Sie die Usability Ihrer Website mit Screendesign. Was die Anforderungen f\u00fcr gutes Design sind, erfahren Sie in unserem Artikel.","og_url":"https:\/\/www.sortlist.de\/blog\/screendesign\/","og_site_name":"Sortlist Blog","article_published_time":"2021-03-18T10:28:58+00:00","article_modified_time":"2024-09-05T09:19:05+00:00","og_image":[{"width":1748,"height":1240,"url":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/4\/2021\/03\/de-cover-images-5.jpg","type":"image\/jpeg"}],"author":"Leonard Basse","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Leonard Basse","Gesch\u00e4tzte Lesezeit":"11\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.sortlist.de\/blog\/screendesign\/#article","isPartOf":{"@id":"https:\/\/www.sortlist.de\/blog\/screendesign\/"},"author":{"name":"Leonard Basse","@id":"https:\/\/www.sortlist.de\/blog\/#\/schema\/person\/b9802b27b8299e4488ece8cb1575dc19"},"headline":"Mit Screendesign zu mehr User Experience","datePublished":"2021-03-18T10:28:58+00:00","dateModified":"2024-09-05T09:19:05+00:00","mainEntityOfPage":{"@id":"https:\/\/www.sortlist.de\/blog\/screendesign\/"},"wordCount":1896,"commentCount":0,"image":{"@id":"https:\/\/www.sortlist.de\/blog\/screendesign\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/4\/2021\/03\/de-cover-images-5.jpg","articleSection":["Mobile &amp; App-Entwicklung"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.sortlist.de\/blog\/screendesign\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.sortlist.de\/blog\/screendesign\/","url":"https:\/\/www.sortlist.de\/blog\/screendesign\/","name":"Mit Screendesign zu mehr User Experience - Sortlist Blog","isPartOf":{"@id":"https:\/\/www.sortlist.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.sortlist.de\/blog\/screendesign\/#primaryimage"},"image":{"@id":"https:\/\/www.sortlist.de\/blog\/screendesign\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/4\/2021\/03\/de-cover-images-5.jpg","datePublished":"2021-03-18T10:28:58+00:00","dateModified":"2024-09-05T09:19:05+00:00","author":{"@id":"https:\/\/www.sortlist.de\/blog\/#\/schema\/person\/b9802b27b8299e4488ece8cb1575dc19"},"description":"Verbessern Sie die Usability Ihrer Website mit Screendesign. Was die Anforderungen f\u00fcr gutes Design sind, erfahren Sie in unserem Artikel.","breadcrumb":{"@id":"https:\/\/www.sortlist.de\/blog\/screendesign\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sortlist.de\/blog\/screendesign\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.sortlist.de\/blog\/screendesign\/#primaryimage","url":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/4\/2021\/03\/de-cover-images-5.jpg","contentUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/4\/2021\/03\/de-cover-images-5.jpg","width":1748,"height":1240,"caption":"Screendesign"},{"@type":"BreadcrumbList","@id":"https:\/\/www.sortlist.de\/blog\/screendesign\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.sortlist.de\/blog\/"},{"@type":"ListItem","position":2,"name":"Mit Screendesign zu mehr User Experience"}]},{"@type":"WebSite","@id":"https:\/\/www.sortlist.de\/blog\/#website","url":"https:\/\/www.sortlist.de\/blog\/","name":"Sortlist Blog","description":"Sortlist Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sortlist.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/www.sortlist.de\/blog\/#\/schema\/person\/b9802b27b8299e4488ece8cb1575dc19","name":"Leonard Basse","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_12_1625133031-96x96.jpeg","url":"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_12_1625133031-96x96.jpeg","contentUrl":"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_12_1625133031-96x96.jpeg","caption":"Leonard Basse"},"description":"Lenni is someone we would typically call \u00ab the cool kid \u00bb, of the content team. Passionate by nature &amp; surf, when he is not riding his bike, you will find him behind his computer writing about his other passion: marketing!","url":"https:\/\/www.sortlist.de\/blog\/author\/leonard-basse\/"}]}},"_links":{"self":[{"href":"https:\/\/www.sortlist.de\/blog\/wp-json\/wp\/v2\/posts\/2723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sortlist.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sortlist.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sortlist.de\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sortlist.de\/blog\/wp-json\/wp\/v2\/comments?post=2723"}],"version-history":[{"count":3,"href":"https:\/\/www.sortlist.de\/blog\/wp-json\/wp\/v2\/posts\/2723\/revisions"}],"predecessor-version":[{"id":11241,"href":"https:\/\/www.sortlist.de\/blog\/wp-json\/wp\/v2\/posts\/2723\/revisions\/11241"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sortlist.de\/blog\/wp-json\/wp\/v2\/media\/9378"}],"wp:attachment":[{"href":"https:\/\/www.sortlist.de\/blog\/wp-json\/wp\/v2\/media?parent=2723"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sortlist.de\/blog\/wp-json\/wp\/v2\/categories?post=2723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}