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

Margins & Paddings

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

Lage und Menge des Weißraums werden über Margins & Paddings gesteurt.

  1. Produktonfigurator.shop»
  2. Produktkonfigurator erstellen»
  3. Entwerfen & Designen»
  4. Design Prinzipien»
  5. Margins & Paddings»
Werden Dialoge ohne Margin und Padding angelegt (siehe Schaubild links) kann dieser nicht augenblicklich visuell erschlossen werden und muss mühsam dechiffriert werden. Die Usability ist schlecht und die User-Experience sinkt ins Bodenlose.

Margin

Ist der Weissraum um einem Element herum. Durch diesen Weißraum wird das Element als abgeschlossene visuelle Einheit wahrgenommen. Dem User erschließt sich die Seite schneller wenn er/sie visuell alle Elemente separieren und dann – von starken Kontrasten geleitet – nacheinander untersuchen kann.

Padding

Paddings beschreibt den Weißraum nach Innen. Hierdurch wird der Inhalt der Elemente herausgestellt & visuell eingerahmt, so als würde der Inhalt von unschätzbarem Wert sein, welches mit genügend weißer Watte geschützt werden muss.

Die Räume noch außen und innen müssen symmetrisch angelegt werden. Exakt gleich viel Spielraum links sollte auch dem rechten Rand zugestanden werden.

Tagged: Margin, Padding

SERVICES

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

TOPICS

AIDA AIDA-Modell Alleinstellungsmerkmal Amazon Angebot Authentifizierung Backend BPMN-Diagramm BSI Builder Corporate Design CRM Customizer design E-Commerce eMail Emotionalität Endgerät Foto Frontend GUI Icon Kaufabschluss KI Kombinationsregel Kosten Layout Lead Login Logo Navigation One-Page-Layout Ordnung PDF Preiskampf Produktbild Produktdetail Produktvariante Schatten Slider Tab Usability User Experience Variantenmanagement 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 IMPRESSUM DATENSCHUTZ