|
Post by account_disabled on Jan 28, 2024 18:08:55 GMT 8
区块放置比率 下一个测试着眼于页面的视觉布局并检查设计如何分解为物理或视觉信息块。值得一提的是所有测量的网站都使用单列布局但链接和内容片段的分割方式可能会给出分离的视觉指示这值得进一步研究。由于移动网站比桌面网站需要更多的滚动因此块的分离对于视觉识别变得更加重要。 截屏 图 68:视口内水平元素(列或表格单元格)的分布 截屏 图 69:每页垂直面板段(标题或分隔规则)的分布 截屏 图 70:柱状分布和面板分布中块的最高、平均和最低范围 截屏 图 71:Zol 网。 站使用可见块通过标题分隔内容 有趣的是虽然大多数网站没有水平窗格(包括表格单元格、导航链接和其他并排元素)但许多网站违反惯例在一行中包含两到八个参考点。视口。这种视觉分离也得到了许多网站垂直分隔的支持这些垂直分隔将内容分成不同的部分。由于这 购买电话号码列表 种内容组织大多数移动网站的可读性都得到了提高。 滚动体验 最终测试是为了展示移动网站中的滚动体验。分析的变量包括启动滚动所需的手指数量(当内容使用溢出滚动时需要两根手指而不是一根)以及窗口是否支持 jQuery、JavaScript 或 CSS3 提供面板滚。 动的花哨功能–其中内容窗格将按特定间隔旋转或者部分可以根据请求滚动。 截屏 图 72:使用面板导航的移动网站相对于传统滚动的比例 截屏 图 73:基于溢出的滚动优先于整页滚动效果的百分比 截屏 图 74:雅虎将其内容分成几个可以按需激活的面板 该测试的结果显示总体上缺乏面板(这代表大多数移动网站中缺乏“蓬勃发展”的脚本)。这可能部分归因于所研究网站的性质(作品集或展示网站更有可能具有面板机制)。然而有趣的是为了增加设计的简单性(因为没有一个网站使用溢出文本)他们还保持了液体布局以减少所。
|
|