ABCDEFGHIJKLMNOPQRSTUVWXYZ
1
Beaver BuilderDivi BuilderVisual Composer
2
Demohttp://5922fe8cf2544.demo.wpbeaverbuilder.com/demo/?fl_builderhttps://www.elegantthemes.com/gallery/divi/https://vc.wpbakery.com/try/
3
Gridhäufige Spaltenkombination als Text, gleichmässige Aufteilung (1 Spalte, 2 Spalten,...)häufige Spaltenkombination als visuelles Bild, unterschiedliche Aufteilung möglich (z.B. 2/3)eigene Spaltenkombinationen möglich (allerdings Advanced)
4
Start Screenes kann direkt mit Inhalt losgelegt werdenGeführtes Anlegen von Inhalten: Erst Sections anlegen, dann Spalten, dann Modulebeim leeren Start werden die drei Hauptfunktionen "Element hinzufügen", "Text anlegen" und "Vorlage auswählen" in den Fokus gestellt
5
Inhalt hinzufügen"Add Content" über eine Sidebar (überlagernd), klare Benutzung aber versteckt Teile des Layouts"Add Content" über "Plus" im Layout"Add Content" über "Plus" im Layout oder Popover der Spalte.
6
Content in Sidebar ist kategorisiert (vertikale Aufteilung)Es wird farblich unterschieden ob man nun Sections (blau), Rows (grün) oder Content (schwarz) hinzufügen kann. Erst verwirrend, danach relativ simpel."Add Content" als grosses Modal mit Übersicht aller Inhalte, kann gefiltert werden nach bestimmten Kategorien. Eher unübersichtlich.
7
Reihenfolge von oben nach unten "Row Layout", "Basic Modules", "Advanced Modules".Reihenfolge alphabetisch, unpraktisch weil "Text" erst ganz weit unten erscheint.Reihenfolge nach Häufigkeit der Benutzung, allerdings überfrachtete Übersicht (zu viel Auswahl).
8
Anzeige wohin damitBalken zeigt eindeutig an, wo ein Element hinkommen kann und wo nicht (z.B. geht 6er Spalte in einer 3er Spalte nicht mehr)Über Plus ist klar, wo etwas hinzugefügt werden kann.hat zwei unterschiedliche Plus-Buttons wenn die Spalte leer ist (grau statisch, gelb nur bei Mouseover), ist etwas unklar weshalb.
9
Farblich wird klar hervorgehoben, welche Row oder welchen Content man ansteuertPopover sind teilweise unklar, wozu sie genau gehören (z.B. Text ist das schwarze Popover, aber das ist nicht direkt über dem Text, weil dort das Popover der Row ist. Etwas besser gelöst in der Wireframe View.Row- und Column-Popover sind klar ersichtlich und mit Rahmen zugeordnet. Allerdings sind die Popover des Contents schwer zu erkennen, worauf es sich bezieht (keine Umrandung).
10
Rows anpassenNeue Rows können nur oberhalb oder unterhalb bestehender Inhalte oder in bestehende Rows eingefügt werden.Bestehende Rows können Spaltenanzahl verändern.Bestehende Rows können Spaltenanzahl verändern.
11
Rows können in der Breite beliebig angepasst werden.Layout ist zu einem anderen Layout anpassbar (aber Breite nicht beliebig verschiebbar).Layout ist zu einem anderen Layout anpassbar (aber Breite nicht beliebig verschiebbar).
12
13
BesonderheitenSpalten sind auch ohne Mouseover ersichtlich (gestrichelter Rahmen)Wechsel zwischen "Wireframe Ansicht" (alle Spalten sind jederzeit ersichtlich) und Desktop View (nur bei Mouseover sind Spalten ersichtlich) möglich.Wechsel zwischen Frontend und Backend-Editor möglich, wobei Backend-Editor nicht übersichtlich ist.
14
15
Screenskein Wechsel möglichWechsel zu Desktop, Tablet (Portrait) und Smartphone (Portrait) möglich. Jederzeit editierbar. Wechsel zu Desktop, Tablet (Portrait und Landscape) und Smartphone (Portrait und Landscape) möglich. Jederzeit editierbar.
16
In den "Advanced" Einstellungen können pro Device Einstellungen (Margins, Anzeige) festgelegt werden.Zusätzlich können für jedes Gerät unter den "Design"-Einstellungen spezifisch Einstellungen vorgenommen werden.Spezifische Einstellungen pro Spalte möglich, allerdings komplizierter über Tabelle als bei anderen.
17
18
19
kontextabhängige FunktionenEinstellungs-Modal erlaubt Wechsel zwischen "General" und "Advanced" Einstellungen.Direktes Texteditieren erlaubt Zugriff auf Popover mit Text-Formattierungen. Popover ändert zu Detailfunktionen je ausgewählter Funktion (z.B. Ausrichtung, Schriftart)Einstellungs-Modal erlaubt Wechsel zwischen "General" und "Design Options" Einstellungen.
20
Modale sind verschiebbar und vergrösserbar (Content wird überlagert).Modale sind verschiebbar, vergrösserbar und können links oder rechts an Rand angeheftet werden (Content wird eingeschoben).Modale sind verschiebbar und vergrösserbar (Content wird überlagert). Kann zusätzlich minimiert werden.
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100