快好知 kuaihz

设计稿标注首屏线 更易于评估效果

今天看云谦的blog 看到该文章,觉得不错 mark一下

对于首屏估计大家都会关注,但设计稿发到不同的人 由于分辨率不同,体验效果其实也不同

正好内部在做新的设计稿也推荐给设计师看了一下 之前注意首屏并没有通过这样详细的统计分析来获得首屏高度

根据内部统计系统中的操作系统、浏览器分布和屏幕分辨率等数据,结合浏览器状态栏、任务栏等高度进行分析:

得出两条首屏线,分别为 580 和 710,对应不同的分辨率

==

C 再从实际用户的角度出发,在某应用布点进行用户数据的收集,分析用户实际的分辨率和浏览器可见区域:

1. 分辨率

1) 1024×768, 1440×900, 1366×768, 1280×800 仍占了绝大多数

2) 分辨率总类非常多,除上面列出的之外,other 里包含了几十种分辨率

3) 800×600,1024×600 等 600 高度系列的已逐渐推出舞台

2. 用户可见区域高度

具体数据举例:

测试用户总数量为 261645)

1) viewport 高度低于等于 580 的有 116786 个人,占 44.64%

2) viewport 高度低于等于 720 的有 216227 个人,占 82.64%

3) viewport 高度低于等于 800 的有 241420 个人,占 92.27%

4) viewport 高度低于等于 900 的有 259174 个人,占 99.06%

==

接着,D 根据 C 的数据,生成浏览器可见区域的热区图

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:标注  标注词条  易于  易于词条  评估  评估词条  效果  效果词条  设计  设计词条  
设计

 iOS应用中常用的临时层归纳

很多组件功能有重叠,使用的规则边界不甚明显,有些可替换使用。具体使用何种形式,需要结合自己的产品和业务目的决定。临时层是什么《支付宝体验设计精髓》中根据页面元素...(展开)

设计

 ToB产品:你的服务定价出问题了...

对ToB产品来说,什么是服务定价,这一行为背后又有什么意义呢?如果说服务定价真的很重要的话,针对这一部分我们又要如何进行合理定价?其中又有什么要诀呢?笔者将为你...(展开)

设计

 移动应用设计与运营初体验

随着智能手机、平板电脑的快速普及,越来越多的企业意识到建立自己的APP应用和移动网站,也有越来越多设计师开始转战移动平台。本篇主要介绍移动平台的一些入门知识和各...(展开)