Produktkonfigurator im Shop-Einsatz
0621 586 799 21
Produktkonfigurator im Shop-Einsatz MENU   ≡ ╳
  • Leistungsangebot
    • Produktkonfigurator
    • Angebotskonfigurator
    • Produktvisualisierung
    • Visuelle Konfiguration
    • Vertrieb & Angebot
    • Verwalten & Organisieren
    • Preisberechnung & Checkout
  • Services
    • Beratung
    • Entwurf
    • Finanzierung
    • Werkschau
    • Referenzen
  • Learning
    • Getting Started
    • Nutzen von Produktkonfiguratoren
    • Arten von Produktkonfiguratoren
    • Mass Customization
  • Design
    • Design Prinzipien
    • Frontend-Design
    • UX-Design
    • User Feedback messen
  • Programmierung
    • Implementierung
    • Prototyping
    • Shop-Produktkonfigurator
    • Ablauf
Skip to content

Visuelle Hierarchie

By Tobias GüntherDesign Prinzipien7. Februar 20207. Februar 2020

Das unwichtige vom wichtigen Trennen. Eine Hierarchie macht es möglich.

  1. Produktonfigurator.shop »
  2. Produktkonfigurator erstellen »
  3. Entwerfen & Designen »
  4. Design Prinzipien »
  5. Visuelle Hierarchie »


Ohne Variation von Schriftgröße und Schriftstärke (links) fehlt ein wichtiges Orientierungsmerkmal. Alle Teile erscheinen gleich unwichtig und bieten kein Impuls, um das Auge über die Seite zu führen.

Schriftgröße

Je wichtiger die Überschrift, desto größer die Schriftgröße. Durch stark sichtbare und kontrahierende Zeichen wird die Aufmerksamkeit des Users auf die Titelüberschrift gezwungen. Zur Orientierung ist das natürlich ein sehr sinnvolles Vorgehen, denn es muss entschieden werden, ob das weitere Scannen der Seite thematisch lohnend erscheint.

Schriftstärke Font Weight

Variationen der visuellen Schwere gelingt auch durch Wahl der Schriftstärke. Während in den normalen Office-Programmen nur zwischen Normal-, Fett- und Kursiv-Schrift umschaltbar ist, bieten moderne Layoutprogramme und Webseiten eine mehrstufige Auswahl. Hierdurch entstehen fein abgestimmte visuelle Hilfsmittel.

Großschreibweise CAPITALIZED LETTERS

Zum Abtrennen von Inhaltsbereichen können Zwischenüberschriften eingezogen werden. Durch Verwendung der Großschreibweise heben sich diese vom eigentlichen Detailtext ab, ziehen aber durch das geringe Gewicht (Font-Weight) keine übermäßige Aufmerksamkeit auf sich.

Tagged: Capitalized, Font-Weight, Großschreibung, Schriftgröße, Schriftstärke

SERVICES

  • Beratung
  • Finanzierung
  • Entwurf
  • Prototyping
  • Implementierung
  • Werkschau
  • Referenzen

TOPICS

AIDA AIDA-Modell Alleinstellungsmerkmal Amazon Angebot Builder Corporate Design CRM Customizer design E-Commerce emotionale Ansprache Emotionalität Empfehlungen Endgerät Foto Frontend GUI Icon Informieren Kaufabschluss Kombinationsregel Kosten Layout Lead Lean back Logo Maßanfertigung Navigation One-Page-Layout Ordnung PDF Preiskampf Produktbild Produktdarstellung Produktdetail Produktvariante Schatten Slider soziale Netzwerke Tab Usability Variantenmanagement Verkaufen Vertrieb

LEISTUNGSANGEBOT

  • Produktkonfigurator
  • Visuelle Konfiguratoren
  • Produktvisualisierung
  • Angebotskonfigurator
  • CPQ configure price quote
  • Variantenmanagement
  • Vertriebskonfigurator
  • Checkout

LEARNING

  • Mass Customization
  • Nutzen von Produktkonfiguratoren
  • Arten von Produktkonfiguratoren
  • User Feedback messen
  • Getting started

KONTAKT

Kundenberater & Geschäftsführer
Dr. Tobias Günther

tobias.guenther@elaspix.de
0621 586 799 21

Copyright © ELASPIX 2023 IMPRESSUM DATENSCHUTZ
Diese Webseite nutzt Cookies. Sie können die Cookies hier deaktivieren. Cookie settingsACCEPT
Privacy & Cookies Policy

Privacy Overview

Wir nutzen Cookies von Dritten, namentlich von Google Analytics um Informationen zu sammeln, welche unserer Themenseiten betrachtet werden. Hierdurch wird uns ermöglicht das Informationsangebot sinnvoll auszubauen. Sind Sie nicht einverstanden, müssen wir sie leider bitten, diese Webseite nicht zu nutzen. Weitere Informationen und die Kontaktadresse des Datenschutzbeauftragten finden Sie auf der Datenschutz-Seite.
Necessary
immer aktiv
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SPEICHERN & AKZEPTIEREN