建站常识
不一样的交互组件（中）
2010-02-06 16:02:00
二、组合搜索框的创新 【组合法】
常见的带条件搜索框是“输入框+下拉菜单+按钮”三个控件组成的，合适的控件组合可以带来更好的效果。
1、【输入框+下拉菜单】组合
新浪微博的搜索框，将下拉选项融合到输入框提示里，选择搜索范围的操作更加便利。
Google reader这样的带输入操作的下拉菜单，让下拉菜单更加易用。（这种控件组合在word、photoshop等软件里很常见，如字体选择控件）
2、【按钮+下拉菜单】组合
豆瓣与Flickr的搜索按钮后面加了一个下拉箭头，按钮与下拉选择操作合二为一 （flickr这个设计与它网站主导航条体验一致，豆瓣用这种设计在其整站看来则略显突兀）
三、文件上传组件的创新 【瘦身法】
标准的文件上传组件是由“输入框（伪）+浏览按钮+提交按钮”组成。之说以称之为“伪输入框”是因为它主要承担显示文件路径的作用，于是Firefox下点击这个输入框是开始文件选择操作，chrome更是把伪输入框改造成了按钮，还原控件最原始的作用。
使用标准文件上传组件经常会出现两个提交按钮，以上图为例，最经常的误操作就是：选完文件后，直接点击“保存头像设置”，于是杯具了。
Gmail附件上传的设计对文件上传组件做了两次瘦身手术。
过去的gmail附件上传步骤是：1、点击“添加附件”（点击后出现一个不带提交按钮的上传组件），2、选择文件（选完后自动开始上传）。去掉了那个提交按钮。
现在的gmail附件上传步骤是：1、点击“添加附件”（点击后自动开始上传，且有上传进度条）。去掉了输入框和提交按钮，只剩下一个浏览按钮，上传只需要一次点击操作。
不一样的交互组件（上）
不一样的交互组件（下）
原文：http://ued.taobao.com/blog/2010/02/05/interactive-controls-innovation2/
近期更新
- [2025-02-11 14:34:54] 青岛品牌网站定制化设计
- [2023-06-25 23:22:29] 优秀网站设计的五大特点
- [2023-04-27 14:05:55] Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 网站建设制作流程知多少
- [2022-10-14 10:11:30] 做网站设计应该更看重框架搭建还是视觉观感？
- [2022-08-09 15:57:48] 以“产品”思维搭建网站！
- [2022-08-08 09:12:57] 一家公司的网站应该有哪些板块内容？
- [2022-08-05 09:28:06] 企业网站建设为什么要设置新闻板块？
- [2022-07-04 15:58:06] 网站首页设计的好看，这个网站就成功了一大半！
- [2022-05-20 09:34:19] 网站后台管理系统是什么？有什么作用？
- [2022-05-17 11:29:32] 作为消费者，应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 品牌网站定制与模板化网站应该怎么选择？
延伸阅读
- [2010-02-06 15:57:00] 不一样的交互组件（下）
- [2010-02-06 16:05:00] 不一样的交互组件（上）
