Before
Here's how they used to look. Clicking a question reveals the answer.

After
Here's how they look now:

Have a look at a live example on the Department of Physics website to see the full effect.
What's changed
- The answers now slide into place rather than instantly appearing. With the previous instant reveal there was always a chance of "blink and you'll miss it", and not quite noticing that the answer had appeared.
- The background colour and borders should help to tie the question and answer together - in the previous style it wasn't always clear where one answer ended and another question began, especially when the answer contained headings, or when FAQs have been used amongst normal page content.
- Minor change to font size and removal of underlines on headings to increase readability.
- The whole width of the question area is now a link, so there's a larger link target for people to hit.
No comments:
Post a Comment