加入收藏 | 设为首页 | 会员中心 | 我要投稿 辽源站长网 (https://www.0437zz.com/)- 云专线、云连接、智能数据、边缘计算、数据安全!
当前位置: 首页 > 运营中心 > 建站资源 > 经验 > 正文

《网页设计综合指南》(二):内容布局、页面结构等

发布时间:2018-02-06 12:24:13 所属栏目:经验 来源:人人都是产品经理
导读:副标题#e# 注:设计师和开发人员在构建网站时,需要考虑很多事情,从视觉外观到功能设计。为了简化这个过程,我们准备了这个指南。限于篇幅限制,将这一指南分为三部分,此为第二部分内容。 上一篇:《网页设计综合指南》(一):网站地图优化篇 下一篇:《

2.4 滚动操作

网页设计师中流传着一个谎言——用户不会使用滚动。重申:今天,每一个人都在使用滚动!

用户进行滚动操作时,提升用户体验的一些提示:

  • 鼓励用户滚动。 尽管页面加载后人们通常会开始滚动。但页面顶部的内容仍然非常重要。顶部的内容给观众带来了第一印象和期待。只有在内容有吸引力的时候,用户才会进行滚动。因此,把你最引人注目的内容放在页面顶部:

  • 提供一个优秀的介绍。 一个优秀的介绍为内容铺设了背景,并回答了用户的问题:“这个网页是关于什么的?

  • 使用有吸引力的图像。 用户会密切关注包含相关信息的图像。

  • 坚持导航。当您创建冗长的页面时,请记住用户仍然需要方向感(当前位置)和导航(其他可能的路径)。长页面可能会出现导航问题;如果顶部导航栏在用户向下滚动时不可见,则当他们在页面底部时,他们将不得不一直向上滚动。最简单的解决方案是悬浮菜单——显示当前位置,并一直悬浮在页面中。

《网页设计综合指南》(二):内容布局、页面结构等

滚动后的导航 (Image: Zenman)

  • 加载新内容时提供视觉反馈。 这对于动态加载内容的网页尤为重要(如新闻)。由于滚动过程中的内容加载是快速的(基本都在 2 到 10 秒),你可以使用循环动画来表示系统正在工作。

《网页设计综合指南》(二):内容布局、页面结构等

加载动画(如Tumblr的加载指示器)告诉用户正在加载更多的内容。

  • 不要劫持滚动(即不要将滚动操作限定死)。劫持滚动是最恼人的事情之一,因为它将控制权从用户手中带走,并使滚动行为完全不可预知。 当你设计一个网站,应该让用户控制他们的浏览行为。

《网页设计综合指南》(二):内容布局、页面结构等

Tumbler登录页面劫持了滚动操作。滚动的页面时固定的,而不是自由的。

(编辑:辽源站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读