交互设计实用指南系列(1) – “有效性”之“操作入口明确”(2)
作者:尚轩 来源:TaobaoUED 发布时间:2009-12-11 18:42:00
2、入口信息明确易识别
上面提到,增加入口数量虽然在一定程度上有助于提高功能模块的使用率,但也存在致命的缺陷——入口信息不明确。因为“入口”等同于用户的“选择”, 入口越多,选择越多,“过多的选择等于没有选择”,这势必会造成用户使用产品时的疑惑:这几个链接和按钮好像都一样啊,该选哪个呢?所以,要根据页面本身 的信息量严格控制同功能入口的数量,保证有效的识别性,让用户迅速找到正确的入口。
这次用我们可爱的兄弟产品“支付宝”为例,看看改版前后的细节变化:
改版前
改版后
通过对比,我们可以发现,管理页面中部分相同功能的入口出现了多个,对于新手用户来说,很可能造成不必要的困惑;而在新版本中,每个功能模块只有一个入口,明晰简洁。
另外,对于入口元素本身而言,需要通过适合的展现形式来提示用户此入口的功能属性。例如,一个标准的按钮控件,用户会知 道“可以点击”,但点击后会发生什么交互行为,需要通过其他视觉元素进行信息提示(如按钮上的文字或者具有标识性的ICON),告诉用户当前的情况和可行的操作方案,这点有些类似生活中的“指示设计”。
下图是eBay首页的注册区,通过按钮文字和辅助文本信息,新手用户也能够很清楚地了解眼前这两个Button代表的意义。
3、根据用户定制合适的入口
交互设计离开用户研究便是闭门造车,在设计产品操作入口的同时,要充分考虑到不同用户的需求。用户划分维度很多, 《About Face3.0》中根据与产品的相关度将其分为“新手”、“中间用户”和“专家”。这三类用户对产品的了解程度并不一致,操作行为习惯也大相径庭,若再通 过其他维度将其细分(如“有无目的”、“性别年龄”等),会相当复杂,在对产品进行进一步优化时,应当考虑到操作入口对不同用户的适用性。
“在交互和界面设计中,如何用同一个界面满足新手用户和专家用户的需求是长久以来存在的难题之一。虽然大多数中间用户倾 向于保留在这一类型中,但新手不会永远是新手。要维持高水平的技术程度很困难,因此专家门也在快速变化。新手的变化更快,新手和专家随着时间推移都会倾向 于成为中间用户。”(《About Face 3.0》第三章),所以针对用户的定性研究和定量分析会显得尤为重要。不过,无论如何划分用户人群,有一点共性是至始至终的——产品操作入口设计的终极目 的是让用户迅速有效地完成核心需求。
小 结
综上所述,对于信息庞杂的电子商务网站而言,出色的操作入口设计好似科幻片中的“星际之门”,能让用户随心所欲地抵达任 意空间,享受完美的交互体验;同样,失败的设计也能让用户犹如坠入希腊神话中恐怖的克里特岛迷宫,郁闷不可自拔。“操作入口明确”,是所有优秀交互产品的 共性之一,也是每一个设计师“想用户之所想”的职责所在。
猜你喜欢
- 可视性的问题几乎在每次不同产品的用户测试中都会出现:用户总是对页面的某些元素、功能视若无睹,或根本无视。基于此,对这个问题进行了一番小小的研
- 当“ 页面重构工程师 ”这个职位的面试官也蛮长一段时间了,跟前两年比起来,总的来说来应聘的同学能力在很大程度上有了提高,记得两年前的一场招聘
- MySQL从5.1开始支持event功能,类似oracle的job功能。有了这个功能之后我们就可以让MySQL自动的执行数据汇总等功能,不用
- Online人们搜索、浏览、阅读、跟帖、互动投票,玩游戏,甚至在线买卖交易。这些行为都是“用户体验”,听起来用户体验似乎无所不能,造成了互联
- 以前在工作中遇到一个问题,当表单发送的数据量很大时,就会报错。查阅MSDN了解到,原因是微软对用Request.Form()可接收的最大数据
- 好了,看看我们的代码吧:upload.htm' 上传页面<html> <body>&nb
- 酝酿了将近一个春夏秋冬的腾讯网首页终于亮剑!反响热烈!让我们来分享它成功背后的酸甜苦辣吧。腾讯网首页改版终于开花结果。于2008年3月25日
- 社会上的任何人,都不愿意自己给人留下难以交往的印象,就算是那些冷漠、寡情的人他们也在不断地寻求一种通道,达到与他人的交流和沟通。如果,在你与
- PNG格式以支持透明和无损,且相对大小适中,已成为现在网页中图片运用的主流。有些时候我们在制作网页时使用PNG格式图片,用IE浏览器查看却无
- 如何远程读取数据库页面?见下:<%Set HttpObj = Server.CreateObject(&
- 描述的意思是HTML为中心的前端开发也差不多是web标准的意思。1.HTML是基础2.CSS依靠选择符提供视觉;3.Javascript 依
- 1.尽量不要对列名进行函数处理。而是针对后面的值进行处理例如where col1 = -5的效率比where -col1=5的效率要高因为后
- (1)OracleServiceSID 数据库服务,这个服务会自动地启动和停止数据库。如果安装了一个数据库,它的缺省启动类型为自动。服务进程
- SQL是用于访问ORACLE数据库的语言,PL/SQL扩展和加强了SQL的功能,它 同时引入了更强的程序逻辑。 PL/SQL支持DML命令和
- 今天在 经纬 同学blog看到的。有这么一段代码:<ul id="demo"><li>
- 静态方法:将下面的代码复制到<body>~</body>内 程序代码 <table cellpadd
- 没注意到MooTools的Cookie类在写的时候自己做了一次encode,在读的时候做了一次decode,在一般的情况下,这个不会有什么问
- 如果你想进一步了解如何用JavaScript来为网页添加交互性的话,你也许已经听过JavaScript的事件代理(event delegat
- Session StaticObjects 集合StaticObjects 集合包含 Session 对象范围中用 <OBJECT&g
- 原本运行正常的ASP页面,今天突然提示: 代码如下: Microsoft VBScript 运行时错误 错误 '800a01a8&