Wiki source code of Search Proposal - Search Bar

Last modified by Vincent Massol on 2024/11/19 16:13

Show last authors
1 {{velocity}}
2 {{html}}#info("http://dev.xwiki.org/xwiki/bin/view/Design/NewSearchInterface"){{/html}}
3 {{/velocity}}
4
5 == Searh Bar - Content ==
6
7 [[A. Simple Search>>http://incubator.myxwiki.org/xwiki/bin/view/Mockups/SearchProposal+SearchBar#simple]]
8 {{info}}http://platform.xwiki.org/xwiki/bin/view/DevGuide/SearchBox{{/info}}
9 [[B. Quick Search>>http://incubator.myxwiki.org/xwiki/bin/view/Mockups/SearchProposal+SearchBar#quick]]
10 {{info}}http://platform.xwiki.org/xwiki/bin/view/DevGuide/SuggestBox{{/info}}
11 [[C. Advanced Search>>http://incubator.myxwiki.org/xwiki/bin/view/Mockups/SearchProposal+SearchBar#advanced]]
12
13 == (% id="simple" %)A. Simple Search (%%) ==
14
15 ==== Current Look ====
16
17 [[image:XWiki-Main-LuceneSearch1236000549609.png]]
18
19 ==== Proposal 1 ====
20
21 + the attention is set on the Search field first
22 + in absence of query, if the "Search..." is replaced by user text, the serch icon remains
23 + outside text (query, wiki, space) is eliminated
24
25 [[image:searchbar1.png]]
26
27 + occuping the entire row of the display
28 + the fields "All wikis" and "All spaces" resize depending on the content
29 - the Search Button is too far if the user wants to keep the default settings - this is fixed by hitting "Enter"
30 + query example shown
31
32 ===== Only one wiki =====
33
34 [[image:searchbar1S.png||alt="E"]]
35
36 ==== Proposal 2 ====
37
38 + the attention is set on the Search field first
39 + in absence of query, if the "Search..." is replaced by user text, the serch icon remains
40 + outside text (query, wiki, space) is eliminated
41
42 [[image:searchbar2.png]]
43 - space remaining in the right, could be filled with query example, instructions
44 - if one of the fields "All wikis" and "All spaces" resize, it was to resize also the "Search" field
45 + the Search Button near the query
46 + location setting like wiki and space are grouped visually and set as second step
47 - if we have only one wiki the search is taking two rows
48
49 == (% id="quick" %)B. Quick Search (%%) ==
50
51 ==== Current Look ====
52
53 [[image:quicksearchO.png]]
54 - the Space is not visible apart from the title
55 - it only highlights the first occurence of the query (not all the "xwiki" in one row)
56 - the number of items to be displayed is too large
57
58 q: what is the algorithm of suggestion? take the most relevant entries for the query?
59 q: if the user selects a space can the quick search look only in the selected space?
60 q: how we manage multi spaces?
61
62 Suggestion: don't highlight the query in space names
63 Constrain: the highlight tehnique in quick search must be the same with the highlight tehnique in result list
64
65 ==== Proposal 1 ====
66
67 + display the first 10-15 first most relevant items
68 + separation between title and space (using the same colors as in settings)
69
70 [[image:quicksearch1.png]]
71 - the quick search results are too crowded- what happens when we have big title and big space names?
72 - the Search Button is too far if the user wants to keep the default settings - this is fixed by hitting "Enter"
73
74 ==== Proposal 2 ====
75
76 + display the first 10-15 first most relevant items
77 + separation between title and space (using the same colors as in settings)
78
79 [[image:quicksearch2.png]]
80
81 + the quick search results have bigger (in width) space to be displayed
82 -/+ the space and wiki select is hidden (could be a good thing)
83 + the button is near the query - looks much cleaner
84
85 == (% id="advanced" %)C. Advanced Search (%%) ==
86
87 ==== Proposal 1 ====
88
89 [[image:advanced1.png]]
90 + the Advanced section slides down with options
91 + newbie user is not disturbed
92
93 Suggestion: the preferences should be saved in user profile so that the user doesn't need to set them everytime
94
95 ===== Expanded example
96 [[image:expanded.png]] =====
97
98 {{velocity}}
99 {{html}}#info("These are not the actual options that would be provided in advanced search. They can be considered as placeholders on this screenshot."){{/html}}
100 {{/velocity}}
101
102 ==== Proposal 2 ====
103
104 [[image:advanced2.png]]

Get Connected