Design draft marked the first screen to determine the whole story

This is an internal mail record, share to listen to the voice of industry peers.

This is the case

==

First A recommended the crow's push to the internal group:

"Designers must develop a habit: Whether prototyping or visual design, be sure to mark the first screen line, a clear first screen needs, you can show where."

==

Then, B 211.html "> think this is good, according to the internal statistical system operating system, browser distribution and screen resolution and other data> http://www.aliyun.com/zixun/aggregation/10134.html" , Combined with the browser status bar, taskbar height analysis:

Draw two first screen lines, respectively 580 and 710, corresponding to different resolutions.

==

C again from the perspective of the actual user, in an application deployment of user data collection, analysis of the user's actual resolution and browser visible area:

Resolution

1) 1024 × 768, 1440 × 900, 1366 × 768, 1280 × 800 still account for the vast majority
2) The resolution of the general category is very much, in addition to the above listed, other contains dozens of resolution
3) 800 × 600, 1024 × 600 600 series has been gradually introduced the stage

2. The user can see the height of the area

Specific data examples:

The total number of test users is 261645)

1) 116786 people with viewport height less than or equal to 580, accounting for 44.64%
2) There are 216,227 individuals with a viewport height less than or equal to 720, accounting for 82.64%
3) 241420 individuals with viewports less than or equal to 800, accounting for 92.27%
4) viewport height less than or equal to 900 have 259174 people, accounting for 99.06%

==

Next, D generates a hotspot map of the browser's visible area based on the C's data

==

The final conclusion is as follows:

Ladies and gentlemen, what is your opinion?

==

Attachment:
A - Fu
B - Pa first
C - Yun Qian
D - Ji Zha

Source Address: http://ued.taobao.com/blo......sign-fp-line/