当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 设计实例:Google wave交互设计分析

心得技巧
网页设计欣赏:整体色彩搭配非常合理的设计实例
设计理论:浅析网页色彩应用
WEBJX收集30个优秀的成功电子商务网站设计
B2C电子商务网站的产品图片设计
B2C电子商务网站评论设计的5个不同境界
用户体验:当当网的糟糕的信息反馈页面设计
备受客户折磨的网页设计师
10条常犯的用户体验设计低级错误
10条极为糟糕的网站用户体验
全球知名logo标志设计师和他们的作品
交互设计:当当网提交订单缺货设计分析
交互设计:电子商务网站的打分模式设计心得
互联网产品设计:产品设计文档(PDD)
用户体验设计分析:一个标点的文案体验
交互设计:评价系统设计提纲
用户研究:互联网用户使用产品的习惯
视觉设计也可影响产品的功能
交互设计:适时的给用户操作提供帮助
互联网产品设计:新闻搜索的产品设计
互联网产品设计:卓越网分析报告

心得技巧 中的 设计实例:Google wave交互设计分析


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-27   浏览: 180 ::
收藏到网摘: n/a

这几天一直超级忙,wave的手记写不下去了,总体来说,wave从UI上有两个地方值得称道,一是添加联系人的交互,一是滚动条的改进,今天来说说这个交互。

contact_add添加一个新的联系人,如上图所示。

contact_add_1当鼠标点击输入框,焦点在输入框中时,没有任何提示语,Submit仍然是disable的。注意向下看。

contact_add_2输入第一个文字时,下方出现提示:invalid address,继续输入,一直到@符号,一直会是这个提示。

contact_add_3注意,当图中的y被输入后,下方的提示语变了:Checking address….,开始检索数据库。

contact_add_4当检索发现不存在时,返回提示信息。

contact_add_5重新输入一个正确格式的联系人,下方会出现是否添加的提示,同时Submit按钮被激活。

这种焦点没有离开输入框时的即时检测输入内容很少见,以前看到大多数表单尤其是注册表单,总是会在焦点移到下一个输入框后才会进行判断,如果采用wave这种方式,是不是体验会更好?

下次说说那个滚动条,为什么我是G粉,因为Google总是在创新,而不是你做一我就画道横,你做二我就添一横。集团把研究院命名为创新院,其期望也在这里吧。