Show last authors
1 {{toc start="2"/}}
2
3
4 == Var 1 (Current) ==
5
6 (% class="col-xs-12 col-sm-12 col-md-12 col-lg-8 pull-left" %)
7 (((
8
9 [[[[image:Var1.png]]>>attach:Var1.png]]
10 )))
11
12 (% class="col-xs-12 col-sm-12 col-md-12 col-lg-4 pull-righh" %)
13 (((
14 (-) Global actions mixed with Content actions (Add between Edit and More actions)
15 (-) Prominent Search in the ##navbar##
16
17 (+)/(-) Actions grouped a bit (Add, Edit, More), still missing (Copy, Move, Delete)
18 )))
19
20 (% class="clearfix" %)
21 (((
22
23 )))
24
25
26 == Var 2 ==
27
28 (% class="col-xs-12 col-sm-12 col-md-12 col-lg-8 pull-left" %)
29 (((
30
31 [[[[image:Var2.png]]>>attach:Var2.png]]
32 )))
33
34 (% class="col-xs-12 col-sm-12 col-md-12 col-lg-4 pull-righh" %)
35 (((
36 (+) Separating global actions from content actions ('Add' in the global menu)
37 (-) Prominent Search in the ##navbar## + unaligned with anything
38 (-) 'Add' button style not integrated with ##.navbar## styling
39 )))
40
41 (% class="clearfix" %)
42 (((
43
44 )))
45
46
47 == Var 3 ==
48
49 (% class="col-xs-12 col-sm-12 col-md-12 col-lg-8 pull-left" %)
50 (((
51
52 [[[[image:Var3.png]]>>attach:Var3M.png]]
53 )))
54
55 (% class="col-xs-12 col-sm-12 col-md-12 col-lg-4 pull-righh" %)
56 (((
57 (+) Separating global actions from content actions ('Add' in the global menu)
58 (+) 'Search' is integrated with ##.navbar## styling
59 (+) 'Add' button style is integrated with ##.navbar## styling
60 (+) Well known actions are represented with icons, while we provide text only for user generated entities (Wiki/Space/Page/User names)
61 (+) Using ##.separator## to delimit icons also defines a clear area to click on when using mobile phones
62 )))
63
64 (% class="clearfix" %)
65 (((
66
67 )))
68
69 === 3.1 - Interaction ===
70
71 (% class="col-xs-12 col-sm-12 col-md-12 col-lg-8 pull-left" %)
72 (((
73
74 [[[[image:Var3.1.png]]>>attach:Var3.1.png]]
75 )))
76
77 (% class="col-xs-12 col-sm-12 col-md-12 col-lg-4 pull-righh" %)
78 (((
79 * Default action as 'Add Page'
80 * Also changed the order to 'Page - Space - Wiki'
81 )))
82
83 (% class="clearfix" %)
84 (((
85
86 )))
87
88 === 3.2 - Interaction ===
89
90 (% class="col-xs-12 col-sm-12 col-md-12 col-lg-8 pull-left" %)
91 (((
92
93 [[[[image:Var3.2.png]]>>attach:Var3.2.png]]
94 )))
95
96 (% class="col-xs-12 col-sm-12 col-md-12 col-lg-4 pull-righh" %)
97 (((
98 * Clicking on the 'Search' icon will expand the icon to an input + button, see [[interaction>>http://wrapbootstrap.com/preview/WB08808B5]]
99 * Lower intensity for 'Search' styling
100 )))
101
102 (% class="clearfix" %)
103 (((
104
105 )))
106
107 === 3.3 - Interaction ===
108
109 (% class="col-xs-12 col-sm-12 col-md-12 col-lg-8 pull-left" %)
110 (((
111
112 [[[[image:Var3.3.png]]>>attach:Var3.3.png]]
113 )))
114
115 (% class="col-xs-12 col-sm-12 col-md-12 col-lg-4 pull-righh" %)
116 (((
117 * Localisation needs to be clicked in order to see the current language, represented as menu
118 )))
119
120 (% class="clearfix" %)
121 (((
122
123 )))
124
125
126 === 3.4 - Extended ===
127
128 (% class="col-xs-12 col-sm-12 col-md-12 col-lg-8 pull-left" %)
129 (((
130
131 [[[[image:Var3Extended.png]]>>attach:Var3ExtendedM.png]]
132 )))
133
134 (% class="col-xs-12 col-sm-12 col-md-12 col-lg-4 pull-righh" %)
135 (((
136 (+) The right menu is easily extensible with other functionality icons (like Messages or Notifications)
137 (+) Search should be placed the first item in the right list
138 )))
139
140 (% class="clearfix" %)
141 (((
142
143 )))

Get Connected