Re:DuckDuckGo gets a new look
by quanticle on Friday January 13, 2012 @10:00AM
(#3460773)
Does anyone else find that they've been trained by Google's positioning of sponsored links into ignoring the first few links on a search page? I bring it up because on the Duck Duck Go search page, I missed the link to Hacker News the first couple times I looked. I was so conditioned by Google's sponsored link placement, I was treating the third link as if it was the first.
EDIT: Okay, I really don't like the positioning of the "official site" result. To me, it should be below the sponsored links, not above. The reason is that when you're searching for something where DDG doesn't have an "official site" entry, the first search result appears below the sponsored links. However, when DDG knows the "official site" for your search query, it places that result above the sponsored links. In practice, this means that you have to look in two places for the "first" result - above the sponsored links and below. Placing the "official site" result below the sponsored links would resolve this inconsistency.
Re:DuckDuckGo gets a new look
by epi0Bauqu on Friday January 13, 2012 @10:20AM
(#3460880)
We've been fighting against this problem since we first launched. Our zero-click box has gone through several iterations with it in mind, and people kept skipping over it. This latest iteration I think (from user testing) does the best job so far of combating that unconscious inclination.
That's interesting on official site placement. We thought it would be better for the user to put that official site link first (it's also in the zero-click info box btw). But it people think it should be below, I have no problem with that.
Re:DuckDuckGo gets a new look
by 54mf on Friday January 13, 2012 @11:33AM
(#3461194)
I hesitate to call myself an expert at anything, but I'm an employed UX designer and yeah, it does get lost. At best, the eye is drawn to the yellow box, then to the "next" content below it. At worst, banner blindness kicks in and the user skips all the content above that yellow box. (This is what happened to me.)
Re:DuckDuckGo gets a new look
by thaumaturgy on Friday January 13, 2012 @12:44PM
(#3461509)
I'm so used to visually ignoring ads that, because the sponsored link is hilited yellow, I notice it first, subconsciously realize that it's a sponsored link ("MP3 player for 'hacker news'? -- yeah, that's an ad), and then immediately start looking below it.
If I'd had just 5 seconds to glance at the page and then answer the question, "what was the top result for 'hacker news'?", I would have sworn up and down that it was "The Hacker News Network" and there was just empty space above the ad.
Re:DuckDuckGo gets a new look
by planckscnst on Saturday January 14, 2012 @09:04AM
(#3464247)
I thought your comment was probably too heavily analyzed and a result of the different=bad bias. So I went to the link, and said to myself, "The first link is obviously that." I found that I was looking straight at the Hacker News Network link and was very surprised.
Re:DuckDuckGo gets a new look
by dpcan on Friday January 13, 2012 @12:44PM
(#3461514)
Google has done the research for you here, and placing the official site link above the sponsored links may seem like an interesting idea, but it shouldn't be there.
It should be the first site listed with all the other sites IMO.
Otherwise it's the "official" sponsored link in my mind. Which doesn't make much sense.
Re:DuckDuckGo gets a new look
by jolan on Friday January 13, 2012 @10:47AM
(#3461005)
The only major color on the page is the red navbar and the yellow sponsored ad. The sponsored ad draws my attention and then I go below it since it's an ad.
The zero click info and official site badge are both grey which makes them fade away into the background; not stand out like intended.
Re:DuckDuckGo gets a new look
by notahacker on Friday January 13, 2012 @11:58AM
(#3461306)
Given DDG's relatively ad-blind early-adopter audience, I reckon the sponsored link would get more attention if it wasn't highlighted in yellow
(I don't think this is a "dark pattern" when the text "sponsored link" appears next to it - alternatively the sponsored status could be clearly but not obtrusively indicated with a badge similar to the "official site" badge)
Re:DuckDuckGo gets a new look
by webnzi on Friday January 13, 2012 @11:10AM
(#3461095)
I think it's great. It's not the "normal" UI that people expect - and that's a good thing. Google defined what everyone seems to be calling normal. If people make the switch to DDG they'll understand how the results work and what to expect.
Re:DuckDuckGo gets a new look
by bethling on Friday January 13, 2012 @01:24PM
(#3461690)
It could stop people from switching though - I didn't see the "right" link when I went there - I just skipped past the yellow box like many people. That led me to get a feeling that the results weren't very good.
It wasn't until I read the comments that I realized that I missed the link that I would have wanted, and the results were good.
It's not ideal that people have been trained to subconsciously skip over certain results, but it's something that has to be accounted for. Otherwise you're going to leave the completely wrong impression in a significant portion of your potential users's minds.
Re:DuckDuckGo gets a new look
by teaneedz on Friday January 13, 2012 @05:01PM
(#3462588)
I personally like the official site placement. It saves me time. The sponsored link and yellow background is the floor and I'm drawn to everything above it (a problem if the official site is a sponsored link though I guess). It's a different experience from Google and it works for me - Google does not set UE or UI law. We've become accustomed to Google's way though and it's not necessarily wrong to offer a different experience. Getting past the UE expectations of Googlers though must be quite the product hurdle though.
Re:DuckDuckGo gets a new look
by jader201 on Friday January 13, 2012 @11:25AM
(#3461161)
I think it's going to just be a matter of "reconditioning". When you move from one UI to another, you tend to carry over habits from the other. But as you use the tool more, you'll become conditioned to paying more attention to the top gray box first, and then if that's not what you're looking for, moving to the results (below the sponsored link).
Re:DuckDuckGo gets a new look
by zcid on Friday January 13, 2012 @11:46AM
(#3461260)
Unfortunately for DDG, those habits need to be taken into account seeing as they're the underdog. When getting people to change to a new interface, the process should be as painless as possible to prevent resistance.
The other day, I went to the kitchen to eat an orange. After a moment, I changed my mind because I didn't feel like peeling it. I quickly realized that it was silly to let 10 seconds of work prevent me from enjoying what I wanted, but that is the power of even the smallest obstacle.
Re:DuckDuckGo gets a new look
by m_for_monkey on Friday January 13, 2012 @02:17PM
(#3461925)
You should make more prominent the link to the official site in the zero-click box and don't display it twice. Right now the zero-click box header links to the Wikipedia article. That should point to the official site. (If the user disabled the zero-click box then list the ad links first, then the real results.)
Re:DuckDuckGo gets a new look
by rkudeshi on Friday January 13, 2012 @11:21AM
(#3461142)
Thanks, I didn't know about that setting!
I can only assume it won't be there forever for obvious reasons, but it's nice to have it for now (especially because of the UI issues mentioned elsewhere in this thread).
Re:DuckDuckGo gets a new look
by ImprovedSilence on Friday January 13, 2012 @12:37PM
(#3461483)
I'd say one big reason I missed it at first was because there was no hacker news little orange [Y] box on the left side of the link. Scrolling further down the page, this logo appears on the second iteration of the HN link.
Re:DuckDuckGo gets a new look
by joshuahedlund on Friday January 13, 2012 @12:44PM
(#3461512)
Exactly. The lack of icon and description - which all the first few results below the sponsored link have - causes me to want to ignore the 'Official Site' result. If it had an icon I think I would be more likely to view the yellow as a break between the results rather than a separation between two different kinds of content.
That seemed strange, so I did the search [chocolate of the month club] on DuckDuckGo and clicked on the Microsoft ad. I ended up on http://www.amazingchocolateclub.com/?utm_source=MSN&utm_... which has "chocolate of the month club" in the url.
It looks like the "icep_uq" parameter in the ebay link has exactly my search query, [one fruit a month]?
I know you've made "we don't send your searches to other sites" a pretty major policy at http://donttrack.us/ . With these ads, do you know whether searches on DuckDuckGo are sometimes sent to other sites?
Re:DuckDuckGo gets a new look
by epi0Bauqu on Friday January 13, 2012 @06:05PM
(#3462802)
Thanks Matt. I removed that block while I investigate, and will report back when I know more. It's obviously not our intention to leak any search results through us.
Edit: still reviewing to make sure, but it appears that it isn't sending the search term via us. In fact, that's why it is going through our server, to specifically strip out the referrer. This appears to be an optional setting in the Microsoft ad center that sends the keyword bid for that ad.
Edit2: that does appear to be it. If I take all your examples and append ssn to the query, ssn doesn't appear in the resulting URL. I'm guessing they just have broad match on for those terms. You probably know as well as anyone that the coverage in the query space for ad terms is pretty wide, so if you search for something near the head you're bound to hit something exactly. I also tried a bunch of other queries, and since this setting is optional a lot of times the advertiser didn't set it and so their bid term is not send back; this is the case for example if I search for google and up at https://www.google.com/chrome?hl=en&brand=CHFX&utm_c...
Re:DuckDuckGo gets a new look
by pak on Friday January 13, 2012 @11:08AM
(#3461087)
I have to say, why such loud mouseover effects? It's distracting to have all these boxes popping in and out as I scroll through the results. I get that you're trying to show that the click area is that big, but it impairs readability--most of the time while using a search engine I am reading very quickly. Perhaps some people leave their mouse off to the side when they scroll, but many people "think with their mouse," pointing at stuff as they look at it.
I would personally tone them down to just the underline appearing on the result link (where that activates for the big click area, and not just when mousing over the link within the big click area).
Re:DuckDuckGo gets a new look
by pak on Friday January 13, 2012 @08:11PM
(#3463157)
I'll agree that it's about the right contrast for keyboard navigation, but a compromise is straightforward: show it only after pressing j/k (as with the current behavior), and use a much subtler effect for mouse hover.
Re:DuckDuckGo gets a new look
by underwater on Friday January 13, 2012 @12:52PM
(#3461561)
I don't mind it. I think the biggest problem is that it uses JavaScript. The small delay between hover and style change makes the site feel sluggish. Using the :hover pseudo class would be better, and is supported by all browsers other than IE6.
Re:DuckDuckGo gets a new look
by zcid on Friday January 13, 2012 @11:40AM
(#3461219)
I definitely agree with this although I think you could lighten the shading and get away with the current method. The dark grey just creates too much of a contrast change for me to read it easily. It only adds a split second to my reading time, but it is noticeable.
I also don't really like the boxes/buttons at the top (they look very much like every other site trying to create a mickey mouse design), but this is probably just my natural resistance to change. I probably won't even notice in a week.
I changed to DDG a while back as my default search engine and must say that I've been extremely happy with it. To hear about an interface upgrade was initially a little upsetting as it brings to mind the recent changes to Google. The preview and instant search features are what finally pushed me to the simplicity of DDG. I'm glad you kept the same clean design and didn't try to change what already works wonderfully. Please keep up the great work.
Re:DuckDuckGo gets a new look
by underwater on Friday January 13, 2012 @01:08PM
(#3461625)
Great work Gabriel. I've just switched to DDG as my default search engine. A few suggestions though:
The divider between the search and drop down buttons should use alpha-blended colors rather than dotted lines. It looks really bad in some situations, for example the :active state on the drop down button looks like it doesn't darken the divider. Edit Just noticed the down state on the front page search button is actually a pixel off. The down arrow also dips a pixel on active state.
The :active state on the more button is missing the last few pixels at the bottom.
The results don't have padding to the right. When a result is highlighted the description text can run all the way to the right border. Also see the "Internet search engines" hover state for q=DuckDuckGo.
Consider packaging your image resources into sprite sheets (check out http://spriteme.org/). There are flickers when I use some elements for the first time. Most noticeably the :hover state for the search suggestions and toggling the plus/minus button. Clear your cache to see them.
Re:DuckDuckGo gets a new look
by elisee on Friday January 13, 2012 @10:41AM
(#3460978)
Looks like a clean, straight-to-the-point design.
The top box has some padding issues when hovering the contained links: there's more padding on the left than on the right, and the first link has more padding on the right than the next two (tested in latest stable Chrome & Firefox). See screenshot: http://polyprograms.free.fr/tmp/DuckDuckGoPaddingTopBox.png
On an unrelated note: I have a hard time taking your service seriously because of the duck branding and the DuckDuckGo name. It looks like you're doing a great job but somehow DuckDuckGo doesn't feel like a name for something I would use on a day-to-day basis. I guess I can just overlook it if the service is good enough but I do wonder if your brand is hurting your service. Maybe it's just me though!
Re:DuckDuckGo gets a new look
by mattw on Friday January 13, 2012 @01:43PM
(#3461765)
For the record, I switched to DDG in part because of the duck. (All right, so it was a very small part, but the point remains--the duck is awesome.) :)
Re:DuckDuckGo gets a new look
by bmj on Friday January 13, 2012 @11:07AM
(#3461083)
But "google" is pretty normal, right? Or "yahoo?" Or "bing?"
Your point is well-taken, but I think it's just a matter of normalizing the name. Granted, "duck, duck, go" doesn't roll off the tongue as smoothly as the other services, but I'm not sure that's a critical issue.
Re:DuckDuckGo gets a new look
by elisee on Friday January 13, 2012 @11:33AM
(#3461195)
I think you've made it clearer for me: the fact that it feels like a sentence plays a big part in the weird factor, it's like I'm addressing someone instead of citing a name for a service.
But I guess it's a minor concern indeed. I just wouldn't feel very confident using a similar name for a product of my own, knowing that it could be a turn-off.
Re:DuckDuckGo gets a new look
by landhar on Friday January 13, 2012 @12:20PM
(#3461412)
We've started calling it ddg among my friends, it has a nice ring to it, to bad they don't have a url using this acronym since it's also very fast to type.
Re:DuckDuckGo gets a new look
by newobj on Friday January 13, 2012 @01:03PM
(#3461602)
Made DDG my default search engine in Chrome today. Not because of the redesign, but just because I think it's time to start looking at alternatives. (The fact that I don't even need to qualify what I'm seeking an alternative to means I should be looking at alternatives!)
Re:DuckDuckGo gets a new look
by mike-cardwell on Friday January 13, 2012 @10:19AM
(#3460870)
I think the "Official Site" buttons should be made more prominent and to look more like an official seal. I just pulled a random image out of Google Images to try and explain what I mean:
Re:DuckDuckGo gets a new look
by peregrine on Friday January 13, 2012 @10:24AM
(#3460909)
Love the new look. One thing I want to bring up is page load speed. I went 2 weeks with DDG as my default search engine for all browsers but I had to switch back because of the difference in page load speed. Its just .5-1 second slower then Google and I cannot stand it.
I would find the results to be fine, and the interface to be good but the fact I had to wait slightly longer drove me absolutely up the wall.
Re:DuckDuckGo gets a new look
by Corrado on Friday January 13, 2012 @02:44PM
(#3462060)
I tried a DDG experiment on my home machine and after 6 weeks or so I switched back to Google. Sometimes DDG was almost as fast as my thought process but very often I found myself waiting several seconds for search results.
It sounds trivial but those were very, very long seconds. When I'm in the middle of a deep programming problem I need an answer now while it's still fresh in my mind. Giving me 2 seconds for my mind to wander off is too much.
Another problem that I had was that there was no way to sort my results. However, that looks to be solved with the latest DDG interface. :)
Re:DuckDuckGo gets a new look
by Wilya on Friday January 13, 2012 @10:02AM
(#3460787)
For a second, I thought : "Bad choice for an example query. It doesn't even finds the real HN."
Turns out Google has trained me to scroll past anything looking like a Sponsored link a bit too well.. It took me a few seconds to spot the "Official Site" link.
Re:DuckDuckGo gets a new look
by m_for_monkey on Friday January 13, 2012 @10:36AM
(#3460966)
The best thing about DDG that it's very configurable. Many commenters here complaining about things they could easily change in the settings menu, like colors, advertisements, floating header, results placed in the middle, etc.
Re:DuckDuckGo gets a new look
by brador on Friday January 13, 2012 @10:49AM
(#3461017)
Don't like it.
I really hope people stop copying the Google/microsoft "big block color squares" UI strategy. Please copy Apple more, gradients and buttons that stand out nicely and perfectly rounded corners. Things which pop out of the screen nicely.
Re:DuckDuckGo gets a new look
by 54mf on Friday January 13, 2012 @11:41AM
(#3461227)
The new UI has a lot of really nice touches, and is a lot cleaner than it used to be. Kudos for that. The magnifying glass and menu arrow in the header are gorgeous, I love the dotted line between the two. Really nice.
That said, there are a lot of issues, in my opinion. Clicking that menu arrow pops out a really bland box with no padding and no structure to the content. The "header" text is wrapped in dashes, but the text looks exactly the same as the rest of the text in the box. Like someone else said, the mouseover effect on the individual results is really harsh. The zero-click box at the top fades in to the background, and the sponsored link is intrusive and throws off the flow of the entire page.
I hope you folks keep working, because the progress I've seen in the last couple years has really been great and I want DDG to be a huge success. Search is completely ripe for disruption - Google got simplicity right, but most of their recent updates have been boring or steps backwards. Keep fighting the good fight. And if you're ever looking to hire a UI / UX designer, let me know where to apply. :)
Re:DuckDuckGo gets a new look
by duck on Friday January 13, 2012 @10:24AM
(#3460903)
How do you determine what makes something an "official site"? I see it with the "Hacker News" search here, and with Twilio for example, but not with Fog Creek or Ford.
You guys keep doing awesome work Gabriel, keep it up!
Re:DuckDuckGo gets a new look
by epi0Bauqu on Friday January 13, 2012 @10:38AM
(#3460974)
We do this often through our 0-click sources, e.g. Wikipedia though there is an algorithmic component as well. However, we try not to have false positives so it is clamped down pretty tight.
Re:DuckDuckGo gets a new look
by samdk on Friday January 13, 2012 @10:00AM
(#3460776)
The positioning of sponsored links makes me very sad. I use j/k/enter to navigate most of the time, and this means that I need to worry about accidentally selecting a link with a near-100% probability of being completely useless to me. (It's really annoying when it's the first link, because I can't just press 'enter' to go to it.)
It also wastes a lot of screen space on a smaller screen, especially when the zero-click info box is there. Being able to see only 1-2 useful results instead of 2-3 is annoying.
I've been using DDG for over a year now as my primary search engine, and I like it quite a lot. I understand the need to make money, but I'm going to be very sad if I have to go find a new search engine because ads have compromised the UI.
Re:DuckDuckGo gets a new look
by epi0Bauqu on Friday January 13, 2012 @10:04AM
(#3460798)
The previous ads on the right were taking up more space than this new sponsored link and they weren't being seen much, resulting in essentially zero effectiveness. Additionally, we continually get requests for actually having sponsored links in-line because when relevant they often add something to the result set.
So what we hoped to do is kill three birds with one stone: a) add in a relevant sponsored link (work in progress); b) generate real revenue to make the service self-sustainable (while still keeping it as minimal as possible); c) reclaim the space on the right side for more interesting interactions (more to come).
We've been testing this for a while on some traffic and it has preformed well with essentially zero complaint. We realize there will be some people who don't want it, which is why there is a setting to turn if off (ad block works too).
Also, the whole page has been compressed up so really it shouldn't be taking much more vertical space. In other words, with the smaller default fonts and other spacing changes that height has been removed from the page rendering it more of a wash with # of results on the page.
Re:DuckDuckGo gets a new look
by rkudeshi on Friday January 13, 2012 @11:31AM
(#3461184)
I love the new design. I preferred the old color scheme (light green feels easier on the eyes), but I'm sure I'll quickly get used to the new one. Other than that, everything seems much more consistently designed and cleaner. Great job.
PS. I've been trying out DDG for a while and switched over almost completely in the last few months. I find increasingly fewer searches for which I need to jump over to Google, too. Even better, once I explained to my dad how DDG was different than other search engines, he WANTED me to switch his computer to DDG. I predict 2012 is going to be a heckuva year for y'all!
Re:DuckDuckGo gets a new look
by ufo on Friday January 13, 2012 @04:09PM
(#3462418)
I guess the new color scheme must be their secret way of pointing us to the color customization page. And also an underhanded way to get us to accept their cookies :)
Re:DuckDuckGo gets a new look
by Meai on Friday January 13, 2012 @04:29PM
(#3462482)
Well the main page is good but the search results are still overcrowded. The hover-effect on the search results is distracting. It just diverts attention from the results. I doubt many people really read like this: "hover mouse over first result: Not it. Ok, up to the next one: Hover mouse over second result. Not it. Ok next one."
Then of course, it bothers me that I have to pay attention to where I click, and if I want to copy paste text, I have to be exact about it, otherwise I accidentally click on whitespace that will direct me to a result page.
It's just too much "cognitive work" associated with the UI.
Re:DuckDuckGo gets a new look
by strager on Friday January 13, 2012 @01:30PM
(#3461714)
Not just that; in Chrome 16 (OS X), I can't scale the font up myself like I used to be able to do with the page zoom options. (I could probably define myself a CSS for DDG, though...)
Re:DuckDuckGo gets a new look
by MrJagil on Friday January 13, 2012 @11:46AM
(#3461254)
Wouldn't it make sense to have the zero-click info on the left side instead of all that white space? Once you realize it's there you'd always have instantanious access to both zero-click info and all of the most accurate results without needing to scroll. Further, you could have a very elaborate zero-click info box instead of the current, heavily compressed one.
Re:DuckDuckGo gets a new look
by manifold on Friday January 13, 2012 @03:39PM
(#3462299)
Edit: (search box was broken: http://i.imgur.com/Z5chu.png) Ah, it was a zoom issue with firefox. I like the redesign. Perhaps long-term you can make zoomed/unzoomed pages degrade more gracefully, or at least keep the search bar on top :)
Re:DuckDuckGo gets a new look
by epi0Bauqu on Friday January 13, 2012 @10:23AM
(#3460901)
There is the initial reaction and then there is living with it for a while. It has been de-saturated a lot, and after a pretty small time it blends in.
Re:DuckDuckGo gets a new look
by aw3c2 on Friday January 13, 2012 @09:57AM
(#3460758)
I do not really like it either, might be "hypochondria" though and probably a different reason. To me it feels close to my eyes than the rest of the page. But the rest of the page are the search results, ie the stuff I am actually interested in.
I really dislike the sponsored link. Its tinting is very subtle and thus it blends into the site too well. Feels dishonest to me. Gonna CSS block it.
edit: Actually I guess I will use the non-JS version (nice!). Never knew about that. It has bugs (the whole result "box" is highlighted like on the normal site but you still have to click the title of the page, no problem but the highlight made me expect differently). It is also drastically faster for me, 5 times surely.
Re:DuckDuckGo gets a new look
by epi0Bauqu on Friday January 13, 2012 @09:59AM
(#3460770)
The tinting is not that low -- maybe depends on your monitor but open to other colors. In any case, you can completely turn off advertising in the settings.
Re:DuckDuckGo gets a new look
by reader_1000 on Friday January 13, 2012 @11:04AM
(#3461075)
I think the problem with the official site result is that offical site element is smaller than the others which makes me think that it is less important and less relevant to the search. Some description text or something else should be added to official site element to make it more notable.
Also I am wondering if DDG has a plan to add suggestions to their search. I use suggestions a lot in Google search and it would be nice to have them in DDG also so that transtion from other search engines to DDG will be smoother.
Re:DuckDuckGo gets a new look
by yaix on Friday January 13, 2012 @10:29AM
(#3460935)
Unfortunately, I don't like it. Not because its new, but because I don't like "position:fixed" elements when I scroll. I am using a netbook most of the time and all these fixed elements take up half of my screen (maybe not half, but feels like it). When I scroll, I do it because I want to scroll, not because I want most of the GUI to not move. Unfortunately, position:fixed seems to be the current "thing" to do for many designers :(
Re:DuckDuckGo gets a new look
by epi0Bauqu on Friday January 13, 2012 @10:30AM
(#3460940)
This part hasn't changed in the new visual design, but duly noted. Note you can changed the fixed header in the settings as well as turn off the sidebar.
Re:DuckDuckGo gets a new look
by SquareWheel on Friday January 13, 2012 @03:01PM
(#3462128)
Going to throw my vote in here as well. I hate position:fixed and am constantly writing CSS hacks to remove these elements on pages. It's a trend I don't like, and yet it's becoming very common. I'm just a grumpy person that hates change, though.
Re:DuckDuckGo gets a new look
by faramarz on Friday January 13, 2012 @10:24AM
(#3460905)
I'm curious why the results are center aligned? It's a very odd placement for search results.
Perhaps it has to do with the filters being on the right, instead of filling the white-space to the left side.
Studies also suggest that we are trained to read from top left.
Re:DuckDuckGo gets a new look
by lloeki on Friday January 13, 2012 @10:56AM
(#3461046)
I actually enjoy this, but it makes something unbalanced in the top bar. The "search box + more" is aligned with the centered text, but the 'more' button color makes it disappear layout-wise. Coloring it the same as the search button would make it more button-y and would overall balance the layout more.
Other design nitpicks:
- the search button is green on the home page but blue on the results page (while the goose knot is still green).
- the menus like behind the 'more' button feel out of place (weirly sized, lacks padding and all). They do not 'flow' enough out of the buttons so they feel floaty and disconnected to their trigger.
Re:DuckDuckGo gets a new look
by epi0Bauqu on Friday January 13, 2012 @11:11AM
(#3461096)
Thanks for the suggestion.
On the search button: on the homepage it goes with the logo tie more, but on the inner page all the green makes it look too much like Christmas. And then in testing, people generally actually liked how it changed (a bit fresher). However, this could be a target for another setting.
Re:DuckDuckGo gets a new look
by lloeki on Saturday January 14, 2012 @09:24AM
(#3464283)
> However, this could be a target for another setting
Watch out for featurecreepitis, too much settings kill settings. Much better for a designer is to acknowledge compromises, decide and stand up for your choices.
Re:DuckDuckGo gets a new look
by JS_startup on Friday January 13, 2012 @10:07AM
(#3460816)
It looks gorgeous. DDG has become my search engine of choice over the past month; clean design, no social media or other things garbaging up results. Use it!
Re:DuckDuckGo gets a new look
by mirkules on Saturday January 14, 2012 @10:18AM
(#3464376)
Are there any plans to implement auto-complete? It helps me when I search for technical problems to see if a) I'm on the right track, or b) if there are any alternatives to the search term that I'm looking for or c) if I'm not sure what exactly to look for
For example, if I enter "ios uiview " it will autocomplete with things like "animation", "lifecycle" etc and then select the right one.
Re:DuckDuckGo gets a new look
by simon on Friday January 13, 2012 @10:02AM
(#3460785)
Ok, I'll be the guy who says that he likes the previous version. :-)
I don't dislike the new look, but it's not a dramatic departure. And I fail to see the problem that the new look solves. The red bar doesn't bother me, but is there a reason why the search button switches from green to blue? That seemed visually jarring.
I still have it as my default search engine, so don't worry, you haven't lost me as a customer.
Re:DuckDuckGo gets a new look
by rglover on Friday January 13, 2012 @11:52AM
(#3461285)
Don't entirely recall the old design, but this is really well done. Simple and to the point. A little bit of room for improvement, but that will come from further iteration and feedback from users.
Best part: infinite scroll. Google could learn something from this (yes I realize entire businesses are built on "getting on page one of Google," but this makes searching much more fluid).
For Chrome, it appears to be a little more complicated. You can use DuckDuckGo for searches, but it doesn't look like you can alter the source for URL suggestions. Details on how to use DuckDuckGo as Chrome's search provider are here: http://ddgg.nfriedly.com/#oneclick.
Re:DuckDuckGo gets a new look
by runjake on Friday January 13, 2012 @11:29AM
(#3461182)
It looks clean, if a bit too Googly, but I like it. I especially like the results layout.
Gabriel, any chance we could get a "do not include results from this domain" option in the results? You guys do a really good job of carving the cruft out, but I still find no use in sites like Mahalo and Mashable.
Re:DuckDuckGo gets a new look
by epi0Bauqu on Friday January 13, 2012 @09:54AM
(#3460740)
Yeah, this menu and the drop down next to the search box are both slated for redesign as well but didn't want to hold up the launch any more. Any specific suggestions on them would be greatly appreciated.
Re:DuckDuckGo gets a new look
by huckfinnaafb on Friday January 13, 2012 @10:08AM
(#3460821)
The entire "More" menu seems out of place. I would expect it to have options related to search, and a few items in there definitely are relevant, but the presence of the Privacy and Feedback links make it seem like things were thrown in there because there wasn't anywhere else for them to go.
Minor comment: the spacing between the top of the page and the top of the search bar is inequal to the spacing from the bottom of the search bar to the top of the content body. 2px top margin to the #search_form seems to balance that out.
Otherwise, looks great. Love what you've done with the place.
Re:DuckDuckGo gets a new look
by mike-cardwell on Friday January 13, 2012 @10:26AM
(#3460915)
If I click on the "More" button, it opens a dropdown menu. If I click anywhere else on the page, then this dropdown menu should close. As it stands, it stays open unless you explicitly click the More button again.
Re:DuckDuckGo gets a new look
by LeafStorm on Friday January 13, 2012 @01:53PM
(#3461814)
Something about the formatting and typography in the "bang" dropdown just bugs the heck out of me. It appears very unpolished and boring compared to the rest of the design.
Though overall, this design does look much nicer than the previous one.
Re:DuckDuckGo gets a new look
by blahedo on Friday January 13, 2012 @02:13PM
(#3461904)
Oh, please don't! I like native controls. They actually work well. Every site I have ever seen that has reimplemented popups and scrollboxes and whatnot, has missed many of the little UI tweaks that help our experience and took three decades to get right in the first place. E.g.: if I veer briefly outside the width of a native popdown menu, it doesn't go away. At a lot of sites with some sort of popdown menu, if you go one pixel outside the boundaries, the menu goes away and you have to go up and re-select it. And if the site gets that bit right, there's other things they've missed. Reimplementing a GUI OS in Javascript is not a good use of our time....
Re:DuckDuckGo gets a new look
by epi0Bauqu on Friday January 13, 2012 @02:24PM
(#3461962)
I have completely agreed with this to date, which is why it has remained a select box. But the problem is you can't really style them effectively cross-browser and so now it sticks out like a sore thumb.
Re:DuckDuckGo gets a new look
by epi0Bauqu on Friday January 13, 2012 @07:16PM
(#3463021)
I recall that the SSL wikipedia link didn't work right on some mobile browsers, but maybe that is fixed now as they've changed the way that is all set up.
EDIT: Okay, I really don't like the positioning of the "official site" result. To me, it should be below the sponsored links, not above. The reason is that when you're searching for something where DDG doesn't have an "official site" entry, the first search result appears below the sponsored links. However, when DDG knows the "official site" for your search query, it places that result above the sponsored links. In practice, this means that you have to look in two places for the "first" result - above the sponsored links and below. Placing the "official site" result below the sponsored links would resolve this inconsistency.
That's interesting on official site placement. We thought it would be better for the user to put that official site link first (it's also in the zero-click info box btw). But it people think it should be below, I have no problem with that.
If I'd had just 5 seconds to glance at the page and then answer the question, "what was the top result for 'hacker news'?", I would have sworn up and down that it was "The Hacker News Network" and there was just empty space above the ad.
It should be the first site listed with all the other sites IMO.
Otherwise it's the "official" sponsored link in my mind. Which doesn't make much sense.
The zero click info and official site badge are both grey which makes them fade away into the background; not stand out like intended.
It wasn't until I read the comments that I realized that I missed the link that I would have wanted, and the results were good.
It's not ideal that people have been trained to subconsciously skip over certain results, but it's something that has to be accounted for. Otherwise you're going to leave the completely wrong impression in a significant portion of your potential users's minds.
The other day, I went to the kitchen to eat an orange. After a moment, I changed my mind because I didn't feel like peeling it. I quickly realized that it was silly to let 10 seconds of work prevent me from enjoying what I wanted, but that is the power of even the smallest obstacle.
I, personally, wouldn't mind the sponsored links if only they were relevant. Of course, if they were relevant, sponsoring wouldn't be necessary.
I can only assume it won't be there forever for obvious reasons, but it's nice to have it for now (especially because of the UI issues mentioned elsewhere in this thread).
This was the first time that I've seen MSN ads, so I did a search for flowers and clicked on the ad I got. I landed on the url: http://ww11.1800flowers.com/collection.do?dataset=11385&... which has the word "Flowers" in the url.
That seemed strange, so I did the search [chocolate of the month club] on DuckDuckGo and clicked on the Microsoft ad. I ended up on http://www.amazingchocolateclub.com/?utm_source=MSN&utm_... which has "chocolate of the month club" in the url.
I tried some more esoteric searches. The search [one fruit a month] returned an ebay link http://duckduckgo.com/k/?u=http://rover.ebay.com/rover/1/711...
It looks like the "icep_uq" parameter in the ebay link has exactly my search query, [one fruit a month]?
I know you've made "we don't send your searches to other sites" a pretty major policy at http://donttrack.us/ . With these ads, do you know whether searches on DuckDuckGo are sometimes sent to other sites?
Edit: still reviewing to make sure, but it appears that it isn't sending the search term via us. In fact, that's why it is going through our server, to specifically strip out the referrer. This appears to be an optional setting in the Microsoft ad center that sends the keyword bid for that ad.
Edit2: that does appear to be it. If I take all your examples and append ssn to the query, ssn doesn't appear in the resulting URL. I'm guessing they just have broad match on for those terms. You probably know as well as anyone that the coverage in the query space for ad terms is pretty wide, so if you search for something near the head you're bound to hit something exactly. I also tried a bunch of other queries, and since this setting is optional a lot of times the advertiser didn't set it and so their bid term is not send back; this is the case for example if I search for google and up at https://www.google.com/chrome?hl=en&brand=CHFX&utm_c...
I would personally tone them down to just the underline appearing on the result link (where that activates for the big click area, and not just when mousing over the link within the big click area).
I also don't really like the boxes/buttons at the top (they look very much like every other site trying to create a mickey mouse design), but this is probably just my natural resistance to change. I probably won't even notice in a week.
I changed to DDG a while back as my default search engine and must say that I've been extremely happy with it. To hear about an interface upgrade was initially a little upsetting as it brings to mind the recent changes to Google. The preview and instant search features are what finally pushed me to the simplicity of DDG. I'm glad you kept the same clean design and didn't try to change what already works wonderfully. Please keep up the great work.
The divider between the search and drop down buttons should use alpha-blended colors rather than dotted lines. It looks really bad in some situations, for example the :active state on the drop down button looks like it doesn't darken the divider. Edit Just noticed the down state on the front page search button is actually a pixel off. The down arrow also dips a pixel on active state.
The :active state on the more button is missing the last few pixels at the bottom.
The results don't have padding to the right. When a result is highlighted the description text can run all the way to the right border. Also see the "Internet search engines" hover state for q=DuckDuckGo.
Consider packaging your image resources into sprite sheets (check out http://spriteme.org/). There are flickers when I use some elements for the first time. Most noticeably the :hover state for the search suggestions and toggling the plus/minus button. Clear your cache to see them.
The top box has some padding issues when hovering the contained links: there's more padding on the left than on the right, and the first link has more padding on the right than the next two (tested in latest stable Chrome & Firefox). See screenshot: http://polyprograms.free.fr/tmp/DuckDuckGoPaddingTopBox.png
On an unrelated note: I have a hard time taking your service seriously because of the duck branding and the DuckDuckGo name. It looks like you're doing a great job but somehow DuckDuckGo doesn't feel like a name for something I would use on a day-to-day basis. I guess I can just overlook it if the service is good enough but I do wonder if your brand is hurting your service. Maybe it's just me though!
We've had endless brand name discussions from the beginning :). So duly noted!
Your point is well-taken, but I think it's just a matter of normalizing the name. Granted, "duck, duck, go" doesn't roll off the tongue as smoothly as the other services, but I'm not sure that's a critical issue.
But I guess it's a minor concern indeed. I just wouldn't feel very confident using a similar name for a product of my own, knowing that it could be a turn-off.
http://www.anythinglefthanded.co.uk/images/certificate.jpg
The golden icon in the bottom left of that image. Something like that.
The gold seal/blue ribbon idea is a good one but may disrupt the very-text-based rhythm of this page.
I would find the results to be fine, and the interface to be good but the fact I had to wait slightly longer drove me absolutely up the wall.
It sounds trivial but those were very, very long seconds. When I'm in the middle of a deep programming problem I need an answer now while it's still fresh in my mind. Giving me 2 seconds for my mind to wander off is too much.
Another problem that I had was that there was no way to sort my results. However, that looks to be solved with the latest DDG interface. :)
Get the speed up and I'll be back!
Turns out Google has trained me to scroll past anything looking like a Sponsored link a bit too well.. It took me a few seconds to spot the "Official Site" link.
Recently I've noticed that I am consistently missing some of DDG's features when still using Google so it must be time to switch over everywhere.
Also if you don't like the colors everything is customizable in the settings. I switched the search results width to wide which is quite nice.
I really hope people stop copying the Google/microsoft "big block color squares" UI strategy. Please copy Apple more, gradients and buttons that stand out nicely and perfectly rounded corners. Things which pop out of the screen nicely.
That said, there are a lot of issues, in my opinion. Clicking that menu arrow pops out a really bland box with no padding and no structure to the content. The "header" text is wrapped in dashes, but the text looks exactly the same as the rest of the text in the box. Like someone else said, the mouseover effect on the individual results is really harsh. The zero-click box at the top fades in to the background, and the sponsored link is intrusive and throws off the flow of the entire page.
I hope you folks keep working, because the progress I've seen in the last couple years has really been great and I want DDG to be a huge success. Search is completely ripe for disruption - Google got simplicity right, but most of their recent updates have been boring or steps backwards. Keep fighting the good fight. And if you're ever looking to hire a UI / UX designer, let me know where to apply. :)
You guys keep doing awesome work Gabriel, keep it up!
DBpedia [1], for example, seems to have nicely formatted dumps of all infoboxes.
[1] http://wiki.dbpedia.org/Datasets
http://help.duckduckgo.com/customer/portal/articles/216405-m...
Gabriel, how does someone purchase a sponsored link?
Edit: Appears that this is going through msn if you look at the URL that is generated.
It also wastes a lot of screen space on a smaller screen, especially when the zero-click info box is there. Being able to see only 1-2 useful results instead of 2-3 is annoying.
I've been using DDG for over a year now as my primary search engine, and I like it quite a lot. I understand the need to make money, but I'm going to be very sad if I have to go find a new search engine because ads have compromised the UI.
So what we hoped to do is kill three birds with one stone: a) add in a relevant sponsored link (work in progress); b) generate real revenue to make the service self-sustainable (while still keeping it as minimal as possible); c) reclaim the space on the right side for more interesting interactions (more to come).
We've been testing this for a while on some traffic and it has preformed well with essentially zero complaint. We realize there will be some people who don't want it, which is why there is a setting to turn if off (ad block works too).
Also, the whole page has been compressed up so really it shouldn't be taking much more vertical space. In other words, with the smaller default fonts and other spacing changes that height has been removed from the page rendering it more of a wash with # of results on the page.
PS. I've been trying out DDG for a while and switched over almost completely in the last few months. I find increasingly fewer searches for which I need to jump over to Google, too. Even better, once I explained to my dad how DDG was different than other search engines, he WANTED me to switch his computer to DDG. I predict 2012 is going to be a heckuva year for y'all!
Then of course, it bothers me that I have to pay attention to where I click, and if I want to copy paste text, I have to be exact about it, otherwise I accidentally click on whitespace that will direct me to a result page.
It's just too much "cognitive work" associated with the UI.
Right now the center seems very stuffed.
I really dislike the sponsored link. Its tinting is very subtle and thus it blends into the site too well. Feels dishonest to me. Gonna CSS block it.
edit: Actually I guess I will use the non-JS version (nice!). Never knew about that. It has bugs (the whole result "box" is highlighted like on the normal site but you still have to click the title of the page, no problem but the highlight made me expect differently). It is also drastically faster for me, 5 times surely.
The tinting looks pretty strong to me. I think you may want to check the settings of your display.
Also I am wondering if DDG has a plan to add suggestions to their search. I use suggestions a lot in Google search and it would be nice to have them in DDG also so that transtion from other search engines to DDG will be smoother.
Studies also suggest that we are trained to read from top left.
I made two revisions for comparison http://farm8.staticflickr.com/7141/6689971833_94c5b35d3e_b.j...
Other design nitpicks:
- the search button is green on the home page but blue on the results page (while the goose knot is still green).
- the menus like behind the 'more' button feel out of place (weirly sized, lacks padding and all). They do not 'flow' enough out of the buttons so they feel floaty and disconnected to their trigger.
On the search button: on the homepage it goes with the logo tie more, but on the inner page all the green makes it look too much like Christmas. And then in testing, people generally actually liked how it changed (a bit fresher). However, this could be a target for another setting.
On the menus, they will be redesigned.
Watch out for featurecreepitis, too much settings kill settings. Much better for a designer is to acknowledge compromises, decide and stand up for your choices.
For example, if I enter "ios uiview " it will autocomplete with things like "animation", "lifecycle" etc and then select the right one.
Nonetheless, thanks for making DDG awesome :)
I don't dislike the new look, but it's not a dramatic departure. And I fail to see the problem that the new look solves. The red bar doesn't bother me, but is there a reason why the search button switches from green to blue? That seemed visually jarring.
I still have it as my default search engine, so don't worry, you haven't lost me as a customer.
That uses our URL parameters: http://duckduckgo.com/params.html
You can also achieve this via the settings: http://duckduckgo.com/settings.html
Best part: infinite scroll. Google could learn something from this (yes I realize entire businesses are built on "getting on page one of Google," but this makes searching much more fluid).
If I can get this set up, then I'm fully switched.
For Chrome, it appears to be a little more complicated. You can use DuckDuckGo for searches, but it doesn't look like you can alter the source for URL suggestions. Details on how to use DuckDuckGo as Chrome's search provider are here: http://ddgg.nfriedly.com/#oneclick.
Just look at the results for "how to make duckduckgo my default search engine": https://duckduckgo.com/?q=how+to+make+duckduckgo+my+default+...
https://duckduckgo.com/?kh=1&kg=p&k1=-1&kp=-1...
You might want to fiddle with the parameters though. For example, I'm specifying that my country is the UK in the above URL
Gabriel, any chance we could get a "do not include results from this domain" option in the results? You guys do a really good job of carving the cruft out, but I still find no use in sites like Mahalo and Mashable.
Minor comment: the spacing between the top of the page and the top of the search bar is inequal to the spacing from the bottom of the search bar to the top of the content body. 2px top margin to the #search_form seems to balance that out.
Otherwise, looks great. Love what you've done with the place.
Though overall, this design does look much nicer than the previous one.