In order to make the search feature more interactive, we would like to allow the user to preview the results found that have the highest probability to be the ones the user is looking for.
The list of results should be displayed according to the following relevance logic:
The most hits found in the name / addresses at the top
The alphabetical order
The behavior we expect:
[ ] if the user types in some characters, we will display up to 5 results following the relevance logic and show the search string highlighted in yellow (we only display the primary email address, followed by +N if there are N more email addresses associated with the contact)
[ ] if the user uses the top or down keyboard keys, the first item in the list will be highlighted
[ ] if the user uses the top / down keyboard keys, he will be able to highlight the previous / next match respectively
[ ] if the user clicks on a result or hits enter on the highlighted result, the full list of matches will be loaded and he will automatically navigate to the result he clicked on
[ ] if the user gets more than 5 results, he will see a "show X more results" link appear
[ ] if the user clicks on the "show X more results" link, the full list will be loaded and the user will automatically have the first search result selected
[ ] if the user types in a string that is nowhere to be found, he will be notified with a "no match found" message
[ ] if the user validated the empty search anyway (by clicking enter), we will display the placeholder text / image that say "not result found"
In order to make the search feature more interactive, we would like to allow the user to preview the results found that have the highest probability to be the ones the user is looking for.
The list of results should be displayed according to the following relevance logic:
The behavior we expect:
Zeplin link: https://app.zeplin.io/project/5d5b7ea26986389b1e7b265c/screen/5e0a0b17d30a77171ff68fdb