Designing great products that make sense & bring joy

Find it Faster: The New Search Interface in Firefox

How often have you done a web search, already knowing that you would click the first result that looked like a Wikipedia page?

Quite often? Then Firefox is about to make your life easier. With the new one click searches, you can instantly find what you are looking for across the web.

When typing a search term into the Firefox search box, you will notice two new things: first, we improved the design of search suggestions to make them look a lot more organized. And second: there is an array of buttons below your search suggestions. These buttons allow you to find your search term directly on a specific site quickly and easily.

We are shipping Firefox with a set of pre-installed search engines that are tailored to your language. You can easily show and hide them in your search preferences.

But you shouldn’t be limited to any default set we provide. That’s why adding additional search engines is easy. Are you a web developer? Then how about adding MDN and Stack Overflow to your one click searches? Writing a paper and looking up synonyms every day? Add a dictionary site! Just click on the magnifying glass in the search field while on the site and select the search engine you’d like to add.

Firefox is all about choice, and with the new UI, searching is now more flexible and powerful than ever. Coming soon to a Firefox near you!

76 responses

What about searching by keyword in address bar? I don’t see any button for changing it. Is it hidden in context menu? The only thing I use search bar for is adding new search engines and setting them a keyword, otherwise I just use address bar.

It looks nice though, I hope it will also finally bring search module sync.

Keywords aren’t accessible in this version, but will be re-added soon. Old keywords should continue to work and you can still use bookmark keywords (right click into a search field on any website and select »Add a keyword for this search«).

Those are all things scheduled to be improved.
Old search keywords should still work. You can still add bookmark keywords (which do essentially the same thing) by clicking into a search field on any website and selecting »Add a keyword for this site«

Can we get an official statement why this was landed on Beta? If it had landed on Nightly you would’ve had enough time to improve it.

To me it looks like you try really hard to keep users switching from Yahoo:

– Hide the name of the default search unless you search for something
– Require 4 instead of 2 steps to change the default search engine
– “One off” searches, so users click on Google instead of changing the default

>Old search keywords should still work.

New ones cannot be added anymore and existing ones cannot be modified.

>You can still add bookmark keywords

Great, looking up URLs for 20 search engines will be fun. You’re making OpenSearch useless for power users. And you really talk about “choice”, “flexible” and “powerful”??

This is another UI change that doesn’t make sense and doesn’t bring joy, because it changes a fine system into a kludge because the designers think looks are more important than functionality.

This is NOT an improvement. It’s more cumbersome, more clicks, takes up a huge amount of screen estate when you’ve got not just 6 search engines but 20-30 it breaks plugins, it’s not even finished (missing keywords) but it will be implemented anyway.

Will there be a way to “add the current site as a search engine” without having the search bar visible? There’s right-click “add keyword for this search” but that seems to be a completely separate feature.

Will user be able to use a keyboard shortcut as well as mouse to execute a search? My guess is:
1. click on a search field to place a cursor
2. type criteria
3. hold Alt so the numbers would appear near each search system (according to your gif, it would be Alt+7 to execute search ‘mozilla’ on wikipedia – a page in a new tab)

PS: I thought, search tool is going to be dropped. Search tool in address bar (with the Nightly’s ‘search for’ string, and the search tool on a new tab are all I need at this moment. The concept you have revealed is welcomed in address bar (problems with a suggestions list though).

The new UI is keyboard accessible, but we’re still improving that part.
Currently, you can press tab multiple times to select a search engine. You can even use the up/down arrow keys to select a suggestion first and then run the search through any engine.

Just like Sebastian, I made excessive use of the Ctrl+Arrow way of choosing the search engine. Important was also that the search bar then stayed with the cosen search engine and didn’t every time fall back to the default search engine. I find this new behaviour quite annoying.

So the keyboard short-cuts are not forgotten. Just haven’t found it in an article. Thanks for an answer.

Also I want to discuss why users asking for the complete integration of search tool to the address bar. As we see, many users are asking for that (have no clue of a % from the all community). I ask for that too. And here are reasons (at least I feel so): the more places where a user can do a search – the more stuff a user has to learn (I mean a behaviour of UI). Also a user has to make a decision: which place to choose for a search (address bar, classic search tool, search field on a new bar or a bookmarked URL with a keyword)? Those are the reasons why I feel uncomfortable when I have to use a browser for an info search on the WWW.

WOW! I wasn’t for unified search and url but with the new panel its so absolutely beutiful. And then you got a rough draft started on unification and it looks like it can SUPERB!! I LOVE LOVE how tabbing toggles through the search engines. And using the arrow keys you move through the url selection.

The issue with this unification is how to keyboard navigate between url suggestions and the search suggestions.

I’m glad you liked this ugly sketch which brings the idea not the art. And the idea is mostly from FF developers. I just moved it a little bit to the left :)
It says ‘Firefox Addon Developer’ in your profile, so how about to create similar addon?

Thanks for this information. I wasn’t able to intuitively realize that I could use [Tab] or [Up].

The search box is actually an important feature that keeps me using Firefox instead of Chrome. I realize that whenever something gets changed some of us will complain. It sounds like you’re already on top of it, but please don’t forget those of us that still prefer quick keyboard navigation.

Being able to change the search engine from one thing to another using [Ctrl]+[Up/Down] would be nice, but I also realize that might upset Yahoo and money is money.

Maybe keyboard navigation is a lost cause. Steve Jobs always wanted to force users to use the mouse and I think he’s increasingly getting his way.

That has been looked at several times, but there are difficult privacy problems to overcome if you also want to provide search suggestions. If someone is typing a URL, they don’t necessarily want their default search engine to know where they are going. And yet, if you want to provide search suggestions well, you have to send every keystroke in a unified box to the search provider.

Well why not have an option to enable search suggestions in the address bar for those who want, and display a privacy warning : “Enabling search suggestion will send requests to your search engine each time your typing in the address bar” when you activate it.
I’m sure this is a most wanted feature, especially since you have it in competitors such as Chrome.

+1. The lack of an icon or search description, the poor keyboard navigation, and the failure to easily set the default search are other problems with the changes. I agree with keeping the search bar separate for privacy reasons.

I really hope you will remember to keep the keyboard navigation just as simple as it is today. Ctrl + arrows is a very nice and simple way of changing search engines. If I suddenly have to press tab multiple times instead, that will make Firefox much less comfortable to use.

I always use Drag and Drop Zones extension, it’s the most efficient way to search web: drag a word and drop on displayed squares so it opens in background tab for example. Do sth like this with your search field tileshttp://cdn.add0n.com/images/drag-and-dropzones-big.png

If you press Ctrl+E to do a search, type something, press tab a few times to select a non-default search engine, then decide to change your mind and *not* perform a search right now… hit escape… keep reading your web page. Then later, you press Ctrl+E to perform another search, you expect it to use your default search engine, but it uses the one you previously selected using your tab key.

This is absolutely beutiful!!! Can be even more beutiful. I love how tab toggles through engines and arrow keys goes through suggestions. Arrow keys are a bit out of the way though, so maybe ` and Shift + ` (tilde) can also be hotkeys for up down arrow?

One feature this lacks is, often i would click the go arrow on empty search field to go to that search engines page. It would be nice if we could work this in, in some creative way.

Also if I focus the field by right click in the search field, sometimes the context menu is behind the search panel.

Also we should make the icons draggable, rather then have to click on “Manage” to actually manage it. Would be awesome if you can just manage right there like the Customize page. If drag engine from bottom to top, then that would switch it for the default.

Right clicking icons and remove should remove it.

And also if you go to qwant.com then click the field you see the “Add Qwant.com” however it doesnt light up notifying you that its available like it used to. It was subtle, maybe we should bring that light up back. Maybe, it might be redundant, so maybe.

Because if a user wants to add it, they should know to click up there to check if its available. I dont think they really looked at hte light up to decide to add it. And the light up was so subtle it didnt really say much. I dont know, maybe add it back maybe dont (the light up part when add is availble)

It looks great but I want have an option to have the search buttons that now are at bottom being at top above the search suggestions.
The less you have to move the mouse the better the user experince get, it feels fast and smooth then.

Perfect! That’s exactly how I wanted the settings to be all along. My primary search engine doesn’t change in Awesome bar, new tab page and search bar, but if I want a specific search I easily can do that via the search bar.

Two (minor) things for list of adjustments:

1) as Conscious already mentioned, make the search engines removable again. That’s at least my personal preference as it I don’t need a hugh list where I have 50% of search engines I know I am not using (and it might be good for Telemetry as well, maybe!?)

2) I have the German and the English Wikipedia in my list, both times pretty much with the same favicon; currently the English one is bigger and squared (I guess it was pre-added), while the German one is slightly smaller and has rounded corners. I also can distinguish them via the ‘title/alt-text’ which comes up on hover, but that is – for a good reason – slightly delayed and would slow down my search if I’d always wait for that. Maybe someone clever can come up with something!? ;)

I don’t like the fact that there are no labels on the icons as I have duplication of different flavors of search (e.g. google image, google image HD) also it is not practical when you have a wide search box (lot of mileage to hit the right provider) and the worst thing is that “oneclick” always reverts the search engine to the default. To have to go to options dialog to make a half hour search on a different engine “sticky” is really user unfriendly.

Finally, why do you not display the icon of the search provider any more?

You could improve the panel to true “one-click” by making the provider portion persistent on hover and moving it to the top of the panel. this means the popup does not close the complete panel and the user can choose a different search provider while viewing results from the initial provider. Also, I do not believe it is a good idea to have the concept of a “default” provider that can only be changed via a modal dialog – the old version was a lot more friendly for me. I might search only google for 30 minutes then mdn for an hour then mxr. I do not want 3 trips to the options dialog for this or constantly have to re-click the “non-default” provider, that actually adds a lot of extra work for me

First, please bring back the dropdown menu for switching default search engine. Or, failing that, make it possible to set default search by right-clicking on a search engine in the list. I do approx 30% of my searches on google, 30% on English wikipedia, 30% on Swedish wikipedia, 10% on other search engines.

I often use right-click search on text from an article I’m reading. I use Wikipedia, Google, Youtube and others with roughly equal frequency, depending on what I’m looking for. If the one I want isn’t selected in the search bar, I it in the drop-down, highlight the text, then right-click to search.

With this new functionality, it seems I have to either use the “Change Search Settings” dialog box to select a default, which is picked up by right-click, and what my default is is now not visible before I highlight the text and right-click.

Or, I have to cut and paste the text into the search box, and manually select Youtube or whatever each time.

Either way, it’s a lot more hassle. I think you need to show the icon for the default search engine on the search bar, as before, and allow easy changing of the default, as before. Also, change the right-click search (or add another line “Search with…”) so that it has a sub-menu for picking a one-off engine.

I hate it! I need it changed back to what I’m used to. I can’t highlight text on pages and quickly choose the search engine to search under with the text highlighted. Also I can’t open up multiple tabs under the search for each specific search engine? Major flaw because I can’t open new tabs for the different searches I want to perform for each different search, only on the same page and I hate that, it overlaps the page I’m on. Drastically cuts my productivity. In a market where multiple tabs in the norm — Who is the genius who came up with the idea to stunt an already good search bar?