Increase reader comprehensiveness of paragraphs on the new portal

14239
Reporter: bko
Assignee: bko
Type: Improvement
Summary: Increase reader comprehensiveness of paragraphs on the new portal
Priority: Trivial
Resolution: Fixed
Status: Closed
Created: 2013-10-16 12:34:42.02
Updated: 2015-03-10 14:21:13.505
Resolved: 2015-03-10 14:21:13.483
        
Description: Having some experiences in journal editing and layout design I am quite sensitive to spacing of text. I find text on the new portal is not comfortable to read, because the line-height of paragraphs are too small, which creates a gray page effect[1].

To improve the comprehensiveness with easier layout design, I suggest we follow the research result[2] to adjust the line-height by following this rule:

Line height (in pixels) ÷ body copy font size (in pixels) = 1.48

Some general considerations are also very useful[3].

We could adjust line 152 of style.css, changing
line-height: 18px;
to
line-height: 1.48em;

See the comparison of the screenshots.

Thanks.

[1] http://condor.depaul.edu/dsimpson/pers/typography.html. See the layout section.
[2] http://uxdesign.smashingmagazine.com/2009/09/24/10-useful-usability-findings-and-guidelines/. See "findings of our case studies."
[3] http://www.smashingmagazine.com/2009/08/20/typographic-design-survey-best-practices-from-the-best-blogs/]]>
    

Attachment line-height 1.48em.png

Attachment line-height 18px.png

Author: kbraak@gbif.org
Comment: Relates to PF-1340 another case where line height could be increased.
Created: 2013-12-18 14:24:43.656
Updated: 2013-12-18 14:24:43.656

Author: bko@gbif.org
Comment: Fixed in the new bvng theme in May 2014.
Created: 2015-03-10 14:21:13.503
Updated: 2015-03-10 14:21:13.503