Share
Die meisten etablierten mobilen Plattformen verfügen über eine Reihe von Entwurfsmustern, schriftlichen oder ungeschriebenen Richtlinien, wie Dinge aussehen, sich anfühlen und funktionieren sollten. Die Anwendung bewährter Entwurfsmuster verbessert die Benutzerfreundlichkeit Ihres Produkts, erhöht die Konvertierung und vermittelt den Benutzern ein vertrautes Gefühl. Das Ignorieren von Standards wird die Benutzer verwirren und frustrieren. Dies sollte jeder Designer so weit wie möglich vermeiden.
In diesem Artikel werfen wir einen Blick auf Designmuster unter iOS. Wir zeigen Ihnen einige Beispiele, die veranschaulichen, wie vorhandene Anwendungen einige dieser Designmuster anwenden.
Kurz gesagt, ein Entwurfsmuster ist eine wiederkehrende Lösung, die ein bestimmtes Entwurfsproblem löst. Da es wiederkehrend ist und die Benutzer häufig darauf stoßen, werden sie schnell mit der Lösung vertraut, die das Muster bietet.
Streifen bietet ein Designmuster für mobile Zahlungen.Zum Beispiel ist das Hamburger-Symbol ein bekanntes Designmuster. Wir alle wissen, dass beim Tippen auf das Symbol ein Menü geöffnet wird. Dieses Verhalten ist so tief verwurzelt, dass es den Benutzer verwirren würde, wenn das Tippen auf das Symbol zu einer anderen Aktion führte.
Wenn Designer keine Entwurfsmuster befolgen und stattdessen ihre eigene Lösung implementieren, sind zwei Ergebnisse möglich:
Seien Sie jedoch vorsichtig, denn die Grenze zwischen einer frustrierenden Erfahrung und einem innovativen Design ist oft dünner als Sie es erwarten.
In diesem Sinne konzentrieren wir uns auf iOS und sehen, wie Designmuster für Apples mobile Plattform gelten.
Um konsistente Designstandards für die iOS-Plattform zu entwickeln, stellt Apple ein Dokument bereit, das als Human Interface Guidelines oder HIG. Es definiert Standards, an die sich Entwickler und Designer halten müssen. Beispiele sind das Standard-Tastaturlayout, die Datumsauswahl und die Statusleiste.
Designstandards sind jedoch nicht auf die Verwendung konsistenter Elemente der Benutzeroberfläche beschränkt. Neben der Veröffentlichung von iOS 7 umriss Apple auch seine neue Vision bezüglich des Designs, die drei Hauptthemen enthält, die in den iOS-Richtlinien für Benutzeroberflächen von Apple beschrieben sind:
Die größte Änderung in iOS 7 war die visuelle Darstellung von Elementen. Flaches Design wurde iOS-Benutzern vorgestellt, was eine große Veränderung war. Viele Leute fühlten, dass es nicht unbedingt eine Verbesserung war.
Im Rückblick auf iOS 6 ist die allgemeine Meinung, dass skeuomorphes Design veraltet ist. Unsere Wahrnehmungen haben sich deutlich verschoben.
Wenn sich Menschen an das flache Design von iOS 7 gewöhnen, bedeutet das, dass sie sich an einen bestimmten visuellen Stil gewöhnen. Anders ausgedrückt: Als Entwickler halten Sie sich vorzugsweise an den visuellen Stil von iOS 7, da dies die Benutzer von iOS erwarten.
Natürlich geht es nicht nur um das Aussehen Ihrer Anwendung. Wie es sich verhält und fühlt, ist auch ein wichtiger Aspekt. Subtile Animationen sind zu einem Markenzeichen von iOS 7 geworden. Dies hat einen genauso großen Einfluss auf das Erscheinungsbild Ihrer Anwendung wie die visuellen Elemente.
Die Animationen, die Sie in Ihrer Anwendung verwenden, sind Teil von Design-Mustern. Benutzer spüren und schätzen raffinierte Animationen, so dass es sich lohnt, sich dafür einzusetzen.
Das Aussehen und Verhalten von Symbolen ist wichtig. Dies ist ein Screenshot der iOS-Anwendung von Facebook.Wir verwenden während des Designprozesses einer Anwendung viel Ikonografie. Icons sind ein wichtiges Werkzeug für Schnittstellenentwurfsmuster, da sie unabhängig vom Kontext des Benutzers eine globale Bedeutung haben.
Die korrekte Verwendung von Symbolen ist ein guter Anfang für das Anwenden von Entwurfsmustern. Das Aussehen und Verhalten dieser Symbole ist jedoch ebenfalls entscheidend. Wir haben uns mit der flachen und einfachen Ikonographie vertraut gemacht. Eine sehr detaillierte Ikonografie bedeutet, dass wir die Erwartungen des Benutzers nicht erfüllen und dadurch die Effektivität des Designs brechen.
Eines der wichtigsten neuen Designmuster ist die Verwendung von durchscheinende Elemente der Benutzeroberfläche. Das überarbeitete Kontrollzentrum ist ein gutes Beispiel. Apple verwendet Transluzenz und Unschärfe, um den Benutzer auf den Inhalt im Hintergrund aufmerksam zu machen. Es hilft, dem Benutzer den Kontext beim Steuern des Kontrollzentrums zu geben.
Die Verwendung von negativer Raum Hilft auch, Designs effizienter und nutzbarer zu machen. Dies ist eine der Schlüsselkomponenten, durch die sich iOS 7 so sehr von iOS 6 unterscheidet. In Kombination mit einer begrenzten Anzahl von Tastenfarben erhalten Sie so die wesentlichen Voraussetzungen für eine durchdachte Benutzeroberfläche. Als Designer und Entwickler sind wir gezwungen, mehr über die Designentscheidungen nachzudenken, die wir treffen - auch die kleinen.
Eine wichtige und möglicherweise kontroverse Änderung war die Umstellung auf randlose Knöpfe, eine kritische Änderung in iOS-Entwurfsmustern. Dies ist vielleicht auch einer der Gründe, warum iOS 7 anfangs viel Kritik erhielt. Es ist ein extremer Ansatz für flaches Design. Diese Änderung veranschaulicht perfekt die feine Linie zwischen innovativem Design und Design, die zu Frustration führt.
Und für Elemente der Benutzeroberfläche gibt es natürlich die wichtigsten Details, die Sie berücksichtigen müssen. Symbolleisten- und Navigationsleisten-Symbole sollten zum Beispiel einen anzeigbaren Bereich von mindestens 44x44 Punkten haben. Bei Symbolen der Registerkartenleiste werden 50x50 Punkte empfohlen. In einer Registerkartenleiste können maximal fünf Symbole für iPhone und iPod Touch angezeigt werden. Eine vollständige Liste der empfohlenen Größen für verschiedene Benutzeroberflächenelemente finden Sie in den Human Interface Guidelines.
Gleiches gilt für Gesten. Die Verwendung von dunklen oder schwer zu erratenden Gesten für häufige Aktionen führt zu verwirrten Benutzern. Die Verwendung einer Prise-Geste zum Öffnen eines Links scheint eine ziemlich schlechte Idee zu sein. Recht?
Ein weiterer Schwerpunkt von iOS 7 ist die Typografie. Apple empfiehlt die Verwendung einer einzelnen dynamischen Schriftart anstelle mehrerer Schriftarten.
Auch beim Application Branding gibt es eine klare Vision. Obwohl wir uns an das explizite Branding von Anwendungen gewöhnt haben, zieht Apple jetzt Marken vor, die weniger explizit in der Art und Weise sind, wie sie selbst brandmarken und werben. Mit anderen Worten, das Design oder die Benutzeroberfläche sollte den Fokus haben, nicht die Marke. Die Hauptfarben und die Designsprache der Anwendung sind perfekt, um eine Marke auf unauffällige Weise zu bewerben.
Viele E-Mail-Clients verwenden einen Split-View-Controller für eine effiziente Navigation.Entwurfsmuster bestimmen nicht nur Best Practices für Designs im Allgemeinen - sie werden auch spezifisch. Einige Geräte haben oder erfordern andere Standards. Einige iPad-Schnittstellen sind ein gutes Beispiel.
Popovers und Split-View-Controller sind zum Beispiel Elemente der Benutzeroberfläche, die Sie auf einem iPhone oder iPod Touch nicht finden. Diese Designmuster eignen sich für größere Bildschirme wie das iPad, iPad Air und iPad Mini.
Das Popover ist etwas, das Sie nicht auf einem iPhone oder iPod Touch finden können. Dies ist ein Screenshot eines Popovers in Apples iBooks-Anwendung.
Die Tumblr-Anwendung für iOS ist ein hervorragendes Beispiel für die Fokussierung auf einen horizontalen Benutzerfluss anstelle eines vertikalen.Designmuster basieren auf gesundem Menschenverstand und Übung. Es ist sinnlos zu Ziel für innovatives Design, wenn die Chance besteht, dass Sie mit einem frustrierten Benutzer enden. Halten Sie sich an die geltenden Richtlinien, verwenden Sie bewährte Designmuster und verbessern Sie die Benutzerfreundlichkeit Ihres Produkts.
Ermitteln Sie, welche Lösungen andere Anwendungen zur Lösung bestimmter Probleme verwenden. Wie gehen die meisten Anwendungen mit der Benutzerregistrierung um? Was sind getestete Ansätze zur Integration von E-Commerce? Wie lässt sich Social Sharing am besten in eine Anwendung integrieren? Wenn Sie bei der Verwendung von Anwendungen auf Details achten, können Sie sich mit verschiedenen Entwurfsmustern vertraut machen.
Accentsconagua