822227 - The distinction between title and search summary is not clear on the search results page

Status: RESOLVED FIXED

(support.mozilla.org :: Questions, task, P3)

Description

[Kadir Topal [:atopal]]

The distinction between title and search summary (or question) is not clear on the search results page. See issue here: http://www.evernote.com/shard/s4/sh/8fa8e1e3-f0b2-4c66-a484-43cb1a6433f8/d2a6d31dd648842121ee3943b1806313

One solution might be to increase the contrast of the title.

Comment 1

[Kadir Topal [:atopal]]

Bram, can we get a quick change for this? It's probably similar to bug 822234

Comment 2

[Bram Pitoyo [:bram]]

Attachment: search result page - set in Moz font

The font-size of search result title is 18px and doesn’t need to be increased or added contrast to. What seems to be missing from both of your screenshots is the right font. It’s using Verdana rather than the Moz webfont that we specified.

Viewed with the right font, I think the contrast is okay. What do you think?

Comment 3

[Kadir Topal [:atopal]]

Hmm, it's definitely better, but just trying this on my phone it still takes me some time to tell what's the headline and what's the summary. Luckily this is an ideal case for A/B testing :)

Bram, could you provide a version where the difference between headline and summary is very clear, but still within the boundaries of the sandstone/FxOS style?

Comment 4

[Ricky Rosario [:rrosario, :r1cky]]

Oops. this one isn't ready.

Comment 5

[Bram Pitoyo [:bram]]

Yes. Certainly. We would still do the same exact thing, which is to bump the title font-size to 18px. But then let’s add bold to one, and then keep the other one non-bolded. We can compare and contrast the two.

Comment 6

[Ricky Rosario [:rrosario, :r1cky]]

Deployed to prod:

https://github.com/mozilla/kitsune/commit/50106ed05095926e714ea39b1b6fedde724683d5