征集网锐志网络淘途找素材上91
创意在线首页
平面设计交互设计CG动漫工业设计建筑环境数码影像创意搜
 首页大赛征集资讯教程画廊访谈作品集创企同盟设计招聘人才专区竞赛台专题论吧 找素材看酷站设计网址库
交互设计首页
当前位置:首页 > 交互设计 > 观点 > 正文
页面表达原则
作者: 来源:isd.tencent.com 发表时间:2010-4-21 10:53:54 浏览:

当时现在仍旧存在问题:

此时点击“查询”页面还是没有反应。

8. 操作后,操作可撤销。

执行一个操作后,应当允许撤销,允许用户反悔。

实例一:

不想进去了,怎么办?

实例二:

要不想发表回复了怎么办?

9. 让用户知道身处何地—页面标题、导航

让用户知道自己当前身处何地是个很基本的诉求。清楚的表明当前页面是什么,在哪里,可以很大程度上降低用户的恐惧感。
目前能实现这个要求的方法主要有两个:页面标题和导航

页面标题是整个页面的说明,可以最直接的表示出当前页面是什么。

其中的“World News”是页面标题。

其中的“Audio, TV & Home Theater”是页面标题。

页面标题写在一个页面的最上面,并且通常是一个页面中最大字号的文字。

在web界面中,使用 “层级式导航”(路点)可以很清楚的说明当前页面在整个网站中的所处的位置。

其中的“Home / Products / Acrobat family /”清楚的表明了当前页面“Adobe Acrobat Connect Professional”在整个网站中的位置。(“Adobe Acrobat Connect Professional” 是这个页面的标题。)

10. 避免内容看上去象广告

用户会在阅读网页的时候,会“有选择的”阅读,既,并非单传按照从左到右,从上到下的顺序阅读;也并不是单纯的按照视觉规律阅读,色彩显眼的、能运动的图形很容易引起视觉上的注意,单如果看上去象广告,那么,用户会跳过那一部分内容阅读的。网页的阅读顺序不仅遵循常规的阅读规律,也受网页阅读习惯的影响。

所以,网页上的正文内容不要表现的象广告一样。并非更大的展示形象的图片就能更突出内容;内容的中元素能动起来,也不意味着更能吸引用户;类似“马上注册!”“免费获取”之类的说法也不单纯意味着能吸引人。这些表达方式都有可能让用户误会。

11. 同一功能在不同页面上位置相同。(一致性)
同一功能在不同的页面上出现在相同的位置上可以减少用户寻找的时间。

实例一.

返回yahoo首页的链接:yahoo! 始终出现在页面的左上角。

实例二.

Google中个人帐户的相关链接总显示在页面的右上角。

实例三:

Amazon中左侧栏始终是用来展示分类索引的。

12. 措辞统一(一致性)

●表述中避免使用“用户”,而使用“网友”、“朋友”、“访客”等。
●第二人称用“您”,而不使用“你”。
●“登录”而不是“登陆”。登陆一词也确实会用到,比如:登陆qq.com,发现更多精彩…这种情况下,尽量避开“登陆”一词,用“访问”、“浏览”之类的词代替。
●腾讯的产品中,“好友”一次有特殊的含义,指“QQ好友”。所以,在通常的表述中应避免使用“好友”。

避免混乱措辞的一个有效方法:为产品建立措辞库
为各个产品建立措辞库。例如:

措辞的不一致除了工作的不规范,缺少统一的标准,另外一种情况是由于产品在定义概念的过程中本身没有定义清楚,在具体到页面上时反应成为措辞的不一致,例如:

“心情秀预览”暗示出,“心情秀”是指外框+文字内容。
“换心情秀”功能只是换外框。这意味着“心情秀”是指外框。
如果按照第一个定义来理解,“心情秀是指外框+文字内容”,那么点击“下一个”后,其中的文字内容是不是也会变化?

缺少对文字内容、外框的单独定义,使得“心情秀”概念被滥用,造成概念上的混淆。概念上的混淆给操作带来困扰。

这个例子中,同一个词有着不同的含义。“措辞统一”原则要求同一个事物用同一个词来描述,这同时也是在要求:不同的含义使用不同的词。


1 2 3 
在线编辑:wlx
本文链接:


推荐阅读:
·2021第十五届“创意中国”设计大奖 征稿章程
·2021第七届“学院派奖”全国艺术与设计大赛征集公告
·青春唯美插画培训网络远程班正在招生
·第八届中国高等院校设计作品大赛启动
·第十二届中国高校美术作品学年展获奖名单公布
·2021第七届“学院派奖”全国艺术与设计大赛征集公告
·第六届“包豪斯奖”国际设计大赛获奖名单揭晓
免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息。对本文有异议,请联络本站!
转载要求:文章作者及来源信息必需保留。转载之图片、文件请不要盗链本站地址,且不准打上各自站点的水印!

近期推荐报道 返回首页更多精彩等着你!

Illustrator| 用AI创建精细矢量插图徽章Photoshop| PS经典合成张开血盆大嘴樱桃
Photoshop| Photoshop自制个性的黑色翅膀摄影佳作| 德国Thomas Wuhrer长腿女郎性
Photoshop| Photoshop制作超酷的边缘发光的荧CorelDraw| CorelDRAW制作编织效果详细教程
Illustrator| illustrator制作潮流海报字体摄影佳作| 惊艳的Francesco Marconi
Photoshop| 利用画笔及图层样式制作方格子艺术纹理背景Photoshop| Photoshop制作简单时尚的彩色放射
关于本站 | 联系方式 | 商业服务 | 合作伙伴 | 站点地图 | 免责声明 | 版权声明 | 在线投稿