Page MenuHomePhabricator

Implement FAQ overview page design
Closed, ResolvedPublic1 Estimated Story Points

Description

When entering the FAQ page, the most frequent questions are displayed alongside the first chunk of the answer. To read the full answer, a link is provided, that will expand the answer's content. See below for design and layout specifications.

faq-01-overview-page.png (763×795 px, 71 KB)

faq-02-overview-page-layout-specification.png (226×702 px, 27 KB)

Related Objects

StatusSubtypeAssignedTask
OpenNone
ResolvedNone

Event Timeline

kai.nissen set the point value for this task to 5.Aug 27 2018, 12:53 PM

Looking at the actual design I think that the last faq item should not have a bottom border. It looks like something was cut off.

@gabriel-wmde yes, just asked Jan, he says it shouldn't be there. I'll update the PR accordingly.

Looks good, only two minor things:

The button/icon of the search bar looks a little misaligned.

faq-search-button.png (290×494 px, 29 KB)

The text "Frage stellen via Kontaktformular" should be a link leading to the contact form.

faq-contact-form-link.png (122×231 px, 8 KB)

@kai.nissen
Ok, maybe we need a smaller size icon or something.
And if that's a link it should be light blue as the rest I assume?

Tonina_Zhelyazkova_WMDE changed the point value for this task from 5 to 1.

Thank you for the fixes. Just one more thing (that also applies to T202872): The spacing between headlines and horizontal rulers should be increased to be the same as the spacing between answer paragraphs and rulers.

faq-page-spacing.png (94×142 px, 3 KB)

Oh, and another thing: Hovering the topic "links" should turn the cursor into pointer.

Looks good to me. The "special" design of the overview page is gone, when clicking on the link in the topics list, but let's leave that for after discussing with UX where to actually put the link.

Oh, and before deploying this, we should hide the search bar.