Share
Das Wort Metapher wird wahrscheinlich am ehesten mit einem Schriftstück verglichen, wenn es als beschreibende Figur als literarische Redewendung verwendet wird. Heute werden wir jedoch über eine andere Art von Metapher sprechen: eine visuelle, die wir im Webdesign verwenden können.
Metapher: Eine Sprachfigur, in der ein Ausdruck verwendet wird, um sich auf etwas zu beziehen, das er nicht buchstäblich bezeichnet, um eine Ähnlichkeit zu suggerieren - WolframAlpha
Im Internet verwenden wir häufig Bilder und Symbole, um verschiedene Dinge zu symbolisieren. Wenn wir eine Webseite besuchen, scannen wir, um so schnell wie möglich zu finden, was wir brauchen, und Bilder werden verwendet, um diesen Prozess zu beschleunigen. Mit bekanntem Styling und Bildern können wir etwas schneller interpretieren. Zum Beispiel können wir einen Fehler sofort erkennen, wenn es so etwas wie ein Ausrufezeichen oder eine gelbe oder rote Farbe gibt. Es hängt alles von der Vertrautheit ab.
Vor allem in letzter Zeit haben wir begonnen, städtische Metaphern im Webdesign zu sehen, wobei bekannte Elemente wie ein Bücherregal oder eine Wand innerhalb eines Designs verwendet werden. Es gibt jedoch eine Menge anderer Metaphern, die im Webdesign verwendet werden, um die Lücke zwischen ihnen zu schließen tatsächlich und virtuell Leben.
Die "offizielle" Definition einer Metapher hat sich gegenüber dem vorherigen Abschnitt nicht geändert: Eine Redewendung, in der ein Ausdruck verwendet wird, um sich auf etwas zu beziehen, auf das er nicht wörtlich verweist, um eine Ähnlichkeit zu suggerieren. Das ist sehr ehrlich, wenn wir das Web und die Verwendung von Metaphern auf dieser Plattform betrachten. Dort verwenden wir Pixel als Repräsentanten von Objekten der realen Welt, um ein gewisses Gefühl der Vertrautheit zwischen dem virtuellen und dem tatsächlichen Leben zu überbrücken.
Es gibt verschiedene Arten von Metaphern, die wir auch im Web verwenden: solche auf kleinerem Maßstab, die reale Objekte wie Schaltflächen nachahmen, ikonische Metaphern, die reale Assoziationen kopieren und im Web verwenden, und erweiterte Objekte, die ein gesamtes Design enthalten kann sich um eine Metapher drehen.
Eine Schaltfläche im Web ist nicht wirklich eine Schaltfläche, oder? Nein, es handelt sich um eine Reihe von Pixeln, die wie eine Schaltfläche aussehen, weil (a) wir es so gemacht haben und (b) unsere Benutzer es erkennen und wissen, dass es etwas ist, das gedrückt werden muss (oder, genauer gesagt, angeklickt). Wir machen diesen Link wie eine Schaltfläche, weil wir es gewohnt sind, im realen Leben eine Schaltfläche als Interaktionspunkt zu erkennen, und diesen Link mit wenig Aufwand vom Rest der Seite unterscheiden können.
Durch die Imitation realer Konventionen können wir mit der virtuellen Welt interagieren. Es übertrifft unsere Benutzererfahrung, da das Web sich nicht als fremde Benutzeroberfläche erweist, für die viel Interaktion erforderlich ist. Wir wissen, dass Knöpfe Knöpfe sind, weil sie überall gleich aussehen, sie sind a visueller Hinweis und Benutzer interagieren instinktiv mit ihnen.
Das gleiche gilt für Fenster, Desktops und Registerkarten im UI-Design. Steve Krug verwendet in seinem Usability-Buch Don't Make Me Think das Beispiel von Ordnerregistern als Beispiel für die Verwendung von Metaphern im Interface-Design.
Ich konnte es (noch) nicht beweisen, aber ich habe den Verdacht, dass Leonardo da Vinci irgendwann Ende des 15. Jahrhunderts Registerteiler erfunden hat. Die Schnittstellengeräte sind eindeutig ein Produkt des Genies. - Steve Krug
Tabulatoren sind das klassische Beispiel für eine intuitive Metapher für die Benutzeroberfläche.
Ein wenig anders als bei identischen Metaphern sind Symbole, wie wir es zuvor beschrieben haben. Ausrufezeichen werden beispielsweise verwendet, um einen Status oder eine Warnung darzustellen, so dass wir dieses Symbol im selben Kontext im Web verwenden. Wir können auch das Symbol eines Telefons oder eines Buchstabens verwenden, um die Kontaktaufnahme anzuzeigen.
Für ein perfektes Beispiel können wir uns das WordPress-Dashboard ansehen. Jedes der Menüelemente auf der linken Seite enthält eine Art Metapher, wie z. B. die Stecknadel zur Darstellung von Beiträgen und die Sprechblase für Kommentare.
Die Ermutigung, solche Metaphern zu verwenden, ist identisch mit der des vorherigen Abschnitts: Sie schafft Vertrautheit - wenn Sie so wollen - eine Verbindung zur realen Welt, die dem Leser hilft, eine Seite relativ leicht zu interpretieren und zu navigieren.
Wir haben einen kurzen Rundgang durch das Replizieren realer Objekte und die Verwendung von Symbolen zum Bilden von Verknüpfungen gemacht, aber es gibt noch eine weitere wichtige Art von Metapher: solche, die über ein einzelnes Element hinausgehen. Das auffälligste Beispiel, das mir einfällt, ist keine Website, sondern eine App. iBooks sieht nicht aus wie eine normale iPad-App, weil sie das Aussehen und Verhalten eines echten Bücherregals imitieren soll, um dem Leser das Gefühl der Vertrautheit zu verleihen. Sie schauen sich iBooks an und wissen sofort, dass es etwas mit Büchern zu tun hat. Wenn dies gut gemacht wird, können diese Arten von Websites wirklich großartig sein!
Erweiterte Metaphern sind weniger verbreitet als die anderen Typen, die in der Mehrzahl der Website-Designs im Web verwendet werden.
Obwohl "erweiterte Metapher" möglicherweise die falsche Terminologie ist, ist diese Art von Metapher immer noch der breiteste Typ, den Sie erhalten können. Sie bieten in Ihrem Browser ein kleines Fenster zum wirklichen Leben und können eine sofortige Methode sein, um einen ersten Eindruck von der Website zu gewinnen.
Beim Schreiben verwenden wir eine Metapher, um auszudrücken, zu erklären und zu beschreiben. Metaphern können eine nützliche Methode sein, um eine Idee mit einer Idee zu verbinden, der sie nicht wörtlich ähnlich ist (wo wahrscheinlich ein Gleichnis stattdessen verwendet wird), bei der die beiden jedoch zusammen verwendet werden können, um sich gegenseitig darzustellen.
Metaphern im Webdesign werden ähnlich wie das Schreiben als beschreibender Mechanismus verwendet, indem reale Objekte und Ideen mit den Pixeln einer Website verknüpft werden. Es mag sehr klein erscheinen und etwas, das übersehen werden kann, aber Web-Reader haben eine kürzere Aufmerksamkeitsspanne als Print-Reader. Daher ist Zeit beim Surfen auf einer Website von entscheidender Bedeutung. Unter diesen Umständen werden Metaphern hilfreich, wenn Sie Verknüpfungen aus dem realen Leben (z. B. die Farbe Rot mit Gefahr oder eine Lupe mit Suchfunktion) kopieren und im Web verwenden, um das Scannen einer Webseite zu beschleunigen.
Als Designer können wir Metaphern nutzen, um die Attraktivität des Designs zu steigern und unsere Designs unvergesslich zu machen. Wir möchten, dass die Benutzer eine Verbindung mit der Website herstellen, und die meisten Websites verwenden bereits eine Art Metaphern, um ihre Zielgruppe zu erreichen. Websites spiegeln reale Konzepte, Unternehmen, Personen und Objekte wider. Die ausgewählten Stile unterscheiden sich nicht von denen im realen Leben. Metaphern erzeugen nicht nur ein Gefühl der Vertrautheit zwischen Pixeln auf einer Webseite und der Realität des wirklichen Lebens, sondern sie können auch verwendet werden, um sich mit einem bestimmten Publikum zu verbinden.
Nehmen wir zum Beispiel die BBeebies-Homepage der BBC. Die Site ist um einen Hintergrund mit einem Garten mit Bäumen und Regenbogen herum gebaut, einem idealistischen Bild der Welt, das in vielen kinderorientierten Medien verbreitet ist. Die Metapher eines Online-Gartens heißt Kinder willkommen, die Website zu nutzen. Wenn sie jedoch wie die Homepage von Microsoft gestaltet wäre, wäre sie für Kinder nicht so attraktiv.
Metaphern werden in allen Medien verwendet, um etwas als etwas anderes auszudrücken, und auf Websites sind sie eine großartige Möglichkeit, Vertrautheit zu vermitteln und Leser für ein Design zu interessieren. Wenn wir dies im Maßstab der Welt der Welt von 4,5 Milliarden betrachten, ist das Web immer noch ein sehr neues Medium. Das Herstellen von Verbindungen zwischen realem und virtuellem Medium ist jedoch eine Übergangsmaßnahme, die jedoch funktioniert.
Flourish ist eine Webdesign-Agentur, die ihren Namen ernst nimmt. Mit gedeihen als „gesund oder kräftig wachsen oder sich entwickeln“ wird das Konzept eines wachsenden Baums in ansonsten unfruchtbarem Land und eines rundum naturnahen Designs vorgestellt.
Die Vorlage "Interior Design" ist ein ThemeForest-Element, das ein Büro darstellt, ein perfektes Beispiel für eine Metapher im Spiel.
Der Start ist ein weiteres ThemeForest-Element, aber dieses vergleicht die Veröffentlichung einer Website mit dem Start einer Rakete, ebenso wie viele ähnliche Designs.
Mutant Labs, eine Software-Entwicklungsfirma, nimmt den "Lab" -Teil ihres Namens in einen wissenschaftlichen Kontext ein, um das Design ihrer Website zu ermöglichen.
Accentsconagua