﻿{"id":2568,"date":"2021-02-09T12:00:46","date_gmt":"2021-02-09T11:00:46","guid":{"rendered":"https:\/\/www.sortlist.de\/blog\/?p=2568"},"modified":"2021-02-09T12:00:46","modified_gmt":"2021-02-09T11:00:46","slug":"app-design","status":"publish","type":"post","link":"https:\/\/www-de.sortlist-test.com\/blog\/app-design\/","title":{"rendered":"App Design &#8211; So entwickeln Sie Ihre mobile Anwendung"},"content":{"rendered":"<p><span style=\"font-weight: 400\">Mehr als ein Jahrzehnt nach der Einf\u00fchrung der ersten Smartphones sind mobile Anwendungen f\u00fcr die meisten von uns allt\u00e4glich geworden. Das \u00dcberraschungs- und Innovationselement ist zwar gr\u00f6\u00dftenteils weg, aber eine eigene <a href=\"https:\/\/www.sortlist.de\/app-entwicklung\" target=\"_blank\" rel=\"noopener noreferrer\">mobile Anwendung<\/a> zu haben, ist ein ernsthafter Vorteil, wenn man dem Nutzer eine Dienstleistung oder Inhalte mitgeben will.<\/span><\/p>\n<p><span style=\"font-weight: 400\"><a href=\"https:\/\/www.sortlist.de\/app-entwicklung\/hamburg-de\" target=\"_blank\" rel=\"noopener noreferrer\">Wenn Sie Ihre eigene App gestalten wollen<\/a>, sollten Sie bei der Entwicklung einer Anwendung heute eine Reihe von bew\u00e4hrten Verfahren beachten, die sich durch die Anwendung neuer Konzepte herausgebildet haben. Ob Navigationslogik, visueller Komfort oder auch mentale Belastung, all diese Aspekte haben einen erheblichen Einfluss auf die Nutzung Ihrer Anwendungen und die Zufriedenheit Ihrer Anwender. Wenn wir zum Beispiel wissen, dass 2017 21 % der Nutzer zwischen 20 und 30 Jahren eine Anwendung von ihrem mobilen Ger\u00e4t gel\u00f6scht haben, weil ihnen das Logo nicht gefiel, wird klar, dass nichts dem Zufall \u00fcberlassen werden sollte.<\/span><\/p>\n<h2><strong>Warum eine mobile Anwendung anbieten?<\/strong><\/h2>\n<p><span style=\"font-weight: 400\">Warum eine mobile Anwendung und nicht gleich eine Website erstellen? Vor allem da Websites sich mittlerweile einfach an mobile Ger\u00e4te anpassen lassen, ist der Gedanke legitim.<\/span><\/p>\n<p><span style=\"font-weight: 400\">In diesem Fall sind die beiden Ans\u00e4tze allerdings komplement\u00e4r. Hier geht es nicht um Technik, sondern um Ergonomie und <a href=\"https:\/\/www.sortlist.de\/blog\/web-controlling\/\" target=\"_blank\" rel=\"noopener noreferrer\">Grafikdesign<\/a>. Diese Elemente haben nichts mit der Technologie zu tun, die Sie verwenden werden, da sich die aktuellen Anwendungen und Websites immer mehr \u00e4hneln. Im Gegenteil, beides sollte eine Quelle der Inspiration f\u00fcr Sie sein. Es gibt \u00fcberall etwas Gutes mitzunehmen und es ist wichtig, offen f\u00fcr neue Vorschl\u00e4ge zu bleiben und Trends zu beobachten.<\/span><\/p>\n<h2><strong>Konzentrieren Sie sich auf das, was wichtig ist<\/strong><\/h2>\n<p><span style=\"font-weight: 400\">Absolut jeder Aspekt Ihrer Anwendung ist wichtig. Einige haben jedoch Vorrang vor anderen und einige Grundregeln sollten beachtet werden. Hier sind die Wichtigsten:<\/span><\/p>\n<h3><strong>Geben Sie der Ergonomie Vorrang vor der grafischen Gestaltung<\/strong><\/h3>\n<p><span style=\"font-weight: 400\">Ihr Benutzer wird Ihre Anwendung mit einem Ziel vor Augen herunterladen. Er m\u00f6chte etwas erreichen oder bestimmte Informationen erhalten: Es ist daher wichtig, dass die Erreichung dieses Ziels so einfach und direkt wie m\u00f6glich ist.<\/span><\/p>\n<p><span style=\"font-weight: 400\">In erster Linie sollten Ihre Inhalte jederzeit lesbar sein: Sie k\u00f6nnen dies sicherstellen, indem Sie den Kontrast der Elemente anpassen und die Menge der zu lesenden Schaltfl\u00e4chen oder Texte reduzieren.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Die Ergonomie kann in zwei Kategorien unterteilt werden: User Experience (UX) und User Interface (UI).<\/span><\/p>\n<h3><strong>Das Erlebnis einfach machen<\/strong><\/h3>\n<p><span style=\"font-weight: 400\">Laden Sie eine neue Anwendung herunter, registrieren Sie sich und verwenden Sie sie. Schreiben Sie nach 10 Minuten auf, was Ihnen daran gefallen und nicht gefallen hat. Wichtige Aspekte sind wiederkehrende Elemente.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">War die Registrierung einfach?<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Haben Sie schnell verstanden, wie Sie die App navigieren k\u00f6nnen?<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">War es einfach, bestimmte Inhalte zu finden?<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Ist es m\u00f6glich, attraktive Inhalte zu teilen? Wie ist das m\u00f6glich?<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">Die meisten Anwendungen konzentrieren sich auf das Senden und Weitergeben von Informationen. Andere ziehen es vor, sich auf das Erstellen oder Konsumieren von Inhalten zu konzentrieren. So oder so, der Login, das Durchsuchen und die gemeinsame Nutzung sind praktisch unvermeidlich, und Sie m\u00fcssen das Beste daraus machen.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Lassen Sie den User soziale Netzwerke verwenden, um ein Konto zu erstellen, oder erlauben Sie es, die App ohne Anmeldung zu nutzen.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Die Integration einer Suchleiste mit dynamischen Vorschl\u00e4gen ist ein deutliches Plus.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Wenn Sie aufdringliche Benachrichtigungen einschr\u00e4nken und ein flexibles System zu deren Konfiguration anbieten, k\u00f6nnen Sie nur dazu beitragen, dass Sie etwas l\u00e4nger in den Telefonen Ihrer Benutzer bleiben.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">All diese Elemente sind Teil der <a href=\"https:\/\/www.sortlist.de\/blog\/ux-design-website\/\" target=\"_blank\" rel=\"noopener noreferrer\">User Experience (UX)<\/a>. Einige Anwendungen integrieren sie sehr gut.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><a href=\"https:\/\/www.xbox.com\/de-DE\/xbox-game-pass\" target=\"_blank\" rel=\"noopener noreferrer\">Xbox Game Pass<\/a> bietet eine vollst\u00e4ndige und grafische Oberfl\u00e4che, in der alles am richtigen Platz ist.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><a href=\"https:\/\/outlook.live.com\/owa\/\">Microsoft Outlook<\/a> verf\u00fcgt \u00fcber einen hellen und einen dunklen Modus sowie \u00fcber eine sehr gut an Android angepasste UX.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><a href=\"https:\/\/www.skype.com\/de\/\">Skype<\/a> ist ein Kommunikationstool, das den \u00dcbergang vom B\u00fcro zum Handy sehr gut gemeistert hat, indem es die wesentlichen Elemente f\u00fcr den Nutzer \u00fcbernommen hat.<\/span><\/li>\n<\/ul>\n<h3><strong>Die Schnittstellen beleuchten<\/strong><\/h3>\n<p><span style=\"font-weight: 400\">Der Bildschirm Ihres Benutzers ist sehr klein, selbst bei den gr\u00f6\u00dften Smartphones auf dem Markt. Sie m\u00fcssen also den Platz intelligent nutzen und die angezeigten Elemente je nach Kontext \u00e4ndern. In diesem Fall ist es ratsam, die Schnittstelle Ihrer Anwendung unter Ber\u00fccksichtigung der folgenden Praktiken zu \u00fcberdenken.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Verwenden Sie <strong>weniger Text<\/strong> und <strong>mehr Symbole<\/strong> zur Navigation, das macht die Oberfl\u00e4che \u00fcbersichtlicher und erspart Ihnen die \u00dcbersetzung in verschiedene Sprachen.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">W\u00e4hlen Sie <strong>lesbare Schriftarten<\/strong> und recherchieren Sie je nach Kontext die Verwendung bestimmter Schreibweisen. <a href=\"https:\/\/www.sortlist.de\/blog\/grafikdesign-projekte\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dieser Artikel<\/a> stellt die besten Praktiken vor, die man \u00fcber <a href=\"https:\/\/www.sortlist.de\/i\/design\/kopenhagen-dk\" target=\"_blank\" rel=\"noopener noreferrer\">Grafikdesign<\/a> wissen sollte.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>Vorsicht vor Kontrasten!<\/strong> Wenn Ihr Inhalt aufgrund von Farbproblemen zwischen dem Hintergrund und dem Text nicht lesbar ist, k\u00f6nnten Sie Benutzer verlieren. <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\">Mit diesem Werkzeug<\/a> k\u00f6nnen Sie sichergehen, dass das Problem nicht auftritt.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Verwenden Sie einen <strong>einheitlichen visuellen Stil<\/strong>, indem Sie ein flaches, materielles oder flie\u00dfendes Design verwenden.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">Einige Anwendungen haben diese Praktiken sehr gut \u00fcbernommen und heben sich auf Handys und Tablets von der Masse ab.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><a href=\"https:\/\/asana.com\/de\">Asana<\/a>, eine Projektmanagement-Anwendung, profitiert von einer sehr gelungenen und konsequenten Integration von Flat Design.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><a href=\"https:\/\/www.facebook.com\/\">Facebook<\/a> verwendet Text nur f\u00fcr Benutzerbeitr\u00e4ge und an bestimmten Stellen auf den Seiten. Die Navigation erfolgt ausschlie\u00dflich \u00fcber Icons.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><a href=\"https:\/\/www.spotify.com\/de\/\">Spotify<\/a> hat sich f\u00fcr einen schlichten schwarzen Hintergrund mit wei\u00dfem Text entschieden, um die Lesbarkeit des Inhalts zu maximieren.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><a href=\"https:\/\/www.netflix.com\/\">Netflix<\/a> bietet eine mehrstufige Navigation zwischen der Startseite und der Serienwiedergabe, sodass der Benutzer nicht zu sehr unter der mentalen Belastung leidet.<\/span><\/li>\n<\/ul>\n<h2><strong>Wie Sie das Design Ihrer Anwendung erstellen<\/strong><\/h2>\n<p><span style=\"font-weight: 400\">Die Arbeit eines Ergonomen oder Grafikers ist nicht immer die Gleiche. Es ist notwendig, einen kreativen Prozess zu respektieren, den sich jeder anders aneignet. Wenn auch die Empfindlichkeiten unterschiedlich sind, so ist doch die methodische Herangehensweise an die Arbeit oft die gleiche.<\/span><\/p>\n<h3><strong>Erstellen eines ersten Modells<\/strong><\/h3>\n<p><span style=\"font-weight: 400\">Das Mock-up ist ein unverzichtbares Werkzeug, mit dem der Weg des Benutzers und der Inhalt jedes Bildschirms abgebildet werden kann. Nat\u00fcrlich m\u00fcssen Sie Ihre User Journey und den Inhalt Ihrer Bildschirme im Laufe der Zeit iterieren, testen und verbessern.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Beim Erstellen eines Mock-ups k\u00f6nnen Sie sich nat\u00fcrlich auf Software verlassen, um den Prozess zu vereinfachen und nicht alles von Hand oder in Photoshop zu zeichnen. <a href=\"https:\/\/www.adobe.com\/de\/products\/xd.html\">Adobe XD<\/a> ist eine interessante Alternative, obwohl viele Spezialisten <a href=\"https:\/\/www.figma.com\/\">Figma<\/a> bevorzugen werden. F\u00fcr einen ersten Ansatz ist Adobe XD jedoch durchaus zufriedenstellend und ausreichend.<\/span><\/p>\n<h3><strong>Erstellen Sie eine visuelle Identit\u00e4t<\/strong><\/h3>\n<p><span style=\"font-weight: 400\">Ein Logo, Farben, Typografie und inhaltliche Struktur bilden die Basis jeder <a href=\"https:\/\/www.sortlist.de\/blog\/corporate-design-website\/\" target=\"_blank\" rel=\"noopener noreferrer\">visuellen Identit\u00e4t<\/a>. Unabh\u00e4ngig vom Produkt oder der Dienstleistung vermittelt eine visuelle Identit\u00e4t Werte und Emotionen. Hier kommt es auf die Details an, denn eine einfache Farb\u00e4nderung kann die Wahrnehmung Ihrer Nutzer erheblich ver\u00e4ndern.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Daher m\u00fcssen Sie Ihre Kernwerte mit Schl\u00fcsselw\u00f6rtern versehen und Formen und Farben mit ihnen assoziieren. Durch die Verwendung der zuvor erw\u00e4hnten Designphilosophien k\u00f6nnen Sie die Konsistenz der Identit\u00e4t Ihrer Anwendung sicherstellen.<\/span><\/p>\n<h3><strong>Schnelles Prototyping<\/strong><\/h3>\n<p><span style=\"font-weight: 400\">Im Gegensatz zu einem groben Mock-up muss ein Prototyp nutzbar sein, auch wenn der Inhalt nur ein Dummy ist. Dieser \u00fcbernimmt auch die gew\u00e4hlte Bildsprache und spiegelt die endg\u00fcltige Vision Ihres Produkts wider. Sie sollten einen ersten Prototypen m\u00f6glichst schnell erstellen, um Feedback von Ihren Benutzern zu sammeln, das Ihnen hilft, Ihre Anwendung zu verbessern.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Vor dem Start der offiziellen Version k\u00f6nnen Sie einen begrenzten Kreis von Anwendern einladen, eine erweiterte Version Ihrer in Entwicklung befindlichen Anwendung zu testen. Feedback ist in dieser Phase wertvoll und hilft, gro\u00dfe \u00dcberraschungen bei der Ver\u00f6ffentlichung zu vermeiden.<\/span><\/p>\n<h3><strong>Anonymes Sammeln von Daten<\/strong><\/h3>\n<p><span style=\"font-weight: 400\">Mit der Zustimmung Ihrer Benutzer k\u00f6nnen Sie anonym Daten dar\u00fcber sammeln, welche Seiten sie am h\u00e4ufigsten aufrufen, wie viel Zeit sie auf diesen verbringen und wie schnell die Navigation insgesamt ist. Ein Tool wie <a href=\"https:\/\/analytics.google.com\/analytics\/web\/#\/provision\">Google Analytics<\/a> kann Ihnen hier helfen, herauszufinden, an welchen Seiten Sie noch etwas anpassen m\u00fcssen. Auf diese Weise wissen Sie, worauf Sie Ihre Arbeit konzentrieren m\u00fcssen.<\/span><\/p>\n<h2><strong>Bringen Sie Ihre Anwendung ins Rollen!<\/strong><\/h2>\n<p><span style=\"font-weight: 400\">Das Erstellen einer mobilen Anwendung kann Zeit in Anspruch nehmen, aber die M\u00fche lohnt sich. Durch Apps sind Sie h\u00e4ufiger in Kontakt mit Ihren Nutzern und k\u00f6nnen eine besondere Beziehung zu ihnen aufbauen. Versuchen Sie, Feedback von Ihren Kunden zu erhalten, und \u00fcberpr\u00fcfen Sie fortlaufend die gesamte Navigation. Dadurch k\u00f6nnen Sie Bereiche finden, die verbessert werden k\u00f6nnen, und solche, die gut funktionieren. Dar\u00fcber hinaus k\u00f6nnen wir Ihnen nur raten, mit einer auf die Entwicklung mobiler Anwendungen <a href=\"https:\/\/www.sortlist.de\/webdesign\/berlin-de\" target=\"_blank\" rel=\"noopener noreferrer\">spezialisierten Agentur<\/a> zusammenzuarbeiten, um Ihr Projekt m\u00f6glichst schnell und professionell zu realisieren.\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mehr als ein Jahrzehnt nach der Einf\u00fchrung der ersten Smartphones sind mobile Anwendungen f\u00fcr die meisten von uns allt\u00e4glich geworden. Das \u00dcberraschungs- und Innovationselement ist zwar gr\u00f6\u00dftenteils weg, aber eine eigene mobile Anwendung zu haben, ist ein ernsthafter Vorteil, wenn man dem Nutzer eine Dienstleistung oder Inhalte mitgeben will. Wenn Sie Ihre eigene App gestalten [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":2570,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[46],"class_list":["post-2568","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile-app-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>App Design - So entwickeln Sie Ihre mobile Anwendung - Sortlist Blog<\/title>\n<meta name=\"description\" content=\"In diesem Artikel finden Sie alles zum Thema App Design. Von der Konzeption bis zur fertigen App erhalten Sie hier alle n\u00f6tigen Tipps!\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"App Design - So entwickeln Sie Ihre mobile Anwendung - Sortlist Blog\" \/>\n<meta property=\"og:description\" content=\"In diesem Artikel finden Sie alles zum Thema App Design. Von der Konzeption bis zur fertigen App erhalten Sie hier alle n\u00f6tigen Tipps!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-de.sortlist-test.com\/blog\/app-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Sortlist Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-09T11:00:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www-de.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/02\/tran-mau-tri-tam-k4rxg_9zcby-unsplash-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1652\" \/>\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=\"6 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www-de.sortlist-test.com\/blog\/app-design\/\",\"url\":\"https:\/\/www-de.sortlist-test.com\/blog\/app-design\/\",\"name\":\"App Design - So entwickeln Sie Ihre mobile Anwendung - Sortlist Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www-de.sortlist-test.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www-de.sortlist-test.com\/blog\/app-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www-de.sortlist-test.com\/blog\/app-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www-de.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/02\/tran-mau-tri-tam-k4rxg_9zcby-unsplash-scaled.jpg\",\"datePublished\":\"2021-02-09T11:00:46+00:00\",\"dateModified\":\"2021-02-09T11:00:46+00:00\",\"author\":{\"@id\":\"https:\/\/www-de.sortlist-test.com\/blog\/#\/schema\/person\/be7b256a5012d4d2bbbcdf44fe6387d9\"},\"description\":\"In diesem Artikel finden Sie alles zum Thema App Design. Von der Konzeption bis zur fertigen App erhalten Sie hier alle n\u00f6tigen Tipps!\",\"breadcrumb\":{\"@id\":\"https:\/\/www-de.sortlist-test.com\/blog\/app-design\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www-de.sortlist-test.com\/blog\/app-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/www-de.sortlist-test.com\/blog\/app-design\/#primaryimage\",\"url\":\"https:\/\/www-de.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/02\/tran-mau-tri-tam-k4rxg_9zcby-unsplash-scaled.jpg\",\"contentUrl\":\"https:\/\/www-de.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/02\/tran-mau-tri-tam-k4rxg_9zcby-unsplash-scaled.jpg\",\"width\":2560,\"height\":1652,\"caption\":\"App Design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www-de.sortlist-test.com\/blog\/app-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www-de.sortlist-test.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"App Design &#8211; So entwickeln Sie Ihre mobile Anwendung\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www-de.sortlist-test.com\/blog\/#website\",\"url\":\"https:\/\/www-de.sortlist-test.com\/blog\/\",\"name\":\"Sortlist Blog\",\"description\":\"Sortlist Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www-de.sortlist-test.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www-de.sortlist-test.com\/blog\/#\/schema\/person\/be7b256a5012d4d2bbbcdf44fe6387d9\",\"name\":\"Leonard Basse\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/www-de.sortlist-test.com\/blog\/#\/schema\/person\/image\/\",\"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\":\"who 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-de.sortlist-test.com\/blog\/author\/leonard-basse\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"App Design - So entwickeln Sie Ihre mobile Anwendung - Sortlist Blog","description":"In diesem Artikel finden Sie alles zum Thema App Design. Von der Konzeption bis zur fertigen App erhalten Sie hier alle n\u00f6tigen Tipps!","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"de_DE","og_type":"article","og_title":"App Design - So entwickeln Sie Ihre mobile Anwendung - Sortlist Blog","og_description":"In diesem Artikel finden Sie alles zum Thema App Design. Von der Konzeption bis zur fertigen App erhalten Sie hier alle n\u00f6tigen Tipps!","og_url":"https:\/\/www-de.sortlist-test.com\/blog\/app-design\/","og_site_name":"Sortlist Blog","article_published_time":"2021-02-09T11:00:46+00:00","og_image":[{"width":2560,"height":1652,"url":"https:\/\/www-de.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/02\/tran-mau-tri-tam-k4rxg_9zcby-unsplash-scaled.jpg","type":"image\/jpeg"}],"author":"Leonard Basse","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Leonard Basse","Gesch\u00e4tzte Lesezeit":"6 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www-de.sortlist-test.com\/blog\/app-design\/","url":"https:\/\/www-de.sortlist-test.com\/blog\/app-design\/","name":"App Design - So entwickeln Sie Ihre mobile Anwendung - Sortlist Blog","isPartOf":{"@id":"https:\/\/www-de.sortlist-test.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-de.sortlist-test.com\/blog\/app-design\/#primaryimage"},"image":{"@id":"https:\/\/www-de.sortlist-test.com\/blog\/app-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www-de.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/02\/tran-mau-tri-tam-k4rxg_9zcby-unsplash-scaled.jpg","datePublished":"2021-02-09T11:00:46+00:00","dateModified":"2021-02-09T11:00:46+00:00","author":{"@id":"https:\/\/www-de.sortlist-test.com\/blog\/#\/schema\/person\/be7b256a5012d4d2bbbcdf44fe6387d9"},"description":"In diesem Artikel finden Sie alles zum Thema App Design. Von der Konzeption bis zur fertigen App erhalten Sie hier alle n\u00f6tigen Tipps!","breadcrumb":{"@id":"https:\/\/www-de.sortlist-test.com\/blog\/app-design\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-de.sortlist-test.com\/blog\/app-design\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/www-de.sortlist-test.com\/blog\/app-design\/#primaryimage","url":"https:\/\/www-de.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/02\/tran-mau-tri-tam-k4rxg_9zcby-unsplash-scaled.jpg","contentUrl":"https:\/\/www-de.sortlist-test.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/02\/tran-mau-tri-tam-k4rxg_9zcby-unsplash-scaled.jpg","width":2560,"height":1652,"caption":"App Design"},{"@type":"BreadcrumbList","@id":"https:\/\/www-de.sortlist-test.com\/blog\/app-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www-de.sortlist-test.com\/blog\/"},{"@type":"ListItem","position":2,"name":"App Design &#8211; So entwickeln Sie Ihre mobile Anwendung"}]},{"@type":"WebSite","@id":"https:\/\/www-de.sortlist-test.com\/blog\/#website","url":"https:\/\/www-de.sortlist-test.com\/blog\/","name":"Sortlist Blog","description":"Sortlist Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-de.sortlist-test.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/www-de.sortlist-test.com\/blog\/#\/schema\/person\/be7b256a5012d4d2bbbcdf44fe6387d9","name":"Leonard Basse","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/www-de.sortlist-test.com\/blog\/#\/schema\/person\/image\/","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":"who 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-de.sortlist-test.com\/blog\/author\/leonard-basse\/"}]}},"_links":{"self":[{"href":"https:\/\/www-de.sortlist-test.com\/blog\/wp-json\/wp\/v2\/posts\/2568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-de.sortlist-test.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-de.sortlist-test.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-de.sortlist-test.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www-de.sortlist-test.com\/blog\/wp-json\/wp\/v2\/comments?post=2568"}],"version-history":[{"count":0,"href":"https:\/\/www-de.sortlist-test.com\/blog\/wp-json\/wp\/v2\/posts\/2568\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-de.sortlist-test.com\/blog\/wp-json\/wp\/v2\/media\/2570"}],"wp:attachment":[{"href":"https:\/\/www-de.sortlist-test.com\/blog\/wp-json\/wp\/v2\/media?parent=2568"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-de.sortlist-test.com\/blog\/wp-json\/wp\/v2\/categories?post=2568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}