加拿大预测网-在线预测

信息动态

网站设计是技术与创意的完美融合!

建站常识

不一样的交互组件(中)

2010-02-06 16:02:00

二、组合搜索框的创新 【组合法】

常见的带条件搜索框是“输入框+下拉菜单+按钮”三个控件组成的,合适的控件组合可以带来更好的效果。

1、【输入框+下拉菜单】组合

新浪微博的搜索框,将下拉选项融合到输入框提示里,选择搜索范围的操作更加便利。

Google reader这样的带输入操作的下拉菜单,让下▨拉菜单更加易用。(这种控件组合在word、photoshop等软件里很常见,如字体选择控件)

2、【按钮+下拉菜单】组合

豆瓣与Flickr的搜索按钮后面加了一个下拉箭头,按钮与下拉选择操作合二为一 (flickr这个设计与它网站主导航条体验💙一致,豆瓣用ཧ这种设计在其整站看来则略显突兀)

三、文件上传组件的创新 【瘦身法】

ﷺ标准的文件上传组件是由“输入框(伪)+浏览按钮+提交按钮”组成。之说以称之为“伪输入框”是因为它主要承担显示文件路径的作用,✱于是Firefox下点击这个输入框是开始文件选择操作,chrome更是把伪输入框改造成了按钮,还原控件最原始的作用。

使用标准文件上传组件经常꧑会出现两个提交按钮,以上图为例,🔯最经常的误操作就是:选完文件后,直接点击“保存头像设置”,于是杯具了。

Gmail附件上传的设计对文件上传组件做了两次瘦身手术。

过去的gmai෴l附件上传步骤是:𝔉1、点击“添加附件”(点击后出现一个不带提交按钮的上传组件),2、选择文件(选完后自动开始上传)。去掉了那个提交按钮。

现在的gmail附件上传步骤是:1、点击“添加附件”♕(点击后自动开始上传,且有上传进度条)。去掉了输入框和提交按钮,只剩下一个浏览按钮,上传只需要一次点击操作。

不一样的交互组件(上)

不一样的交互组件(下)

原文://ued.taobao.com♏/blog/2010/02/05/interactive-controls-innovation2/

0532-85810878 473587358 扫码添加微信

加拿大预测网-在线预测:扫码添加微信

扫码关注公众号

加拿大预测网-在线预测:官方公众号

2054585360