好文档 - 专业文书写作范文服务资料分享网站

原型设计规范、网页规范、用户体验规范、交互规范

天下 分享 时间: 加入收藏 我要投稿 点赞

搜索引擎能利用URL更好工作

Feature(功能)- 选择核心功能集

我们可以从首要活动及交互对象推导出核心功能集。 为此我们要解决这些问题: 1 用户会对交互对象做哪些操作?

2 有哪些功能足够重要,是web应用必须支持的? 寻找动词

留意任何的对象集合,它们通常会成为有价值的功能。其中重要的集合方式是列表 下面是搜索对象的几种常见的来源:

礼物愿望单 我的…(照片、评论、书签)

购物车 好友的… 收藏夹 项目 分享条目

AFO的方法指引来搜索亚马逊提供的社会化功能

商品评分 加入礼物愿望单 分享个人商品图片 新婚/新生儿礼物单 买了该产品的用户还买了… 告诉朋友 …

2.2 web信息架构

信息架构 ,一般认为是根据客户需求分析的结果,准确定位网站目标群体,设定网站整体架构,规划、设计网站栏目及其内容,制定网站页面操作流程及页面交互,以最大限度地符合用户的需求。

2.2.1 web架构

架构的层级

架构的层级很大程度上决定了,用户通过首页需要点击多少次才可以到达自己想看的内容。单纯考虑层级,层级越少越好,最佳状况是层级不超过三层。如果能保证层级不超过三层,就差不多可以保证用户点击三次以内就可以看到自己想看的内容。 架构的宽度

用户可以见的第一层架构宽度主要是导航的链接数。用户短时间的记忆力一般情况是7±2,因此每个层级下架构的宽度都不应该太宽,否则会考验用户的记忆力。 架构的平衡度

因为现在的大型网站,尤其是门户网站,它们的信息量非常的庞大,通过首页3次点击都能到达所有的内容已经完全无法实现。一定的信息量,架构的层级和架构宽度是相互对立的,如果层级少则要求架构宽度增加,反之毅然。架构可以给信息进行分类、组织,让用户更清晰地找到自己要找的内容,但是分类过多或是层级过深会增加用户的学习成本。在信息量大的时候一定要综合考虑架构的层级和宽度平衡

2.2.2 信息页面

页面是承载信息的载体。

2.2.2.1 *用户视觉习惯

1、顺应用户基本的阅读习惯:从左到右、从上到下

2、F型布局

. 尼尔森眼动发现,大多数用户浏览页面时的视觉热点是”F”布局

他们记录了232位用户浏览上千个网页的方式,发现对于不同的站点和任务,用户的主要阅读行为是相当一致的。这种F型的阅读模式有三个组成部分: 首先,用户横向运动阅读,通常是网页内容区域的上半部分;

接着,用户视线下移一点,开始第二次横向阅读,通常这一次涵盖的区域会比前一次短; 最后,用户会纵向滴浏览网页内容的左边部分

对产品设计的启发:

. 用户不会从头到尾看完页面

. 首页首屏的前面位置应该传达网站的重要的信息(同理其他页面的头两段应该传达重要的信息,尤其是第一段)

. 用户从上到下浏览左侧的信息时,他们会注意标题、段落和要点信息,这些区块的头两个

词要包含重要信息,因为用户可能很少看第三个词。 3、区块

人们天然就有将信息分类的认知需求。

网站信息以方块呈现的效率最高:用户可以通过区块来分辨这个区域的信息是否是自己需要的,可以迅速缩缩小范围、进行仔细寻找或是浏览下一个区块

4、 水平注意力 来自Nielson的报告:

. 网络用户花69%的时间看左半部分,花30%的时间看右半部分,看左半部分的时间大概是右半部分时间的两倍。剩下的时间花在需要水平滚动才能看到的页面部分,因此,绝对要避免水平滚动

5、垂直注意力 来自Nielson的报告:

垂直注意力大部分集中于一眼可见的页面内容:

. 用户通常花80%的时间看页面上直接可见的内容,只花20%的时间去看需要滚动才能看到的部分

. “page fold”概念,将最有价值的信息放在首屏

在网页设计最早的年代,用户根本不会滚动页面,他根据第一眼可以可见的信息判断是去还是留,但是很快,网络用户就适应了滚动,可用性原则也随之变化,但是,通常用户还是会依据自己可见的信息判断是滚动还是离开。

. 不要设计太长的页面,用户的注意范围是有限的。用户喜欢那些他们能迅速找到信息的网站,减少需要输入字数,减少滚动

. 但是,滚动优于翻页,如果长篇幅的文字,还是设计成一个滚动页面更合适些

. 首页的内容仍然很重要,因为用户依据在首页页面上看到的信息来判断页面下滚的信息是否有价值

. 倒数第一行信息获得的注意力优于倒数第二行信息,近因效应

2.2.2.2 *页面宽度

最新显示器分辨率比率调查结果:

原型设计规范、网页规范、用户体验规范、交互规范

搜索引擎能利用URL更好工作Feature(功能)-选择核心功能集我们可以从首要活动及交互对象推导出核心功能集。为此我们要解决这些问题:1用户会对交互对象做哪些操作?2有哪些功能足够重要,是web应用必须支持的?寻找动词留意任何的对象集合,它们通常会成为有价值的功能。其中重要的集合
推荐度:
点击下载文档文档为doc格式
0cj472gqin3ef8l940oa3cwgi893hn006bk
领取福利

微信扫码领取福利

微信扫码分享