Vielen scheint es, dass der Designer ein launischer Künstler ist, der ewig einen trägen Blick in die Ferne weckt und dem Kunden manchmal herzliche Reden über die Verletzung seiner gesamten Idee hält, denn „es ist dieses Grün, das Harmonie symbolisiert, und zwei Töne dunkler, wie der Kunde bereits vorschlägt Umweltfreundlichkeit. " Aber nein, das ist ein Stereotyp.
Design ist in erster Linie eine Lösung für ein bestimmtes Problem. Zum Beispiel steht der Kunde vor der Aufgabe, die Conversion der Website zu steigern, was bedeutet, dass der Designer alles tut, um den Kunden glücklich zu machen. Wenn der Client eine einprägsame Site benötigt, die das Vertrauen des Benutzers weckt, löst der Designer dieses Problem anders als die vorherige.
In diesem Artikel werden wir über die Phasen der Entwurfsvorbereitung und die allgemeinen Prinzipien der Arbeit mit der visuellen Komponente der Site sprechen.
Design ist keine Pinselwelle und kein Flug der Kreativität, sondern in erster Linie Analytik.
Wie bei jedem Projekt beginnt die Arbeit mit der Definition der Hauptaufgabe des Designprodukts. Was braucht der Kunde von der Site? Umsatz steigern? Mehr Markenvertrauen? Anerkennung?
Wenn sich der Kunde für die Hauptaufgabe entschieden hat und der Designer die Essenz der Arbeit grob versteht, beginnt die zweite Phase - die Arbeit mit der Zielgruppe (weitere Zertifizierungsstelle). Meistens wurde die Zielgruppe in der Phase der Analyse und des Designs bestimmt, aber es ist auch wichtig, dass der Designer ein Porträt eines typischen Benutzers zeichnet. Je genauer das Porträt ist, desto besser ist das Endprodukt.
Schauen wir uns ein Beispiel für die Arbeit mit Zentralasien an. Stellen Sie sich vor, ein Kunde verkauft Kinderkleidung im Internet. Wir kennen sein Produkt, seine Stärken und Schwächen und kommen zu dem Schluss, dass die typische Vertreterin Zentralasiens für dieses Produkt eine verheiratete Frau ist, Irina, sie ist ungefähr 30 Jahre alt, ihr Einkommen ist etwas überdurchschnittlich, sie hat eine höhere Ausbildung. Höchstwahrscheinlich hatte die junge Mutter vor der Geburt des Babys eine Karriere. Irina ist im Mutterschaftsurlaub und verlobt sich mit einem Kind. Was ist ihr wichtig? Wir glauben, dass die Gesundheit und das Wohlergehen eines Kindes bedeuten, dass das Produkt an der Qualität des Materials und dem Servicelevel interessiert ist. Was ist für Irina interessant? Irina liest Tag und Nacht Blogs anderer Mütter, vielleicht teilt sie selbst ihre Erfahrungen im Internet. Sie interessiert sich für ihr Kind - wie es sich entwickelt, wie es die Welt sieht. Die letzte Frage ist, was können wir Irina geben, was andere nicht können?
Wir nähern uns also nahtlos der Wettbewerbsanalyse. Der Designer wird auf jeden Fall die Websites der Wettbewerber beobachten - was für sie schlecht und vor allem ist - was für sie gut ist und wie er es zu Hause verbessern kann. Warum wählt Irina unsere Website und nicht die Website eines Konkurrenten? Die Analyse der Wettbewerber ist gründlich und detailliert - vom kreativen Konzept der Marke bis zur Farbe und Anordnung der Schaltflächen und Symbole auf dem Bildschirm.
Wenn der Designer alles für sich selbst vorschreibt, was das Produkt Irina erobern und von anderen Standorten entfernen kann, beginnt die nächste Phase - das Zusammenstellen eines Mudboards. Dieses komplexe Wort bedeutet nur, dass der Designer das Konzept der Site wirft, das mit Farben, Schriftarten und der Art und Weise, wie Informationen dargestellt werden, definiert ist. Wird es eine lebendige Seite mit satten Farben und eingängigen Illustrationen sein? Es ist unwahrscheinlich, weil wir uns daran erinnern, dass Irina die Qualität des Produkts schätzt und sie Angst vor der Fülle von Blumen und auffälligen Inschriften haben kann, wie dem Versuch, ein Produkt von schlechter Qualität zu verwöhnen und einzusaugen. Wir erinnern uns, dass Irina es eilig hat und es nicht eilig hat. Irina ist auch schlau und weiß zu analysieren. Sie wird sorgfältig lesen und nach einem Fang suchen. Wahrscheinlich wird unser imaginärer Designer in dieser Situation Pastellfarben wählen, vielleicht Aquarellmotive, da in Kinderbüchern die Schrift neutral ist, wodurch Irina leicht Informationen erhalten kann. Die Illustrationen werden hell und ruhig sein, wahrscheinlich voller Zärtlichkeit und Zuneigung. Wir erinnern Sie daran, dass dies alles nur eine imaginäre Situation ist, um Ihnen das Wesentliche der Arbeit zu erklären. Leider gibt es keine eindeutigen Lösungen im Design, und wir können Ihnen kein striktes Prinzip für die Arbeit mit der einen oder anderen Zielgruppe geben.
Gleichzeitig ist der Designer begeistert. Als wahrer Künstler beobachtet der Designer die Arbeit seiner Kollegen an speziellen Orten und notiert interessante Entscheidungen. Das heißt - stiehlt Ideen. Dies können Websites mit ähnlichen Themen sein, sie haben möglicherweise einen völlig anderen Fokus, aber jede interessante und ungewöhnliche Lösung kann der Website ein Highlight verleihen und wird genau der Faktor sein, warum Irina nicht zu einem Konkurrenten geht und unser Produkt kauft. Wenn Sie jedoch bis zu diesem Punkt gelesen haben, sich die Hände gerieben haben und beschlossen haben, die Website, die Sie mögen, einfach zu kopieren und danach glücklich zu leben, beeilen wir uns, Sie zu verärgern - höchstwahrscheinlich funktioniert es einfach nicht. Auf einer anderen Seite ist der Hauptnutzer nicht Irina, sondern Svetlana, und hier ist eine ganz andere Geschichte. Nein, der Designer notiert einfach die Details und passt sie sorgfältig in sein Projekt ein.
Darüber hinaus arbeitet der Designer direkt an speziellen Programmen. Tatsächlich enthält die Arbeit eine vollständige Zeichnung jeder einzelnen Seite auf der Site. Natürlich geht die meiste Zeit auf die Hauptseite, weil dies das erste ist, was der Benutzer sieht und hier seine Einstellung zum Produkt geformt wird. Dies wird das Designkonzept der gesamten Website.
Jeder Block, jedes Detail des Designs sollte eine Bedeutung haben. Ein Designer ist so ein verrückter Mensch, der sich ständig fragt: Warum mache ich das? Warum mache ich den Knopf dunkler? Warum benutze ich dieses Foto und kein anderes? Warum setze ich in der Fußzeile zuerst das VK-Symbol, dann den FB und erst dann OK und nicht in einer anderen Reihenfolge? Und wenn die Antwort nicht erscheint, ist es besser, die Entscheidung sofort aufzugeben, da Design dennoch kein Bild ist, da es klare Bewertungskriterien gibt.
Haben Sie das Wort KPI gehört? Es gilt also nicht für Kunstwerke - zum Beispiel ist es dumm zu sagen, dass Michelangelos Meisterwerk die Besucherzahl der Sixtinischen Kapelle erhöht hat und ein wirksames Instrument ist, um neue Menschen anzuziehen. Für das Design gibt es jedoch meistens sehr spezifische KPIs, und daher kann und sollte die Arbeit bewertet werden.
Es gibt eine Fülle von Webdesign-Literatur mit endlosen Regeln und Prinzipien. Tatsächlich hängt alles von der spezifischen Site und Aufgabe ab, aber es gibt mehrere allgemeine Regeln:
1. Das Prinzip des Kontrasts
Dies gilt für alle Elemente der Website. Je geringer der Kontrast, desto schwieriger wird es, die Informationen wahrzunehmen und voneinander zu trennen. Aufgrund des Kontrasts können Sie einige Details hervorheben und andere übertönen, eine Hierarchie von Webseiten erstellen und den Benutzer auf die wichtigsten Elemente konzentrieren.
2. Das Prinzip der Betonung
Dieser Artikel ist eng mit dem vorherigen verwandt. Die richtige Platzierung von Akzenten ist eine Garantie für die Effektivität der Website. Die Hauptsache hier ist nicht, sich mitreißen zu lassen, sondern klar zu verstehen, worauf man Wert legt, denn wenn man alles herausgreift, geht die ganze Idee verloren.
3. Das Prinzip der Einheitlichkeit und Wiederholung von Elementen
Dieses Prinzip scheint offensichtlich, bedarf jedoch einer gesonderten Erwähnung. Wiederholte Elemente und Farbskala, Ausrichtungsmethode, Schriftgröße, Zeilenabstand, Einrückung und Winkel der Winkelkrümmung - all dies schafft die gleiche Gleichmäßigkeit, die es dem Benutzer erleichtert, mit der Site zu arbeiten, und verwirrt, wenn dieses Prinzip verletzt wird. Sie lesen beispielsweise einen Artikel auf einer Informationsseite und wissen, dass Sie mit dem Zurückpfeil unten auf der Seite zur Hauptseite zurückkehren. Stellen Sie sich nun vor, Sie lesen keinen Artikel, sondern sehen sich alle Artikel in einem Abschnitt an. Sie möchten zur Hauptseite zurückkehren, finden aber den Zurückpfeil nicht. Oder Sie finden, aber nicht an einem anderen Ort. Es ist nur verblüfft, irritiert und kann Sie sogar dazu veranlassen, zu einer bequemeren Website für Wettbewerber zu wechseln.
4. Ausrichtung auf modularen Gittern
Dieses Element klingt beängstigend, aber tatsächlich ist es nur das Prinzip, die Seite auszurichten und in Blöcke zu unterteilen. Ein modulares Raster ist ein Werkzeug, mit dem die Blöcke aneinander ausgerichtet und gleichmäßig und sauber angeordnet werden können. Im Folgenden finden Sie ein typisches Beispiel für die Verwendung eines modularen Stapels zum Ausrichten von Elementen:
5. Das Prinzip der einfachen Wahrnehmung von Informationen
Dieser Absatz fasst sozusagen alles zusammen, was wir zuvor besprochen haben. Der Mensch ist ein konservatives Wesen und behandelt alle Innovationen im Voraus mit Vorsicht und negativer Einstellung, insbesondere wenn Änderungen nicht in seinen Plänen enthalten waren. Es gibt die üblichen Möglichkeiten, Informationen zu erhalten. Beispielsweise lesen Benutzer die Seite meistens von links nach rechts von oben nach unten. Lassen Sie den Benutzer nicht im Informationsfluss verloren gehen und führen Sie unnötige Aktionen aus.
Darüber hinaus ist eine Person eine faule Kreatur, und zu viele Textinformationen können jeden Benutzer verwirren. Vergleichen Sie zwei Möglichkeiten, um denselben Text einzureichen:
Dieses Beispiel zeigt deutlich, wie sich das Textlayout auf die Wahrnehmung auswirkt. Aus irgendeinem Grund ist es für uns im zweiten Fall einfacher, den Text zu lesen, obwohl der Text und sein Volumen dort und dort gleich sind.
Natürlich können Sie auf Websites, die Internet-Boni erhalten und alle KPI-Rekorde brechen, einen Verstoß gegen fast alle diese Prinzipien feststellen, aber hier liegt der Fortschritt. Der Designer überwacht ständig neue digitale Trends und experimentiert mit verschiedenen Lösungen.
Ein Designer arbeitet nicht alleine, sondern in enger Zusammenarbeit mit Teams von Designern, Layoutdesignern und Programmierern, da jeder Spezialist eine gute Idee haben kann und wir uns daran erinnern, dass jede Kleinigkeit für den Erfolg Ihrer zukünftigen Site entscheidend sein kann.