申请网站
忘记密码
密 码：
登录名：
建站咨询热线：
0532-88781131
、
18562723728
返回贴子列表
发表新贴
主题：
UI设计范式之二：造句填空FillInTheBlanks
共有
1283
人浏览过本贴
主贴管理
置 顶
加 精
结 贴
转 贴
昵称：奈薇建站网
论坛积分：108000
发贴等级：
21
发贴数：1156
回贴数：1282
被砸鸡蛋：
1
获赠鲜花：
182
发表时间：2019/8/12 22:05:00
楼 主
UI设计范式之二：造句填空FillInTheBlanks
问题综述需要用户填写内容但又表示不清填为何故。
举例
适用范围当你发现即使为某个输入框增加一个标题依然无法说清该输入框的详细用处的时候当你不得不用很长的一段描述来解释你的输入框用途的时候当你发现这个输入框所填的内容正好可以成为某个句子的一部分的时候当这个是必填项的时候。因为把他放在句子中能更引起用户的注意。不要在句子中加入太多的输入框。因为太多的填空题会让用户怒对于非必填项尽量少用解决方案整理好你的必填项(文本输入框textfield、单选框radiobutton、多选框checkbox、下拉框combo-box)并把他们造句(回忆一下小学老师是怎么教我们的)。这样用户就能边读你的句子边把填空给填了。
如果该输入框不位于句首或句末的话你得注意这些输入框可能会破坏句子的连贯性(译者：因为HTML里面某些输入框格式会占去很多页面空间，或把句子强制换行等)，尽量不要用高度超过句子高度的输入框类型。简单的文本输入框或下拉选择框是最好的选择。
该范式经常被用于复杂的筛选功能里。比如AppleiTune在定制高级播放列表(SmartPlaylist)的歌曲筛选界面中使用了该范式。
AppleiTune的高级播放列表定制界面
该范式的最大缺点在于面对多语言网站的时候句子会有不同的翻译，那么由于语法的不同，输入框的位置就会发生改变。这样该范式就会阻碍网站向其他语言版本的翻译工作。(译者：尤其对于使用内容管理系统CMS的网站来说这就面临着要重新设计一个表单的模板)
更多例子
Google高级搜索
原理总结
通过把一个输入框放到句子中，可以借助句子的上下文来帮助用户更好的理解。有时候你也会遇到很难为输入框造句的时候。怎么不让用户面对冷冰冰的计算机术语呢？看一下这个例子：
RubyOnRailswiki
例子中的递交按钮“Save”和输入框之作者名字连同取消按钮“Cancel”一起放入了一个句子里面。用传统的方法这个三个操作需要分别用三行单独的描述。但这里巧妙的运用来本范式，不但把三行变成了一行使这三个操作的作用表达清楚得一清二楚。而且还用到了“InputPrompt”范式来鼓励用户填写自己的名字。
本范式让用户界面变得自己会说话了。我想人类的语言能力和表达天性会让我们很乐意去把句子填写完整的。
奈薇建站网致力于，让每个中国人、每个中国企业都拥有自己的“官方网站”！
回复此贴
单贴管理
修 改
删 除
清理签名
TOP
共
0
个回贴 分
0
页
上一页 / 下一页 当前第
页
奈薇建站网青岛网站建设公司/青岛网站制作公司，专业提供"气质"型网站建设及精美网站制作服务，同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展
热点地区：
青岛网站建设价格
青岛即墨网站制作公司
开发区信息港
山东在线门户
1
182
