Skeuomorphismus im Interface Design

Das stimmt, Skeuomorphismus. Lassen Sie uns einen Blick darauf werfen, was dieser bizarre Begriff bedeutet, wann Sie ihn beim Interface-Design verwenden sollten und was passieren kann, wenn er schief geht.


Skeuo… was??

Wenn Sie sich nicht sicher sind, was Skeuomorphism genau ist, lassen Sie uns etwas Hilfe von der immer zuverlässigen Wikipedia erhalten, um es zu erklären.

ein Element des Designs oder der Struktur, das dem aus dem neuen Material gebildeten Artefakt wenig oder keinen Zweck dient, aber für das aus dem ursprünglichen Material hergestellte Objekt wesentlich war - Wikipedia

Im Zusammenhang mit dem Design digitaler Schnittstellen bedeutet dies im Wesentlichen, dass Elemente wie Objekte der realen Welt aussehen. Hölzerne Texturen, zerrissenes Papier und genähte Bänder sind Beispiele für Skeuomorphismus in Aktion, und in letzter Zeit sind Sie zweifellos viel mehr begegnet.

Es gibt jedoch gemischte Gefühle bei der Verwendung solcher Elemente, und für und gegen sie wurde argumentiert. Fügt der Skeuomorphismus die Benutzerfreundlichkeit hinzu oder beeinträchtigt sie? Dient es einem Zweck oder ist es rein überflüssig? Diese und weitere Fragen werden weiter unten beantwortet.


Die aktuelle Situation

Man kann mit Sicherheit sagen, dass Apple den jüngsten Anstieg dieses Designstils beeinflusst hat. Apps wie iBooks, Calendar und Find My Friends zeichnen sich durch ihr skeuomorphes Design aus. Dies hat zwangsläufig Auswirkungen auf das Design vieler anderer Apps auf dem Markt.

Skeuomorphismus ist auch nicht nur auf Apps beschränkt. Natürlich hat es auch auf vielen Websites Einzug in die Gestaltung der Benutzeroberfläche gefunden.

Das Problem ist, dass bestimmte Designstile immer populärer werden, wenn sie populär werden. wie es in der Vergangenheit bei vielen Gelegenheiten vorgekommen ist. Der Stil wird mit wenig Nachdenken über die getroffenen Entscheidungen überstrapaziert und missbraucht. Wenn dies geschieht, kann der Stil insgesamt seine Wirksamkeit verlieren, was ein wenig unfair sein kann. Der Skeuomorphismus scheint in diese Richtung zu gehen. Es lohnt sich also, sowohl die positiven als auch die negativen Aspekte eines solchen Stils zu betrachten, bevor wir eine Beurteilung vornehmen.


Die Profis

Das wichtigste Argument für den Skeumorphismus ist vielleicht, dass er dazu beitragen kann, ein Gefühl der Vertrautheit zu schaffen. Die Interaktion mit Elementen, an die sie in der realen Welt gewöhnt sind, kann dazu beitragen, dass sich die Benutzer mit der Erfahrung wohler fühlen. Dies ist besonders wichtig für Benutzer, die mit der Verwendung moderner Technologien nicht ganz vertraut sind.

Es ist erwähnenswert, dass Apple besonders gut auf diese, in der Regel ältere und weniger technologisch erfahrene Benutzergruppe abzielt. Viele Leute benutzen jetzt iPads, die nur begrenzte Erfahrung mit einem herkömmlichen Computer haben. Es ist also in gewisser Weise sinnvoll, ihre Kalenderanwendung wie einen tatsächlichen Kalender aussehen zu lassen. zweifellos haben viele Menschen schon früher Gebrauch gemacht.

Vor diesem Hintergrund ist es (wie immer) erforderlich, Ihre Zielgruppe beim Entwurf Ihrer neuen Anwendung oder Website zu berücksichtigen. Überlegen Sie, ob Ihr Publikum viel Erfahrung mit Ihrer Plattform hat, ob es etwas gibt, das möglicherweise nicht verstanden wird, und, falls vorhanden, ob es von der Verwendung skeuomorpher Elemente oder visueller Metaphern profitieren kann.

Ein weiterer positiver Aspekt des Skuomorphismus ist die Fähigkeit, eine bestimmte Atmosphäre zu vermitteln oder bestimmte Emotionen zu erzeugen. Im wirklichen Leben können wir alle unsere Sinne einsetzen, um ein Objekt zu bewerten. wie etwas aussieht, klingt, schmeckt, fühlt und riecht. Durch die Nachahmung eines realen Objekts können digitale Elemente auch die anderen Eigenschaften dieses Objekts heraufbeschwören.

Zum Beispiel kann eine Textur in Lederoptik (mit den obligatorischen Nähten) Erinnerungen an das Fühlen und Riechen von Leder anregen, was wiederum ein Gefühl von Raffinesse und Luxus bedeutet. Wenn dies die Gefühlswelt ist, mit der Sie in Verbindung gebracht werden möchten, kann es sinnvoll sein, diese Art von Element in Betracht zu ziehen, sofern dies im Kontext Ihres Projekts sinnvoll ist.

Skeuomorphic Design schafft im Allgemeinen auch eine informelle und spielerische Atmosphäre. Sie werden diesen Stil oft in Spielen oder in anderen Szenarien finden. wie zum Beispiel in Apples iBooks App.

Skeuomorphismus ist in der Tat eine gute Möglichkeit, das Thema Ihrer Website oder App schnell und klar zu kommunizieren.

Designer Marc Mendells Portfolio nutzt Skeuomorphismus durch Simulation einer Heimarbeitsumgebung. Marc verwendet einen Laptop, um Arbeiten aus seinem Portfolio anzuzeigen.

In ähnlicher Weise verwendet der Webdesigner Zoltan Hosszu viele skeumorphische Funktionen in seiner Portfolio-Website. In dieser Pseudo-Home-Umgebung zeigt er sein Portfolio in einem Regal und verwendet sogar Spot-Lighting für zusätzlichen Effekt.

Es ist üblich, dass Blogs und Online-Zeitschriften in ihren Entwürfen eine Papiertextur verwenden. Der Blog von IconEden geht noch einen Schritt weiter und enthält gestapeltes Papier, Lederrücken, ein Lesezeichen und sogar einen Füllfederhalter.

Wir haben also gesehen, dass der Skeuomorphismus einige positive Eigenschaften hat. Wie bereits erwähnt, kann es jedoch auch einige Nachteile haben.


Die Nachteile

Ein großes Problem, mit dem viele Menschen bei Skueomorphismus konfrontiert sind, besteht darin, dass bei der Erstellung realistischer Elemente leicht Fehler gemacht werden können. Das menschliche Auge ist sehr gut im Aufnehmen, wenn Dinge nicht ganz richtig aussehen, selbst wenn es sich nicht auf bewusster Ebene registriert. Dies tritt im Allgemeinen bei Lichtquellen, Schatten und Perspektiven auf.

Betrachten wir zum Beispiel den abgeschrägten oder gekrümmten Schlagschatten, der populär geworden ist. Es ist eine Änderung gegenüber dem Standard-Schlagschatten, und einige mögen argumentieren, dass es auch ziemlich cool aussieht.

Es fühlt sich jedoch nicht ganz richtig an. Der Schatten würde anzeigen, dass entweder das Objekt selbst gekrümmt ist oder die Oberfläche, auf der es ruht, ist. aber die Beleuchtung und Form von beiden lässt vermuten, dass dies nicht der Fall ist. Diese kleinen Dinge können wirklich einen Unterschied machen, daher ist die Liebe zum Detail entscheidend, wenn Sie skeuomorphe Elemente erstellen und das reale Leben imitieren.

Zuvor wurde erwähnt, dass skeuomorphe Schnittstellen die Benutzerfreundlichkeit erhöhen können, indem Elemente verwendet werden, mit denen der Benutzer bereits vertraut ist. Dies ist zwar immer noch der Fall, kann jedoch auch den gegenteiligen Effekt haben und die Menschen verwirren, wenn es nicht richtig gemacht wird.

Wenn ein Benutzer auf ein digitales Element stößt, das einem etwas ähnelt, mit dem er in der Praxis vertraut ist, erwartet er dies auch sich verhalten es ist auch in ähnlicher Weise. Wenn das Element nicht wie vorhergesagt funktioniert, kann der Benutzer frustriert werden. besonders wenn sie ein unerfahrener Benutzer sind.

Es kann zu einfach sein, sich auf das ästhetische Element einer skeuomorphen Schnittstelle zu konzentrieren und die Funktionalität zu übersehen. Vernachlässigen Sie jedoch die Funktionalität, und Sie machen aus Skeuomorphismus etwas, was die Benutzerfreundlichkeit und die Qualität der Benutzererfahrung tatsächlich beeinträchtigt, anstatt sie zu erhöhen.

Eine Kritik, die häufig an skeuomorphen Schnittstellen geübt wird, ist, dass ihnen Kreativität fehlt und Innovationen behindert werden. Technologie ist einer der sich am schnellsten entwickelnden Märkte, der ständig effizientere Aufgaben zur Verfügung stellt. Warum also beim Interface-Design zurückschauen??

Es ist üblich, To-Do-Listen, Notizenlisten und Taschenrechner-Schnittstellen zu sehen, die ihren echten Gegenstücken ähneln, jedoch auf Kosten einer potenziell weniger effizienten Ausführung dieser Aufgaben. Physische Objekte in der realen Welt haben Einschränkungen, die digitale Elemente nicht haben. Daher beschränken sich Designer auf die Realität und verpassen keine Gelegenheit, die derzeitige Technologie voll zu nutzen, wie wir unten sehen werden.


Nicht der einzige Weg

Obwohl der Skeuomorphismus im Moment populär sein kann, ist er nicht die einzige Methode, um großartig aussehende, eindrucksvolle Schnittstellen zu erstellen.

Die beliebte To-Do-iPhone-App Clear verwendet eine äußerst einfache und minimale Benutzeroberfläche. Das Design unterscheidet diese App von den zahlreichen anderen, die Notizblocktexturen, Ankreuzfelder, Registerkarten und andere skeuomorphe Elemente enthalten.

Auswahl nicht Das Nachahmen einer traditionellen To-Do-Liste hat es den Designern ermöglicht, anders zu denken und die ihnen zur Verfügung stehende Technologie voll zu nutzen. Die App wurde aus Multi-Touch-Gesten aufgebaut und sorgt zusammen mit der sanften Animation für ein sehr einzigartiges und elegantes Erlebnis.

Die neueste Version von Microsofts Betriebssystem, Windows 8, wird auch ein scharfes, solides und einfaches Design für die Benutzeroberfläche aufweisen, das als "Metro" bekannt ist. Der Stil, der bereits in Windows Phone und Xbox Live zum Einsatz kam, wird als "authentisch digital" bezeichnet..

Es unterscheidet sich sehr von dem, was wir zuvor von Microsoft gesehen haben, und sie haben sich eindeutig entschieden, in eine völlig andere Richtung als Apple zu gehen. mit einem Fokus auf Typografie und Bereitstellung von Inhalten mit wenig fremden Details.


Fazit

Skeuomorphismus scheint im Moment ziemlich populär zu sein, aber diese Popularität wird zweifellos mit der Zeit nachlassen. Die Gefühle vieler Menschen in Bezug auf diesen Stil werden im Allgemeinen vom persönlichen Geschmack abhängen. Es ist wahrscheinlich, dass erfahrene Technologieanwender den Skeuomorphismus als unnötig oder sogar als Kitsch empfinden, während Gelegenheitsanwender dies mehr schätzen.

Wir haben jedoch gesehen, dass der Skeuomorphismus sowohl positive als auch negative Aspekte hat, und es lohnt sich, diese zu berücksichtigen, bevor Sie diesen Stil in Ihr nächstes Schnittstellendesign implementieren.