Share
In diesem Artikel betrachten wir eine einfache Analogie, die effektive Wege der Kommunikation durch Design veranschaulicht. Nachdem wir die Idee festgelegt haben, betrachten wir einige bekannte Beispiele, um den Punkt nach Hause zu bringen.
Die Analogie, die wir betrachten werden, ist The Fourier Transform, ein eindringliches mathematisches Werkzeug, das nach dem Franzosen Joseph Fourier benannt wurde.
Zunächst kann es Sie mit den komplexen (und scheinbar langweiligen) Gleichungen nicht beeindrucken. Tief in diesen Gleichungen verborgen ist eine einfache Idee: Jede Welle oder jedes zeitbasierte Signal kann in viele andere Wellen zerlegt werden, aus denen das Original besteht. Mit anderen Worten, es zeigt die einzelnen Zutaten auf, aus denen das Endprodukt hergestellt wird.
Die Fourier-Transformation hat Anwendungen, die von der Kernspinresonanz (NMR) bis zur MP3-Komprimierung reichen, aber wir werden sie auf etwas Bekannteres anwenden: das Design.
Sie möchten beispielsweise eine Website erstellen, wenn Sie ein Konzept haben, das den Benutzern vermittelt werden muss. Als Webdesigner besteht Ihre Aufgabe darin, eine Webseite zu erstellen, die diese Idee in überschaubare Teile zerlegt. Bildteile, Textstücke oder sogar Videos, die, wenn sie von einem Besucher konsumiert werden, die Idee in ihrem Kopf vermitteln.
Betrachten Sie die rote Rechteckwelle im obigen Bild als die Idee oder Nachricht, die Sie durch Ihre Website vermitteln möchten. Jede blaue Welle, auch wenn sie individuell betrachtet anders aussieht, trägt in gewisser Weise zur Erzeugung der roten Welle bei, wenn sie mit den anderen blauen Wellen kombiniert wird. Ihre Aufgabe ist es, die "blauen Wellen" (die zusammengesetzten Elemente) Ihrer Hauptnachricht herauszufinden. Ach, wenn wir nur eine Formel dafür hätten!
Wenn der Besucher den Zweck Ihrer Website vollständig verstanden hat und zuversichtlich ist, sie zu verwenden, haben Sie Ihre Rolle als Designer letztendlich erfolgreich abgeschlossen.
Das neueste iOS 7 von Apple, das mit gemischten Reaktionen auf die neuen Farben, Ästhetik, Ikonografie und Typografie aufgenommen wurde, ist ein positiver Schritt nach vorne. Als iPhone-Benutzer finde ich das neueste Software-Angebot von Apple viel benutzerfreundlicher und angenehmer als sein Vorgänger. Ich kann mir nicht vorstellen, zu iOS 6 zurückzukehren, da ich mich an die neue Benutzeroberfläche gewöhnt habe. Dies ist nicht nur auf Parallaxeffekte, Animationen und andere Augenweide zurückzuführen. Einer der Hauptgründe, warum iOS 7 so brauchbar ist, besteht darin, dass es Inhalte umfasst, anstatt es in eine skeuomorphe Haut einzuwickeln. Apple nennt diesen Ansatz "Deference".
Deference - Die Benutzeroberfläche hilft Benutzern, Inhalte zu verstehen und mit ihnen zu interagieren, steht jedoch niemals in Konkurrenz zu diesen Richtlinien - Richtlinien für iOS-Benutzeroberflächen
Auf der ersten Seite des Design-Leitfadens spricht ein nebeneinander liegender Screenshot der in iOS 6 und iOS 7 laufenden nativen Weather-App für sich; das design umfasst den inhalt. Sie müssen kein Wort lesen, um sofort über das aktuelle Wetter informiert zu werden. Jedes Detail sollte helfen, die Nachricht auszudrücken.
Denken Sie bei der Gestaltung Ihrer perfekten Website darüber nach, über jedes Detail nachzudenken. Jede Komponente, aus der es besteht; Typografie, Farbe, Bilder, jedes Detail bis hin zum Favicon sollte konstruktiv dazu beitragen, in perfekter Harmonie zusammenzuarbeiten, um Ihre Botschaft effektiv zu vermitteln.
Ich habe mich oft gefragt, warum manche Websites einen "Feedback" -Button direkt auf der Startseite platzieren. Es ist absolut notwendig, Feedback zu Ihrer Arbeit zu erhalten. Machen Sie jedoch nie den Eindruck, dass Sie unsicher und nicht sicher sind. Stellen Sie sich das so vor: Wenn Sie einkaufen gehen, wurde Ihnen schon einmal die Frage gestellt: "Was halten Sie von Beleuchtung und Lackierung in unserem Geschäft?" Richtig, wenn Sie in ein Geschäft gehen? Solche Details sind für uns im Wesentlichen unsichtbar. Gute Ladenbeleuchtung und das gesamte Ambiente des Stores werden von uns nicht bewusst verarbeitet.
Wenn Sie das sagen, empfängt Ihr Gehirn ständig Informationen von Ihren Augen und anderen Sinnesorganen über die Umgebung um Sie herum. Ein gutes Ladenambiente würde definitiv Ihre Meinung ändern, wenn Sie kein Produkt von ihnen kaufen. Um wieder zum Thema zu gelangen, sollten Feedback-Links zugänglich sein, jedoch nicht angezeigt werden. Google Mail leistet dabei gute Arbeit:
Stellen Sie sich zwei Fragen, wenn Sie etwas zu Ihrer Website hinzufügen:
Perfektion wird erreicht, nicht wenn nichts mehr hinzuzufügen ist, sondern wenn nichts mehr übrig ist
Google war schon immer ein Meister des Minimalismus im Design. Bei einem kürzlich durchgeführten Update wurde die dunkle obere Leiste von ihrer Homepage entfernt, da die Nutzer zu Google.com kommen und nicht von anderen Produkten abgelenkt werden, die Google zu bieten hat. Diese zusätzliche Leiste hat nie etwas zur Hauptbotschaft ihrer Suchmaschine beigetragen: Suchen im Web. Stattdessen werden diese Links jetzt übersichtlich in einem Dropdown-Popup platziert, sodass interessierte Benutzer nach Bedarf suchen und navigieren können.
GoodUI.org ist eine hervorragende Zusammenstellung von 32 Ideen von Jakub Linowski, mit deren Hilfe Sie eine gute und benutzbare Benutzeroberfläche erstellen können. Der erste Tipp ist, dass Sie ein einspaltiges Layout anstelle eines mehrspaltigen Layouts ausprobieren sollten. Die Begründung für dieses Argument lautet, dass Sie in der Lage sein sollten, Ihre Leser auf vorhersagbarere Weise von oben nach unten zu führen, wohingegen ein Ansatz mit mehreren Spalten ein zusätzliches Risiko birgt, den Hauptzweck einer Seite abzulenken.
Mehrsäulen-Layouts werden seit langem im Druck verwendet und funktionieren gut. Nehmen Sie den Fall der New York Times oder Mashable. Der Inhalt ist eine Sammlung von Artikeln (oder Nachrichten), die jeweils eine hervorgehobene Überschrift haben. Sie haben keine einzige Kernbotschaft für ihre Besucher, eher eine Sammlung von Informationen für sie, und ihre Schnittstellen liefern dies effektiv.
Ein Ein-Spalten-Layout führt Ihre Leser auf eine vorhersagbare Art und Weise, ohne sie vom Kernzweck einer Seite abzulenken
Schauen Sie sich dieses einfache Diagramm an, das ich zur Darstellung von "Ausdruck" verwende:
Der innere Kreis stellt dar, was Sie anderen ausdrücken, und der äußere Kreis ist die Botschaft, die Sie Ihnen mitteilen beabsichtigen ausdrücken. Dies gilt nicht nur für das Webdesign. Dieses Konzept hilft Ihnen, Ihre Kommunikationsfähigkeiten im Allgemeinen zu verbessern. Wenn Sie versuchen, eine Idee auszudrücken oder anderen mitzuteilen, versuchen Sie, den inneren Kreis zu vergrößern. Bewerten Sie sich selbst und versuchen Sie, sich in die Lage Ihres Publikums zu versetzen. Wie viel von Ihrer beabsichtigten Nachricht bringen Sie tatsächlich zum Ausdruck??
Das Portfolio von Calm Digital ist ein gutes Beispiel dafür, wie eine Kernidee effektiv ausgedrückt werden kann. In diesem Fall bemerken Sie als Erstes das Wort "Calm", das in riesigen serifenlosen Buchstaben vor blauem Hintergrund geschrieben ist. Der Kontrast zwischen Weiß und Blau ist perfekt; nicht zu viel und nicht zu wenig, nur ruhig genug. Die Farbe Blau ist dafür bekannt, das Gefühl der Ruhe und Gelassenheit zu fördern.
Scheuen Sie sich nicht vor Möglichkeiten, die Ihnen helfen, die Dinge besser auszudrücken. Internetverbindungen sind schneller als früher, Browser sind viel leistungsfähiger und leistungsfähiger und umfassende Technologien wie HTML5, CSS3 usw. geben Webentwicklern mehr Leistung als je zuvor. Vorbei sind die Tage, an denen Sie nur statische Seiten erstellen konnten. Scheuen Sie sich nicht, die neuesten Tools und Technologien zu verwenden, wenn Sie Ihren Besuchern dadurch eine bessere Botschaft vermitteln können. Ich betone die zweite Hälfte dieses Satzes: Wenn es Ihnen helfen kann, Ihre Botschaft Ihren Besuchern besser zu vermitteln.
Vor einigen Jahren konnten wir uns nicht vorstellen, ein volles Video als Hintergrund einer Website zu platzieren. Aber siehe da, es ist heutzutage keine ungewöhnliche Übung. Es gibt keinen besseren Weg, um die Erfahrung eines Tablets zu vermitteln als ein Video. Genau das hat Google für seine Nexus 7-Website getan. Wenn Sie auf eine Schaltfläche klicken, befinden Sie sich mitten im Nexus-Erlebnis.
Spotify geht noch einen Schritt weiter und spielt automatisch ein Video im Hintergrund ab. Es ist fesselnd…
Die Website des Designers Fernando Maclen verwendet ein verschwommenes Video im Hintergrund, das ihn bei der Arbeit zeigt. Die ganze Seite bleibt dem Titel "Superb Simplicity" treu.
Lassen Sie uns kurz über das berichten, was wir in diesem Artikel behandelt haben:
Ich hoffe, Ihnen hat dieser Artikel gefallen, danke fürs Lesen!
Accentsconagua