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

体味生活,悟道设计

去改变

 
 
 
 
 

日志

 
 
关于我

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

网易考拉推荐

(不定期更新)规范,碎片,......我是机器人吗魂淡  

2011-06-27 11:21:27|  分类: 职业病 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

碎片1:过程

过程其实无所不在,其定义可以理解为两种:

1. 用户的某个操作,从触发到得到响应,中间所经历的体验。

2. 用户的某个任务,从第一步到完成任务,中间所经历的体验。

为过程进行交互设计,需要特别注意的是延迟问题,就是说过程的开始到结束之间所经历的时间,要根据不同情况做不同处理。具体来说,应当遵循如下规范:

-------------------------------------------------------------------------------------------------

延迟时间           用户感受                       交互设计应当注意的

-------------------------------------------------------------------------------------------------

1秒以内           感觉不到明显的延迟             避免出现状态提示或者进度展示

-------------------------------------------------------------------------------------------------

大于1秒接近10秒   可以感觉到明显延迟             应当出现状态提示和进度展示(接近10秒时)

-------------------------------------------------------------------------------------------------

10秒以上          明显感觉到延迟,并且会不耐烦    应当出现状态提示和进度展示,并提供给用户退出过程的控制权,在此基础之上,提供用户可以将界面隐藏/恢复的办法

 

碎片2:windows标准按钮

windows标准按钮是界面中最常使用的元素,通常它的作用是触发某个过程。按钮常见的表现形态有纯文字、图片+文字、纯图片。按钮设计应当遵循的规范有:

1. 任何按钮都应当具备5态:正常,鼠标移上,按下,被选中,不可用。

2. 任何按钮都应当具备鼠标悬停Tip,Tip的内容应当用简单准确的语言描述点击按钮后会发生什么事情。

3. 在设计一组具有相关性操作的按钮时,它们的表现形态应该保持一致。例如有4个并排的按钮,如果决定采用纯文字形态,那么这4个按钮都应当是纯文字的,不要插不同的形态。

 

碎片3:文字链接按钮

文字链接按钮最早出现在网页设计里,近年来在传统的GUI界面里也开始引入,它的隐喻是不包含任何操作,仅仅打开一个新界面。文字链接按钮常见表现形态有纯文字、图片+文字。文字链接按钮应当遵循的规范有:

1. 任何文字链接按钮都应当具备3态:正常,鼠标移上,被选中。(文字链接按钮不能出现不可用状态)

2. 任何文字连接按钮一般都不需要提供鼠标悬停Tip,应当通过文字本身阐明用途。

3. 对于图片+文字形态的文字链接按钮,点击文字和点击图片的效果应当是一样的。

4. 文字链接按钮正常态的颜色要与界面上的标准文字色有所区分,鼠标移上时出现下划线。

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

历史上的今天

评论

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

页脚

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