注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

体味生活,悟道设计

去改变

 
 
 
 
 

日志

 
 
关于我

喜欢Free的感觉,自由,或者...啥都免费

网易考拉推荐

设计高亲和力的界面  

2012-09-03 15:52:10|  分类: 职业病 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

设计高亲和力的界面 - FoXeR - 生活与设计
 

如何把一个界面设计的简单易用,一直以来都是很受大家关注的话题,今天把一些做界面设计的经验跟大家分享一下。希望能够帮到大家,同时如有错误也请不吝赐教,让我们共同进步。

 

界面就是产品跟用户的互动沟通,它很多时候就像是在跟用户聊天:

 

首先,我们要有条理的组织说话内容,如果东扯一句西扯一句,别人会听不懂。

其次,我们要用简短的话语表达说话的内容,没有人喜欢长篇大论。

然后,我们要说对方听得懂的话语,如果老说术语、行话,对方理解起来会困难,甚至可能反感。

最后,我们要积极回应对方的谈话。

 

对应到界面设计就是:


首先,根据界面功能有条理地摆放界面元素(控件),有关系的要互相靠近。

其次,求精不求多,使用尽量少的界面元素让用户完成特定任务,减少操作次数。

然后,根据用户习惯正确地使用界面元素,并且还要避免使用用户不熟悉的词语

最后,对于用户任何的操作,都要提供适当的反馈

关键内容已经都加粗标记出来了,其实这就是高亲和力界面设计的法门。怎么样?其实很简单吧!


让我们稍稍解读一下每个关键内容,更深入的理解一下它们。

 

1. 有条理得摆放界面元素

 

其实界面就是就是各种各样的元素(控件)拼凑而成的,用户通过识别界面元素之间的关系来对界面形成整体认知。有的界面用户一看就懂,有的界面却让用户一头雾水,大多数原因就是界面元素的摆放方式不同。

 

分享几个让界面组织得有条理的方法:

 

F法则:

源自于Google用户体验部的研究成果,说明的是大多数地球人的眼动规律(阿拉伯国家则相反,可以看出是跟人们阅读习惯有关),有点像是英文字母F的书写顺序,通常在看到一个新界面时,人们会按照这个方式扫视。所以在设计界面时,应尽量把重要功能放在靠上或靠左的位置上,让它们落到F的区域内。

 

格式塔 “接近性”原理:

格式塔原理属于认知心理学,其中“接近性”阐述的是我们理解事物之间关系的一个基本原理:物体之间的相对距离会影响我们的感知,相对近的,我们会认为它们之间有关系,远的则没有。利用这个特性,我们应当让关联性比较强的元素互相靠近,并通过刻意的留白或分隔线将关联性弱的元素分开。

 

自然光偏见原理:

这原本是三维设计界的一句话,讲的是人们认为光源从上而下照射到物体上是最自然的(因为“太阳总是在上面”)。实际上,这不单单是人们对光线的认知,这也是人们对事物重要程度的认知,人们会认为上方的东西比下方的东西更重要。因此无论是整个界面,还是界面里的局部区域,我们都应当让重要的元素尽量靠上。

 

2. 使用尽量少的界面元素

 

人类的大脑处理能力有限,同一时间接受到的信息太多,注意力就会分散,就有可能会出现认知困难,产生挫败感。所以我们应当尽量精简界面元素,减少认知负担,用户就容易产生一种自发的鼓励,更愿意探索和使用我们的软件。

 

这里有两种方法,可以帮助我们精简界面元素:

 

拆分用户行为:

对于很复杂的任务,可以拆解为几个相对独立的子任务,每个任务使用一个界面,由若干界面拼接成一个完整任务。由于每个界面保持相对较少的元素,用户付出较少的努力去认知,所以最终会一直保持比较轻松的心态完成整个任务。

 

隐藏->弹出:

根据使用频率,只在界面上放置几个常用(或重要)的元素,其余的隐藏,在适当的位置给与用户暗示,用户鼠标移动到(或点击)这个位置再显示隐藏的元素。这种方式既不会删减功能,又能确保界面简洁。

 

3. 正确地使用界面元素

 

我们平时说话时,如果用词准确,对方就很少误解。同样的,在信息世界里,用户长期接触某种平台(例如windows),就会对这种平台里的界面元素形成习惯,遵循习惯可以防止误解。

 

用户的习惯包括认知和操作两方面。

 

在认知上,每种元素都有其特定的隐喻,用户看到就会触发联想。比如看到一个下拉框,用户里立刻就会想到除了输入以外,也可以展开选择,而此时如果展开发现什么都没有,就破坏了这种隐喻,用户就会觉得很怪异。

 

在操作上,每种元素也有其特定隐喻。例如:单选钮(RadioBox)通常都是点击之后变为选中状态,以传达“选定”意图,而此时如果直接就执行了功能,则破坏了原有隐喻,会让用户觉得怪异。

 

4. 避免使用用户不熟悉的词语

 

用户在使用界面时,50%以上的时间都是在跟文案打交道。按钮文字,界面提示,菜单功能项等等都属于文案,用户通过文案认知软件功能,也包括评估操作结果。

 

文案应当力求自然准确,避免使用用户不熟悉的行话、术语。因为一旦采用了行话、术语,用户阅读时就不得不中断当前的思维过程,思考术语的含义,破坏了阅读流畅感。而且术语还很有可能会被误解,造成理解偏差。

 

所以,应当尽量使用自然语言传达文案内容。

 

5. 适当的反馈

 

界面是“活”的,用户每时每刻都有可能在做着任何的操作,当用户点击某个按钮,点击某个菜单时,他们希望知道的是操作结果,以此评估是否达到目标。就好比我们跟人谈话时总是希望对方看着你,或者有一些肢体语言表示在倾听,否则就会感觉很糟糕,觉得对方不尊重你。

 

因此我们需要时刻为用户着想,在程序执行某操作时,我们要考虑的是根据情况给与操作执行状态的反馈;而当执行完成时,必须确保将结果准确反馈给用户。

 

结语

 

由于篇幅,文章只能先写到这里。其实设计一个有亲和力的界面并不复杂,只要我们有心,我们都可以做得到。

 

最后,希望这篇文章能够对你有所帮助,也更希望你可以设计出更棒的界面!

  评论这张
 
阅读(142)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017