{"id":195172,"date":"2022-09-22T08:36:24","date_gmt":"2022-09-22T06:36:24","guid":{"rendered":"https:\/\/www.ifun.de\/?p=195172"},"modified":"2022-09-22T08:37:54","modified_gmt":"2022-09-22T06:37:54","slug":"apples-design-bibel-human-interface-guidelines-mit-neuen-inhalten","status":"publish","type":"post","link":"https:\/\/www.ifun.de\/apples-design-bibel-human-interface-guidelines-mit-neuen-inhalten-195172\/","title":{"rendered":"Apples Design-Bibel: Human Interface Guidelines mit neuen Inhalten"},"content":{"rendered":"<p>Wie gestaltet man eine gute Mac-Applikation? Wann werden Checkboxen in der Benutzeroberfl\u00e4che Angezeigt, wann ist ein Dropdown-Men\u00fc angebracht? Und wie sollten Entwickler mit der neuen Action-Taste der Apple Watch Ultra umgehen?<\/p>\n<p><a href=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/apple-design-resources_2x-scaled.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-195175\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/apple-design-resources_2x-500x317.jpg\" alt=\"Apple Design Resources 2x\" width=\"500\" height=\"317\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/apple-design-resources_2x-500x317.jpg 500w, https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/apple-design-resources_2x-700x444.jpg 700w, https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/apple-design-resources_2x-768x488.jpg 768w, https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/apple-design-resources_2x-1536x975.jpg 1536w, https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/apple-design-resources_2x-2048x1300.jpg 2048w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Antworten auf diese und viele weitere Fragen liefern Apples <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/guidelines\/overview\">Human Interface Guidelines<\/a>, ein Kompendium an Hinweisen, Ratgebern und Anleitungen zu Aufbau, Struktur der Bedienelemente auf Mac, iPhone, iPad und Apple Watch.<\/p>\n<h2>Viele neue Inhalte verf\u00fcgbar<\/h2>\n<p>Im Anschluss an das j\u00fcngste Hardware-Event hat Apple die Human Interface Guidelines in vielen Bereichen \u00fcberarbeitet, erweitert und um neue Abschnitte erg\u00e4nzt.<\/p>\n<p><a href=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/context-menu-intro_2x.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-195177\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/context-menu-intro_2x-700x394.jpg\" alt=\"Context Menu Intro 2x\" width=\"700\" height=\"394\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/context-menu-intro_2x-700x394.jpg 700w, https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/context-menu-intro_2x-500x281.jpg 500w, https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/context-menu-intro_2x-768x432.jpg 768w, https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/context-menu-intro_2x.jpg 960w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>Unter anderem wurde der Bereich \u00fcber <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/components\/menus-and-actions\/menus\">Aufbau und Einsatz von Men\u00fcs<\/a> neu verfasst. Hier f\u00fchrt Apple durch die Unterschiedlichen Einsatzzwecke von Schaltfl\u00e4chen wie <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/components\/menus-and-actions\/pop-up-buttons\">Pop-Up-<\/a> und <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/components\/menus-and-actions\/pull-down-buttons\">Pull-Down-Buttons<\/a>, von versteckten <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/components\/menus-and-actions\/context-menus\">Kontextmen\u00fcs<\/a>, die aktiv eingeblendet werden m\u00fcssen und jenen Eintr\u00e4gem, die in der macOS-Men\u00fcleiste abgelegt werden sollten.<\/p>\n<p><a href=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/safe-area.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-195176\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/safe-area-700x376.jpg\" alt=\"Safe Area\" width=\"700\" height=\"376\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/safe-area-700x376.jpg 700w, https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/safe-area-500x269.jpg 500w, https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/safe-area-768x413.jpg 768w, https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/safe-area.jpg 1242w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>Die <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/foundations\/layout\">ebenfalls neue Layout-Sektion<\/a> widmet sich der Anordnung von Fenster auf den Bildschirmen von Mac, iPad und iPhone, geht auf sogenannte &#8222;Safe Areas&#8220; ein, die bestenfalls nicht bzw. auf eine besondere Art und Weise genutzt werden sollten und erinnert Mac-Entwickler daran, wo wichtige Bedienelemente m\u00f6glichst nicht platziert werden sollten:<\/p>\n<blockquote><p>&#8222;Vermeiden Sie es, Steuerelemente oder wichtige Informationen am unteren Rand eines Fensters zu platzieren. H\u00e4ufig werden Fenster so verschoben, dass sich der untere Rand unterhalb des unteren Bildschirmrandes befindet.&#8220;<\/p><\/blockquote>\n<p>Auch wenn sich beim Blick in den Mac-App-Store der Eindruck einstellt, dass <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/guidelines\/overview\">Apples Human Interface Guidelines<\/a> von vielen Entwicklern nicht mehr mit der selben Akribie wie vor zehn Jahren umgesetzt werden, haben diese so viel Relevanz wie eh und je. Zudem muss man kein Entwickler sein, um sich f\u00fcr die Hintergr\u00fcnde der in den HIG angef\u00fchrten Empfehlungen zu interessieren.<\/p>\n<p>Wir nehmen das Update der Richtlinien zum Anlass euch das unverbindliche St\u00f6bern in Apples Dokumentation ans Herz zu legen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vg09.met.vgwort.de\/na\/5787c1540dd24b6889cce2ce35db075b\" width=\"1\" height=\"1\" no-lazy class=\"tracking\"><\/p>\n","protected":false},"excerpt":{"rendered":"<a href=\"https:\/\/www.ifun.de\/apples-design-bibel-human-interface-guidelines-mit-neuen-inhalten-195172\/\"><img width=\"150\" height=\"150\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/context-menu-intro_2x-150x150.jpg\" class=\"alignright tfe wp-post-image\" alt=\"Context Menu Intro 2x\" decoding=\"async\" loading=\"lazy\" \/><\/a><p>Wie gestaltet man eine gute Mac-Applikation? Wann werden Checkboxen in der Benutzeroberfl\u00e4che Angezeigt, wann ist ein Dropdown-Men\u00fc angebracht? Und wie sollten Entwickler mit der neuen Action-Taste der Apple Watch Ultra umgehen? Antworten auf diese und viele weitere Fragen liefern Apples Human Interface Guidelines, ein Kompendium an Hinweisen, Ratgebern und Anleitungen zu Aufbau, Struktur der Bedienelemente [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":195177,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[4736,250,5944],"class_list":["post-195172","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-apple","tag-design","tag-hig"],"acf":[],"aioseo_notices":[],"featured_image":["https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/hello-feature.jpg"],"subheadline":["Best-Practice-Kompendium"],"rest_api_enabler":{"featured_image":"https:\/\/images.ifun.de\/wp-content\/uploads\/2022\/09\/hello-feature.jpg","subheadline":"Best-Practice-Kompendium"},"_links":{"self":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/195172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/comments?post=195172"}],"version-history":[{"count":2,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/195172\/revisions"}],"predecessor-version":[{"id":195181,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/195172\/revisions\/195181"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media\/195177"}],"wp:attachment":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media?parent=195172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/categories?post=195172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/tags?post=195172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}