Header exploration

[patrykadas]

Moving our conversation from #1289

As currently Browser.html's prototype provide space of an expanded header I thought it would be interesting to explore this direction, providing user an additional functionality.

I've prepared few prototypes:

1. Header expands on focusing the URL. Once expanded, it provides information about websites that user had opened in the background, it also show path of the current trail:

https://youtu.be/FxSlOal-vQo

2. Once user actually starts typing, it autosuggest the result based on the search history. It is also easy to actually jump to Google / DuckDuckGo / anything else search query:

https://youtu.be/jIiqhAiDv_w

3. It is easy to close it by clicking a website area, but it is also possible simply by scrolling down:

https://youtu.be/V9sm6XEZf9o

Also, I thought that instead of using menu, I thought it may be interesting to divide this icon in five actions: previous/next website within trail, previous/next trail, and the trail view. Then, we could provide easily shortcuts to the correlating pages:

@Gozala It would be awesome If you could provide me feedback and let me know how it goes along with current development.

[patrykadas]

@Gozala

I was working a bit more on expanded header:

Whenever user focuses the URL the header expands and shows recent searches and your favorites.

As user starts to type, browser displays autosuggestions based on your history. User could also search this particular phrase in one of the suggested engines by either clicking particular icon or using command + number combination.

Prototype:
https://youtu.be/MzYMOOmW04A