所谓表单,通常就是一些简单的问题/答案对。不过在web页面或应用控件等上下文中也很有用。输入和表单设计是交互设计师的核心工作。
输入和表单设计的原则:
1.确定用户要求会的的是什么问题,以及为什么需要回答这些问题。标签上的文字应该能让目标客户容易裂解--为初级用户使用平白语言,为专家用户选择专门用语或词汇。
2.如果可以的话,根本不要问什么问题。要想法减轻客户的输入负担,比如提供合理的默认值。
3.保存在某个地方的知识通常比保存在脑袋里的知识更准确。可以用一些控件把所有选项都显示出来,让用户过目,而且当这些对象有一些可视化的表现形式时,用图示来显示。
4.小心,别把表单变成编程模型的字面翻译。很多表单时用来编辑数据库记录或某个对象的,这种情况下很容易设计表单。但这可能有点枯燥乏味,可以考虑把输入操作变成某种直接操作。
5.进行可用性测试。
6.明智选择控件。
控件选择
对象列表
1.复选框(CheckBox)
优点:简单,仅需少量空间。
缺点:只能表达一个选项,反面信息不明确。
2.两个单选按钮
优点:两个选项都表明出来了。
缺点:需要更多空间。
3.双选项的下来框
优点:两个选项都表明,也很容易扩展更多选项。
缺点:一次只能看到一个选项。
4.切换按钮
优点:节约空间
缺点:和复选框一样,不同的是,它不是标准控件。
5.两个单选按钮组成的菜单
优点:控件需求小。
缺点:弹出菜单可能难被发现。
6.N个单选按钮
7.N个选项的下来框
8.N个选项的一组互斥切换按钮
9.N个选项的单选菜单
10.单选列表
优点:一次可以看到多选项,
缺点;比下来接表或微调按钮空间需求更大。
11微调按钮
优点:空间需求小
缺点:一次只能看到一个选项,有一些使用技巧。
12.树形列表
优点:可以看到很多选项,
缺点:需要使用技巧
13.对话框
优点:适合用来浏览可供选择的选项
缺点:要使用技巧,没房页面的控件直接。
模式
+容错格式
让应用系统具有解释文本的能力
+结构化的格式
可以使用一组输入框来反映复杂的数据格式
+填空
+输入提示
在一个空白的文本输入框旁边,用一句话或一个例子解释输入什么样的数据
+输入提醒
用提示信息预先填写文本输入框或下拉框,来告诉用户该怎么输入
+自动完成
当用户在文本输入框内部输入时,猜测可能的方案
+下拉选择器
通过下拉列表,把菜单概念扩展成一个更复杂的选择界面。
+图示选项
用图片而不是文字来显示可选项。
+列表构建器
在一个页面上显示源列表和目的列表,让用户在他们之间流动
+良好的默认值
只要合适,就预先为客户填写你猜猜他可能要输入的值
+错误显示在同一页
如果可能的话,在发生错误的控件旁边进行提示。
分享到:
相关推荐
Designing Storage Area Networks: A Practical Reference for Implementing Fibre Channel and IP SANs, Second Edition By Tom Clark Pages : 592 英文
Designing with Progressive Enhancement will show you how. It’s both a practical guide to understanding the principles and benefits of progressive enhancement, and a detailed exploration of examples ...
Designing for Windows 8 is a fast-paced, 150-page primer on the key design concepts you need to create successful Windows 8 apps. This book will help you design a user interface that is both ...
4、Designing an iPhone Application: From Product Definition to Branding 5、Handling Common Tasks 6、A Brief Tour of the Application User Interface 7、Navigation Bars, Tab Bars, Toolbars, and the ...
Designing.Interfaces
本书旨在帮助学生了解MIS领域的职业。 这本书的大部分是一个案例。 在需要时(仅在需要的范围内)引入工具以了解案例的各个部分。
Designing with Data: Improving the User Experience with A/B Testing by Rochelle King English | 29 Mar. 2017 | ASIN: B06XY9TTN8 | 370 Pages | AZW3 | 4.61 MB On the surface, design practices and data ...
The Humane Interface, New Directions For Designing Interactive Systems
Designing with EZ-USB FX2LP™ Slave FIFO Interface using FPGA
1.Designing Data-Intensive Applications The Big Ideas Behind Reliable Scalable And Maintainable Systems 2017; 2.英文原版,PDF格式; 3.内容简介: If you develop applications that have some kind of server/...
非常优秀,这绝对是UI设计模式领域最好的书。
识别和避免采用反模式——社交网络和社交媒体空间产生的最糟实践 。 英文简介: From the creators of Yahoo!'s Design Pattern Library, Designing Social Interfaces provides you with more than 100 patterns, ...
Designing Software Architectures A Practical Approach 英文epub 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,请联系上传者或csdn删除
Designing for Sustainability
Designing Software Architectures will teach you how to design any software architecture in a systematic, predictable, repeatable, and cost-effective way.
FX3 slave fifo 的开发文档
DESIGNING A ROBUST USB SERIAL INTERFACE ENGINE(SIE)
Designing+Interface中文版.pdf+Web信息结构设计大型网站.pdf