MDN/Development/Redesign/Whitespace: Difference between revisions

Line 29: Line 29:


Here is an attempt to solve this. I have labeled the different changes so that we can easily refer to them individually.
Here is an attempt to solve this. I have labeled the different changes so that we can easily refer to them individually.
==== Home page, top ====


[[File:Screen_Shot_2013-11-18_at_12.13.46.png|1000px]]
[[File:Screen_Shot_2013-11-18_at_12.13.46.png|1000px]]
Line 42: Line 44:
D. I reordered the items in the logical way: HTML -> CSS -> JavaScript -> API and added the three buzzword that people are likely to look for (HTML5/CSS3/DOM). Note that A/B testing has been done by Luke around HTML5.
D. I reordered the items in the logical way: HTML -> CSS -> JavaScript -> API and added the three buzzword that people are likely to look for (HTML5/CSS3/DOM). Note that A/B testing has been done by Luke around HTML5.


==== Home page, bottom ====
[[File:Bottom_MDN_Redesign.png|1000px]]
[[File:Bottom_MDN_Redesign.png|1000px]]


Line 50: Line 53:
G. I didn't reduced the size of the footer, but making it transparent (and its consequence on the text color of its content) make it a stronger clue that we reached the end of the content.
G. I didn't reduced the size of the footer, but making it transparent (and its consequence on the text color of its content) make it a stronger clue that we reached the end of the content.


==== Article, with quick links, top ====
[[File:Quick Links - top.png|1000px]]
[[File:Quick Links - top.png|1000px]]


Line 58: Line 62:
J. Janet pointed the large space in <dl> list. And indeed the spacing after the <dt> was a bit too big.
J. Janet pointed the large space in <dl> list. And indeed the spacing after the <dt> was a bit too big.


==== Article, with quick links, bottom ====
[[File:Article quick links bottom.png|1000px]]
[[File:Article quick links bottom.png|1000px]]


Confirmed users
504

edits