Werfen Sie einen Blick auf einen Screenshot von einem iPhone vor iOS 7 und Sie werden sich fragen, wie wir jemals so viele Jahre lang eine so abscheuliche Benutzeroberfläche verwendet haben. Die skeumorphe Designsprache beinhaltete so viel Kunstholz, glänzendes Plastik und graue Farbverläufe, dass es fast nirgendwo gibt, wo der eigentliche Inhalt der App platziert werden kann.
iOS 7 ging weg zu weit in die entgegengesetzte Richtung, mit flachen weißen Seiten und dünnem Text. Ist das ein Knopf? Ist es nur ein Etikett? Kann ich es drücken? Wer weiß? Wir leiden noch heute unter dieser Mehrdeutigkeit der Benutzeroberfläche in iOS 13. Der Text wurde dicker, aber es ist immer noch schwer zu wissen, was zu drücken ist und was nur zum Lesen da ist.
Es ist klar, dass es zwischen diesen beiden Extremen einen Raum gibt. Etwas so sauber wie iOS 7 und gleichzeitig so offensichtlich und nutzbar wie iOS 6 und frühere Versionen. Aber wie würde das aussehen? Ich weiß was ich wollen wie es aussieht. Es heißt „Neumorphismus“ und sieht fantastisch aus.
Neumorphismus
Neumorphismus ist ein aufkommender Designtrend. Das Wort ist ein Amalgam von neu (oder „neu“) und Skeuomorphismus.
Im Gegensatz zum Skeuomorphismus, der die physikalische Welt in einem absurden, hyperrealen Maß nachahmt, fügt der Neumorphismus dem heutigen flachen UI-Paradigma ein physikalisches Element hinzu. Ein Blick auf die Bilder in diesem Beitrag verrät Ihnen alles. Dezente Lichteffekte oder Schattierungen verleihen einer flachen Ebene Textur und Tiefe. Farbe wird sparsam und mit Bedacht verwendet, um die Navigation zu erleichtern. Sie werden nie wieder auf einen grauen, etikettenartigen „Knopf“ schauen und sich fragen, ob er ein- oder ausgeschaltet ist. Sie werden es sofort wissen, denn es wird erhaben (oder nicht) oder gefärbt (oder nicht).
Vergleichen Sie die anderen Screenshots hier mit diesem meines iPads, während ich diesen Artikel schreibe:
Dieser Screenshot zeigt, wie Ulysses neben Safari läuft. Welche dieser Apps hat derzeit den Schwerpunkt? Werden Buchstaben in Ulysses angezeigt, wenn ich tippe oder nicht? Ich weiß es nicht, und ich schreibe gerade diesen Artikel. Stellen Sie sich vor, stattdessen wäre ein Fenster leicht angehoben oder das aktive Fenster hätte 3D-Schaltflächen, während die Schaltflächen des inaktiven Fensters flach blieben.
Neumorphismus ist schon da
Designer David Ofiare Notizen dass dieser Trend im November 2019 begann, obwohl er sich auf Designkonzepte auf Dribbble zu beziehen scheint. Diese Designsprache ist jedoch bereits hier, in App Store-Apps wie der von Klevgrand Stark Amp-Simulator.
Das ist ein wenig flach, aber es verwendet Farbe, um den Zustand anzuzeigen. Ich liebe es. Jetzt check out Hillman, eine Vintage-Synth-App vom gleichen Entwickler. Es ist ein Lehrbuchbeispiel für Neumorphismus.
Und diese Apps sind ab sofort auf Ihrem iPad oder Mac verfügbar.
Warum der Dark Mode verwirrend ist
Ein neuer UI-Trend, der von Apple aufgegriffen wurde, erschwert das klare UI-Design tatsächlich. Der unter macOS und iOS verfügbare Dark Mode macht es unmöglich, Schatten zu verwenden, denn wie sieht man einen Schatten auf Schwarz? Unter iOS macht es kaum einen Unterschied, da das mobile Betriebssystem keine Tiefenhinweise bietet. Aber auf dem Mac, wo subtile Schlagschatten die Stapelebene von Fenstern anzeigen, macht es der dunkle Modus schwer, zu sehen, was oben liegt. Neumorphismus kann helfen, da seine subtile 3D-Schattierung sowohl Lichter als auch Schatten verwendet.
Wird Apple den Neumorphismus annehmen?
Ich bin ein großer Fan dieses Neumorphismus-Trends. Es ist augenschonend, aber dennoch visuell reichhaltig und in der Lage, viele Informationen über den Zustand zu vermitteln. Und das liegt daran, dass es reale Hinweise verwendet. Wir Menschen sind erstaunlich darin, subtile Unterscheidungen über die reale Welt zu treffen, und diese Designsprache – ob Sie es Neumorphismus nennen, weiche Benutzeroberfläche oder anderweitig – verwendet dieselben subtilen, realen Hinweise. Es ist sauber und einfach, weil wir uns fast keine Mühe geben müssen, es zu entziffern.
Diese Art von Real-World/Cartoon-Hybrid kann am Ende so alt aussehen wie der grüne Baize-Hintergrund von Game Center oder der von GarageBand Holzbacken. Aber im Moment ist es eine enorme Verbesserung gegenüber dem, was wir haben, sowohl ästhetisch als auch in Bezug auf die Benutzerfreundlichkeit.
Apple scheint jedoch mit der aktuellen iOS-Designsprache zufrieden zu sein, sodass wir möglicherweise von App-Entwicklern leben müssen, die es alleine machen. Dann zeigen sich wieder die ersten Anzeichen. Designer Michael Malewicz, einer seiner Website-Kommentatoren prägte den Begriff Neumorphismus, weist darauf hin, dass Apple eigene iOS 13 Markup-Tools:
Wenn Apple Tat wechsel iOS oder macOS so, dass so ziemlich jeder gute Entwickler mitmachen würde. Und stellen Sie sich vor, wie es aussehen würde, wenn Ihr gesamtes iPhone oder iPad so aussehen und funktionieren würde. Gerade Menüs hinzufügen, und Multitasking beheben, und das iPad wäre fast gelöst. Ein neumorpher Ansatz könnte auch bei der Barrierefreiheit helfen und die Nutzung von iPhone und iPad für alle vereinfachen.
Bleibt der Neumorphismus bestehen? Wer weiß. Aber ich hoffe, es geht wirklich los.