{"id":3855,"date":"2019-11-29T09:00:12","date_gmt":"2019-11-29T09:00:12","guid":{"rendered":"https:\/\/swisstomato.ch\/2019\/11\/29\/die-besten-design-praktiken-bei-der-entwicklung-von-mobilen-ios-apps\/"},"modified":"2019-11-29T09:00:12","modified_gmt":"2019-11-29T09:00:12","slug":"die-besten-design-praktiken-bei-der-entwicklung-von-mobilen-ios-apps","status":"publish","type":"post","link":"https:\/\/swisstomato.ch\/de\/2019\/11\/29\/die-besten-design-praktiken-bei-der-entwicklung-von-mobilen-ios-apps\/","title":{"rendered":"Die besten Design-Praktiken bei der Entwicklung von mobilen iOS-Apps"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">W\u00e4hrend der Entwicklung einer mobilen App f\u00fcr IOS muss man einige Aspekte ber\u00fccksichtigen, um die \u201eBest Practices\u201c, die bestm\u00f6glichen Vorgehensweisen, zur Optimierung der App-Leistung und der Benutzererfahrung zu ermitteln. Design ist ein entscheidender Schritt bei der Entwicklung jeder mobilen App, aber wenn es nicht zum Betriebssystem passt, haben Sie ein grosses Problem, insbesondere was den Aspekt der Benutzerfreundlichkeit angeht. Dieser Artikel behandelt die besten M\u00f6glichkeiten zum Design Ihrer App nach den neuesten IOS-Standards, um die perfekte Harmonie zwischen Design und IOS-Benutzererfahrung zu schaffen \u2013 wohl die Priorit\u00e4t Nummer 1 bei der Entwicklung einer mobilen App.<\/span><b>\u00a0<\/b><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><b>Die Bedeutung der Textausrichtung<\/b><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">Die Textausrichtung ist sicher eines der wichtigsten Dinge, die beim Design einer mobilen App ber\u00fccksichtigt werden m\u00fcssen. Stellen Sie sicher, dass an den R\u00e4ndern gen\u00fcgend Platz ist, das bedeutet nach IOS-Standards 16 Punkte bei kompakter Gr\u00f6sse oder 20 Punkte bei normaler Gr\u00f6sse.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00dcblicherweise sollte der Text entweder zentriert oder links positioniert werden, Titel sollten dem Textstil sowie den Schaltfl\u00e4chen folgen. Buttons zum Bearbeiten und L\u00f6schen sollten normalerweise oben links oder unter den Schaltfl\u00e4chen bleiben, zwischen Text, sodass der ganze Raum gleichm\u00e4ssig aufgeteilt und organisiert ist. Die Faustregel w\u00e4re, einem konsistenten und spezifischen Muster zu folgen und auf Abstand zu achten.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><b>Lesbarkeit des Textes<\/b><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">Bei der Entwicklung mobiler Apps f\u00fcr iOS ist ein hoher Kontrast zwischen Titeln, Untertiteln und Text sowie die Gr\u00f6sse wahrscheinlich eine Selbstverst\u00e4ndlichkeit, aber dennoch absolut kritisch. Sie sollten Titel immer von normalem Text unterscheiden und so viel Kontrast wie m\u00f6glich haben, um sie auf sehr organische und einfache Weise (ohne Chaos) voneinander abzusetzen. Abstand und Gr\u00f6sse sind ebenfalls erw\u00e4hnenswert, wenn es darum geht, die beste Benutzererfahrung bei der Entwicklung mobiler Apps zu erreichen. Es kommt vor, dass man Probleme mit der Menge an Informationen oder der Verf\u00fcgbarkeit von Speicherplatz hat, aber im Zweifelsfall sollten Sie der Lesbarkeit und sinnvollem Abstand immer den Vorzug vor allem anderen geben.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><b>App-Symbol ohne Text<\/b><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">Es empfiehlt sich dringend, beim Entwerfen eines Symbols f\u00fcr eine mobile App keinen Text zu integrieren, da er pixelig und schwer lesbar wird. Ausserdem ist es nun mal so, dass Menschen sich viel eher an ein sch\u00f6nes Bild als an textlastige Elemente erinnern.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Achten Sie darauf, dass Ihr App-Symbol ein einfaches Bild mit Wiedererkennungswert hat und nicht zu viele Farben \u2013 beim Design von mobilen Apps gilt in der Regel \u201eweniger ist mehr\u201c.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><b>Hochaufl\u00f6sende visuelle Elemente<\/b><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">Jeder liebt eine mobile App-Entwicklung mit sch\u00f6nen Bildern, die den gesamten Bildschirm einnehmen. Saubere und pixelperfekte Bilder, die auf jeden Fall das menschliche Auge erfreuen. Nutzer lieben \u00fcbersichtliche und aufger\u00e4umte Bildschirme ohne St\u00f6rungen wie pixelige Verzerrungen und seltsame Komprimierungen.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Standardm\u00e4ssig erfordern hochaufl\u00f6sende Displays Bilder mit mehr Pixeln, d. h. f\u00fcr die neuesten IOS-Ger\u00e4te Bilder mit @3x f\u00fcr die neuesten iPhones, also 300px x 300px. Den Prinzipien der Entwicklung von mobilen Apps f\u00fcr IOS-Ger\u00e4te folgend, sollten Sie immer PNG- und 8-Bit-Farbpaletten verwenden, was die Dateigr\u00f6sse verringert, aber die Qualit\u00e4t nicht beeintr\u00e4chtigt.<\/span><\/p>\n<p><b>Fazit: Bei der Entwicklung einer mobilen App f\u00fcr IOS gibt es eine Menge Dinge zu beachten, um die bestm\u00f6gliche Benutzererfahrung zu erzielen. Die erw\u00e4hnten Richtlinien bieten Ihnen einen kleinen Einblick in die IOS-Welt und eine Vorstellung dar\u00fcber, was es in der Kunst der Entwicklung mobiler Apps zu meistern gilt. Weitere Informationen zur <a href=\"\/?page_id=6524\">Entwicklung von iOS-Apps finden Sie hier<\/a>.<\/b><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>W\u00e4hrend der Entwicklung einer mobilen App f\u00fcr IOS muss man einige Aspekte ber\u00fccksichtigen, um die \u201eBest Practices\u201c, die bestm\u00f6glichen Vorgehensweisen, zur Optimierung der App-Leistung und der Benutzererfahrung zu ermitteln. Design ist ein entscheidender Schritt bei der Entwicklung jeder mobilen App, aber wenn es nicht zum Betriebssystem passt, haben Sie ein grosses Problem, insbesondere was den [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1188,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5],"tags":[],"acf":{"first_post_thumbnail":3859,"post_thumbnail":3865,"home_slider_image":3871,"custom_class":""},"featured_image_big_url":"https:\/\/swisstomato.ch\/wp-content\/uploads\/2022\/06\/ios-1250x560-1.jpg","featured_image_url":"https:\/\/swisstomato.ch\/wp-content\/uploads\/2022\/06\/ios-1250x560-1.jpg","date_formatted":" 29, 2019","month_number":"11","_links":{"self":[{"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/posts\/3855"}],"collection":[{"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/comments?post=3855"}],"version-history":[{"count":0,"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/posts\/3855\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/media\/1188"}],"wp:attachment":[{"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/media?parent=3855"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/categories?post=3855"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/swisstomato.ch\/de\/wp-json\/wp\/v2\/tags?post=3855"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}