关于表单每个设计师都必须知道的10件事
- 格式:doc
- 大小:169.00 KB
- 文档页数:10
简述创建表单的基本步骤表单是网页设计中常用的一种交互方式,它可以让用户输入信息并提交到服务器进行处理。
创建表单需要经过一系列的步骤,下面将详细介绍。
第一步:确定表单的目的和内容在创建表单之前,需要明确表单的目的和内容。
表单的目的是什么?用户需要输入哪些信息?这些信息有哪些必填项和选填项?这些问题需要在设计表单之前进行充分的思考和规划。
第二步:选择表单元素表单元素是指表单中的各种输入框、下拉框、单选框、复选框等。
在选择表单元素时,需要根据表单的目的和内容进行选择。
例如,如果表单需要用户输入姓名、电话、地址等信息,可以选择文本框;如果需要用户选择性别,可以选择单选框。
第三步:设计表单布局表单布局是指表单元素在页面中的排列方式。
在设计表单布局时,需要考虑页面的整体布局和用户的使用习惯。
一般来说,表单元素应该按照逻辑顺序排列,必填项和选填项应该有明显的区分。
第四步:编写表单代码在确定表单元素和布局之后,需要编写表单代码。
表单代码包括HTML和CSS代码。
HTML代码用于定义表单元素和布局,CSS代码用于美化表单样式。
第五步:添加表单验证表单验证是指在用户提交表单之前对表单数据进行检查,确保数据的合法性和完整性。
表单验证可以通过JavaScript实现。
常见的表单验证包括必填项验证、格式验证、长度验证等。
第六步:测试表单在完成表单设计和编码之后,需要进行测试。
测试表单可以检查表单的功能和性能是否正常。
测试表单时需要模拟用户的操作,输入各种数据,检查表单的验证和提交功能是否正常。
总结创建表单需要经过一系列的步骤,包括确定表单的目的和内容、选择表单元素、设计表单布局、编写表单代码、添加表单验证和测试表单。
在设计表单时,需要考虑用户的使用习惯和页面的整体布局,确保表单的易用性和美观性。
iss-library-form-designer 中文文档-概述说明以及解释1.引言1.1 概述ISS图书馆表单设计师是一种专门用于设计和创建ISS图书馆表单的工具。
本文将对ISS图书馆表单设计师进行详细介绍和解析。
作为引言部分,我们首先需要对该主题进行概述。
ISS图书馆表单设计师是一个设计和生成图书馆表单的工具,旨在帮助图书馆管理员和工作人员快速轻松地创建各种类型的表单,如借阅登记表、还书通知表、报损申请表等。
与传统的手工设计和填写表单相比,使用ISS图书馆表单设计师可以大大提高工作效率和准确性。
ISS图书馆表单设计师具有直观友好的用户界面,易于使用。
它提供了丰富的表单设计功能和选项,允许用户根据具体需要自定义表单的样式、布局和字段。
同时,它还支持表单的动态字段设置,可以根据需要添加或删除字段,灵活满足不同表单的要求。
使用ISS图书馆表单设计师,用户可以轻松地进行表单设计和编辑。
它提供了一系列的编辑工具和功能,如拖拽式的字段编辑、富文本编辑器、表单预览等,用户可以直观地进行表单设计和调整。
并且,它还支持表单的多语言设置,允许用户根据需要进行多语言表单的设计。
此外,ISS图书馆表单设计师还具有高度的灵活性和扩展性。
它支持与图书馆管理系统的集成,用户可以将设计好的表单直接与现有系统进行整合和应用。
同时,它还支持表单的导入和导出功能,方便用户进行表单的备份和共享。
总之,ISS图书馆表单设计师是一款强大而实用的表单设计工具,为图书馆管理工作提供了便捷和高效的解决方案。
通过使用ISS图书馆表单设计师,图书馆管理员和工作人员可以轻松地设计、创建和管理各种类型的表单,极大地提升了工作效率和准确性。
在本文的后续部分,我们将详细介绍ISS图书馆表单设计师的功能和特点,以及使用方法和注意事项。
1.2 文章结构本文将按照以下结构进行介绍:1. 引言:首先对ISS 图书馆表单设计师进行概述,包括其功能、特点以及本文的目的。
UI设计师面对的5个挑战对于UI设计,像网页设计一样,设计师并不能随心所欲。
尽管UI设计在另人惊奇的工业4.0中仍然有很多的机会,但是同样地也有一些隐藏的挑战。
在这里我不会带来一些设计模式或者要提醒你做A/B测试,我会讨论一些设计上的挑战,他们经常在整个项目过程中被忽视。
要看你的了:1.新的看起来不错的GUI元素对于链接,按钮,滚动条等元素的设计趋势并没有终点。
在web上,我们有新出现的“汉堡包菜单”icon,幽灵按钮,水平滚动的页面等等。
尽管他们看起来不错另人惊奇的,你也必须花时间想想问问你自己:“他们会让用户操作困难吗?”如果答案是“yes”,那么祝贺你,你已经失去了你的一部分用户。
UI设计师的职责是确保产品可用,易理解,在这样的情况下:响应突然的动作的按钮应该清楚地可见;水平滚动的页面或许被用在特定的场景,但是也会经常使用户迷惑。
我不想说另人讨厌的话了, Dolores Umbridge的话在这里或许适合,“为了创新而创新必须被劝阻”。
不要为了与众不同而去追求那些新的设计趋势。
2.看起来像一个链接却不是我们都知道用户没有时间和耐心,不要用你的设计来戏弄你的用户。
这真的是不经过大脑思考。
我们通过点击看起来像链接的文本来在不同的网页之间进行切换,我们把光标放在看起来像链接的文本上,文本轻微变化,那当然是一个链接。
我们把光标放在看起来是链接的文本上却什么变化也没有,任何变化都没有。
如果他不是一个链接为什么他要假装是一个链接呢?把一个不可点击的文本做成像链接的样子就是欺骗,或许有时候这样做并不会激怒用户,实话实说,我也不知道会发生什么。
这是一个例子:实际上红色的箭头和标题是不可以点击的因此要合适的设计你的链接和按钮,不要让用户误会你的设计元素。
3.必须要有导航考虑这俩个例子:汉堡包菜单和无限滚动。
这俩个现在都很受欢迎,但也被一部分网站使用后抛弃。
你的网站的信息架构是不是需要这么做?我们在一些很受欢迎的平台上看到无限滚动的例子:谷歌图片,Twitter,Facebook,甚至是一些电子商务网站,这能吸引用户的兴趣,隐藏导航,但是请不要忘了:你的用户如何定位内容?他们怎么来在他们喜欢的内容之间切换?他们怎么复制你提供的所有内容?对于汉堡包菜单:一个能使导航消失的的神奇icon。
Forms表单设计:使用Office系列软件中的Forms设计表单随着信息技术的发展,越来越多的企业和机构开始使用在线表单收集信息和进行调查。
Forms表单作为Office系列软件中的一项强大工具,容易上手并且具有较高的可操作性。
本文将重点介绍Forms表单的设计方法,从而提高表单的可用性和用户体验。
1.表单设计前的准备工作在设计表单前,必须确定表单的目的和受众群体,并明确表单需要收集的信息。
在收集信息时,需要尽可能地减少冗余和重复问题,并确保每个问题都与表单目的相关。
2.表单布局设计表单的布局设计应该符合直觉和易于操作的原则。
表单的字段应该按照功能分组,从而使用户能够在不用查找的情况下很容易找到所需的信息。
此外,为了减少填写过程中的误填、漏填问题,必须明确每个字段的填写顺序和填写方式,并在必要时进行必填项标识,以便用户能够快速地理解哪些字段必须填写。
3.表单风格设计设计表单的风格是表单设计中非常重要的一环。
表单的风格应富有吸引力,使用户感觉使用该表单是一件令人愉快的事情。
在具体的设计过程中,可以通过选择合适的颜色、字体和其他视觉元素,来提高表单的美观度和易于识别度。
同时,为了增加可用性,表单的工具提示和帮助文本也应该具备清晰、准确的语言描述,从而帮助用户了解每个字段的作用和填写方式。
4.表单功能的增强为了提高表单的功能和可用性,我们可以为表单添加多种功能模块,例如:多行文本框、下拉列表等。
例如,在填写地址信息时,可以选择把地址分为省市区三个部分,借助下拉列表来实现快速填写,既不会增加填写难度,也有效避免了错误信息的造成。
另外,当表单涉及到多页信息收集时,可以加入分页模块,从而使整个流程分布有序、清晰明了。
总之,Forms作为Office系列软件中的强大工具,其表单设计的技巧和原则将直接影响用户的使用感受。
在设计时,我们需要考虑许多因素,例如:目的设定,受众群体确定,字段布局设计,表单风格设计等。
《Office Forms》的表单设计技巧与实战案例表单设计是许多办公工作中不可或缺的一部分,它可以有效地收集和整理信息,帮助管理者更好地了解员工和客户的需求。
一个好的表单设计不仅可以提高工作效率,还可以降低错误发生的概率。
本文将从表单设计的基本技巧开始讲起,然后介绍一些实战案例,让大家更好地掌握表单设计的要领。
一、表单设计的基本技巧1.确定表单的用途在设计表单的时候,首先要明确该表单的用途是什么。
是用来收集员工信息,还是用来整理客户反馈?或者是用来审批某项工作?只有明确了表单的用途,才能更好地设计出符合需求的表单。
2.简洁明了在表单设计中,简洁明了是非常重要的。
一个表单不应该包含过多的信息和填写项,这样会给填写者造成困扰,也会增加填写错误的概率。
简洁明了的表单设计应该只包含必要的信息,避免出现冗余信息。
3.合理排版合理的排版可以使表单更易于阅读和填写。
在排版上,可以将相关的信息放在一起,采用分组的方式排列表单填写项,这样能够更清晰地展现表单的结构,也能为填写者提供更好的填写体验。
4.注重可读性表单设计中,可读性是非常重要的。
选用清晰易懂的字体和字号,避免使用花哨的字体和过小的字号,这样可以增加表单的可读性,降低填写者填写错误的可能性。
5.考虑各种情况在设计表单的时候,还应该考虑各种情况下的填写情况。
比如,如果表单需要打印出来用笔填写,那么需要预留足够的填写空间;如果表单需要在电脑上填写,那么需要考虑表单的格式是否符合电子填写的需求。
6.设置必填项在设计表单的时候,可以设置一些必填项,这样可以确保填写者填写完整的信息。
但是必须注意,必填项的设置要合理,不宜设置过多的必填项,以免造成填写者的困扰。
二、实战案例1.员工信息登记表员工信息登记表是每个企业都会用到的表单,它用来收集员工的基本信息,比如姓名、性别、出生日期、联系方式等。
下面是一个员工信息登记表的设计实例:员工信息登记表姓名:_________________性别:_________________出生日期:_______________联系方式:_______________部门:_________________职位:_________________入职日期:_______________地址:__________________在这个实例中,我们可以看到,这个员工信息登记表的排版简洁明了,将相关的信息放在一起,而且还设置了必填项,确保了填写者填写完整的信息。
第三章设计表单和页面本章描述如何设计表单和页面。
3.1 设计表单表单和页面一样,也可以显示信息。
在页面中可以完成的事情在表单中同样可以完成。
表单与页面的区别在于:表单可以用来收集信息。
表单提供了用于创建和显示文档的结构,而文档是数据库中保存数据的设计元素。
当用户向表单中填入信息并进行保存时,此信息就作为文档保存。
当用户打开该文档时,该文档将把该表单作为模板来提供显示数据的结构。
下面是设计表单的基本步骤:●要确定所需表单的用途和类型,应考虑:要收集的信息种类和需要的元素如何显示以及在何处显示结果文档,此文档要包含并显示收集的信息。
●创建表单●向表单中添加元素●命名表单●指定表单属性●在用户访问表单所使用的浏览器中预览和测试表单3.1.1 表单元素表单元素是用于创建表单外观和功能的组件。
同页面一样,表单可以包含:●文本文本通常用于标注域,以便用户了解每个域的用途。
●水平基准线添加水平基准线以分开表单的不同部分,或者用以增强表单的可视性。
●表格使用表格可以概括信息和使各个元素(例如:域和图形)按行或列排列。
如果在表单中放置了表格,那么通过该表单创建的每个文档都将显示该表格。
●区段区段是在表单中定义的可折叠和展开的区域。
其中可以包括域、对象、布局区域和文本。
存取受控制的区段只允许特定的用户编辑此区段中的域。
●图形如果在表单的任何位置放置了图形,则通过该表单创建的每个文档都将显示该图形。
例如:在用于通信的表单中,在表单上端放置公司标志就可以创建印有抬头的信笺。
●图像映射图像映射是使用可编程热点增强的图形,当用户单击这些热点时,可以执行一些操作。
在应用程序中通常把图像映射作为导航结构来使用。
●链接在表单中,可以添加到数据库、视图、特殊文档的链接,也可以添加打开Internet 页面的URL链接。
●自动功能表单操作、按钮或热点会自动执行简单或复杂的任务。
●小程序使用Java小程序在表单中包含小程序,例如,动画图标或独立的应用程序。
UI设计不容错过的表单设计规范表单的构成常见表单是由多个列表项构成的。
而每一个列表项都有最基本的标签(标题)和输入框。
顾名思义,标签是用来告诉用户这个列表项是什么;输入框是供用户输入用的。
标签根据所处的位置可以分为∙左标签∙顶部标签∙行内标签1. 左标签左标签目前来说是最常见的一种标签样式,但是这并不意味着我们可以无所顾虑的去使用。
以手机端为例,手机端屏幕尺寸有限,左标签会占据屏幕较大的空间,那么右边的输入框就可能无法展示完整的信息。
例如,如果你的邮箱地址过长就会造成信息的不完全展示,这对用户体验来说是致命的。
因为用户一旦输入的信息很长,他们在确认提交之前肯定会对所输入的内容进行审核确认,如果连完整的内容都无法获知,用户根本不会进行下一步操作,这就造成来操作流程的中断。
所以我们在使用左标签的时候一定要考虑输入内容的长短。
2. 顶部标签顶部标签就是指标签位于输入框上方,这样输入框就可以独占整个页面,信息可以得到更完全的展示。
与左标签相比,顶部标签可以给输入框腾出足够的空间。
但是这种的布局方式也有自身的缺点,那就是之前一屏就可以展示的内容,用户现在需要滚屏才可以看完。
3. 行内标签行内标签的样式看起来很适合手机端的表单设计,因为它可以极大的节省页面空间。
但是一旦用户点击切换到输入状态以后,用户就会看不到这些标签了。
如果同一页面中表单项目很多(超过5个),用户填写过程中可能会忘记之前的填写的项目是什么。
此外列表项过多,用户在填写的时候中很容易出现串行,把家庭住址填到毕业院校也是可能出现的情况。
更严重的是,用户因为无法看到标签,这类的错误是无法检查出来的。
为了解决这个问题,我们可以在行内标签前加一个图标来标识这个列表项,图标所占据的空间不会太大,而且会增加页面的美观性。
当表单项目过多时我们要进行整合分组来提升内容的可读性。
下图中右表格将15个字段分成3组。
同样数量的内容,但用户的印象却大不相同。
提升用户信息录入效率好的用户体验应该尽可能的简化操作步骤,传统的手动输入模式费时费力,对用户来说不是一种友好的体验。
品 保 课 教 育 训 练
表单填写注意事项
1. 文件,记录应维持版面整洁,字迹工整;
2. 不可使用铅笔及涂改液;
3. 错误时,不可以涂改方式修正,只能以划改方式并予以签名(原内
容须尚可辨识);
4. 规定该填写之字段不得漏填,不需填写之字段注上[-]字样;
5. 窗体所注明之[□]等符号,表示为选择性项目,原则上应由该事承
办人填写;
6. 日期之填写应先月后日,签名时必时写上具体时间(含时钟与分
钟)
7.检验人员必须依照检验规范上的要求项目及参数标准执行检验判定与
记录;
8.检验人员必须确实核对各项检验结果,审核人员针对各字段审核清楚
后再签名,对于检验结果符合规范则允收,如有超出规范依不良品作业流程处理;
9.所有的质量记录必须具有追溯性.(工令单编号、D/C等)。
表单测试的常用测试点
表单测试是软件测试中的一种常见测试类型。
在表单测试中,测试人员需要关注以下几个常用测试点:
1. 数据输入验证:测试人员需要验证输入的数据是否符合要求,例如数据类型、数据长度、数据格式等是否正确。
2. 数据输出验证:测试人员需要验证表单中输出的数据是否正确,例如输入一些数据后,表单需要输出一些计算结果,测试人员需要验证这些计算结果是否正确。
3. 界面测试:测试人员需要验证表单的界面是否符合要求,例如界面布局、字体、颜色等是否与设计要求相符。
4. 安全性测试:测试人员需要验证表单的安全性是否符合要求,例如表单是否能够防止恶意攻击、SQL注入等安全问题。
5. 功能测试:测试人员需要验证表单的各项功能是否正常,例如提交数据、保存数据、检查数据等是否正常。
6. 兼容性测试:测试人员需要验证表单在不同的浏览器、操作系统、设备上是否正常运行。
7. 性能测试:测试人员需要验证表单的性能是否符合要求,例如表单在大量数据下是否能够正常运行、响应速度是否满足要求等。
以上是表单测试中常见的测试点,测试人员需要根据实际情况进行测试,以保证表单的质量和可靠性。
- 1 -。
有很多设计糟糕的表单,不管你是否喜欢他们,表单都是必不可少的。
Joe Leech (cxpartners负责用户体验的)将介绍其在表单设计上的一些经验。
估计没有什么比表单更让设计师出气了。
表单不一定可以让(设计师)表现创意,还是可以?我们可能需要从做基本的层面,重新审视表单,理解表单——表单是用户和软件之间的对话。
忘掉切换啊,点击什么的,表单是我们数字设计师(我想应该是依赖计算机进行设计的设计人员)将面临的最富有的交互。
下一次,你要对付一个表单的时候,不要认为就是要应用好看的CSS效果或是添加漂亮的jQuery特效。
表单设计的水是很深的。
我已经做过上百个表单用户测试,为保险公司、假期预订交互设计过一些非常复杂的表单,以及其他很多。
可能你最近使用的某个表单就是我设计的。
下面这些经验教训,我希望在我开始设计表单事前先学会之。
1. 不要标记必填字段你知道小星号(*)就表示必填字段?我已经见过很多次因为这个用户测试失败。
作为概念来讲,必填字段没有多大意义,等同离线(这个概念)。
对于开发者,这个是很好的,他们提供了一个很好的黑白方式去完成。
星号以及必填字段(导致表单完成)失败是因为他是个需要学习的行为。
在用户测试中我看到的典型行为是用户在(表单)上面填写表单,结束于某个东西阻止他们时候或者他们碰了某个按钮。
解决方法很简单,可选字段标记,优质用户需要驻足思考是否要填写的字段处标记。
译者注:从原文评论来看,这一段是争议很大的一个地方:是必填字段标记呢还是非必填字段标记?本文作者语法以及用词上有些怪怪的,加上缺少必要的示例,所以这段译文(虽然中文)理解起来并不顺溜,我个人觉得作者的结论应该是正确与合理的(毕竟做过大量实际用户使用的测试,比设计师或开发者的冥想要靠谱多),但是,在原因的阐述上显得单薄了点,也可能是因为自己(指译者)这方面了解不深。
按照作者的解释,单纯使用(红色的*)星号标注必填字段有一定的学习成本,会让用户有学习负担,反而增加出错几率。
―必填选项的概念类似于离线概念‖,我想可能意思指:我们平时访问网页,基本上都是处于在线状态(虽然HTML5有离线访问)(我们没有必要专门在页面上弄个符号(eg. ※)表示当前页面在线),因此,对于网页而言,离线这个概念就意义不大;同样的,表单选项基本上都是需要填写的,特意的使用某个符号标示这个必填的也是多此一举没有多大意义的概念。
我们或许过多地站在开发者以及软件测试人员的角度去看待表单设计了,如上面提到的―开发者的黑白方式‖,因为我自己也是开发者,所以对于―星号是必填,没有星号选填‖很容易理解,但是,实际用户是这种思维习惯,是这样想的吗?软件测试人员也是作为极端作恶用户(非上面提到的优质用户)去使用表单,一些站在自身角度的认知确实会让我们对表单有经久的错误认识。
至于最后的用户表单完成终止我想可能只指:对于大部分正常使用用户,其表单填写行为终止为被动阻止或主动点击按钮。
所谓被动阻止,可能包括即时的错误提交;主动点击按钮可能包括点击按钮提交等。
为寻找案例,我去了企鹅微博绑定注册页面,发现,其表单所以选项都没有必填字段的提示,所有的必填提示均出现在表单提交之时(即―用户触碰了某个按钮‖―某些事件的阻止‖),这些都是我比较赞同的——相对比于有些落后(指注册交互)的携程、点评之类,例如携程注册每项都必填,红色星号显然多余;为空必填即时提醒容易中断用户操作,实际是稍稍落后于趋势可以进一步优化的体验。
下面两张截图以腾讯微博注册页面为例分别演示:阻止用户填写表单的事情,以及―不标记必填字段‖。
这里所有字段都是必填的2. 不要使用微调HTML5近来春风得意,其提供了很多足以亮瞎双眼的工具用来把玩。
我们需要好好思考我们的新玩具是否得当。
现在的数字字段(指类似type=―number‖的input框)都提供了小小的上下小尖角运行用户来回调数值。
现在有两个问题。
首先,浏览器默认显示的小三角真不是一般的小,点击很繁琐,你还可以想象加菲猫般的手指在iPhone上挣扎的情景。
这就是所谓的费茨法则(Fitt’s Law,人机交互重要法则,其最基本的观点就是任何时候,当一个人用鼠标来移动鼠标指针时,屏幕上的目标的某些特征会使得点击变得轻松或者困难。
目标离的越远,到达就越是费劲。
目标越小,就越难点中),越小的东西越难点中。
我好想听到你在叫嚣了:你可以直接在数字文本框中键入数值啊。
是的,你可以,但是,让我们看看浏览器的显示,向上向下的微调箭头使得文本框长得很像我们信赖的朋友(下拉)选择框。
首次使用微调交互的用户(因为长得像下拉框)认为他们不能键入(内容)。
我的建议是避开知道它们(指微调表单元素)变得更普遍,或者浏览器开发者整改默认设计。
3. 只有一种按钮类型或最好每个表单就一个按钮还有一个鲜为人知的心理学原理,叫做―希克法则(H ick’s Law)‖,基本观点是当选项增加时,人们下决定的时间就会增加。
我知道,这不是rocket science(电影,是关于青春期焦虑的喜剧佳作),但仍是值得铭记于心的规则。
你可以通过帮助你的优质用户做选择来帮助他们。
让所有的基本按钮都是一个颜色,每页都只有一个按钮(非基本按钮)来帮助他们做选择。
哪个按钮是我应该点击的呢?哦,很简单嘛,那个大大的色色的按钮!4. 大块区域我之前是学神经科学的,因此研究过心理学记忆——特别是短期和工作记忆。
现在当面告诉你,不,短期记忆能力不是7+/-2,4+/-1或是人说三五句话,作为人类的我们擅于处理视觉刺激,局限是数目越小我们做得越好。
将表单块分成更小的组可以让评估更容易,往往促使用户进入表单(的东西)来自他们的记忆。
请确保你的字段组长度大约为4。
译者注:我是彻底相信作者就是学神经学的,人总是某方面有问题的时候就是学习这方面东西。
语句前后不通,无图无示例,生涩难懂,只能认为是英文中的文言文了,又是坑爹的一段,折腾死我了!阿门阿门。
本着服务大众的精神,我根据自己的理解把这段详细解释下:首先要大致知道这里的―短期记忆(short-term memory,STM)‖是什么东西,1974年,―短期记忆‖概念被―工作记忆(working memory,WM)‖所代替。
工作记忆指的是一个容量有限的系统,用来暂时保持和存储信息,是知觉、长时记忆和动作之间的接口,因此是思维过程的一个基础支撑结构。
Baddeley提出的工作记忆包括三个部分:基于语音的语音环。
主要用于记住词的顺序。
视空图像处理器。
重要用于加工视觉和空间信息。
类似于注意的中枢系统。
主要用于分配注意资源,控制加工过程。
因此,作者所说的―短期记忆能力不是7+/-2,4+/-1或是人说三五句话‖是指短期记忆不(只)是用来记住计算值(基于语音1,心中有声音),或是刚刚说过的几句话(基于语音1,嘴巴有声音),还包括人类擅长的视觉加工处理(视空图像处理2),但是不足在于数目有限制,下面这个例子有助于理解这里所说的限制:拿回忆一个新的七位数的电话号码举例。
对大多数人来说,它通常只有六到七个数字。
换句话说,工作记忆的能力是有限的。
某些脑损伤的病人除了他们听到的最后一个字母外,别的一概回忆不起来,但他们的意识却正常。
因此,作者才要求表单块状区域化(便于视觉记忆–短期记忆),同时控制数目在4个左右(多了会超出工作记忆的能力)。
5. 想想你为何对某事抱有疑问,对于用户感觉又如何这可能是我给出的最直接的建议,但经常是利用率最低的。
见下图:质疑你提出的每个问题。
有必要吗?那是什么感觉要问这个?很多业务需要问问题,作为设计师的我们可以争得面红耳赤(原文说的是争得脸都蓝了)。
有必要提这样的问题,对于了解我们的业务需要这样可以让我们妥协的数据(译者:我想应该指问问题得到的数据)。
我们可以通过告诉我们的优质用户我们为何需要问那样的问题再帮助它们。
放心的使用和数据共享通常都是好的。
再次示例:仍是一个艰难的提问,但是希望我们尝到了药丸的甜头。
译者注:作者又在说些有的没的的,唉~~ 实际上作者意思应该是:我们要帮助用户(站在用户角度,自己作为用户)提问,同时,显示告知用户想知道的答案。
下图为译者的补充截图:6. 日期是个不安分的家伙输入日期确实是个挑战,有些缺陷你可以避免。
单一的最大问题是错误的处理。
最简单的方法是浮出日历。
值得注意的是在英国一周开始于星期一,而在美国则是星期天。
如果你的用户注意力不集中,他们可能选择星期天,而实际上他们本想选择星期一的。
同样需要注意的是国际日期的格式。
在美国,最开始的是月份,而在日本,最前面的是年份。
因此,日期4/5/12可以以三种方式解释。
这就是为什么最好使用选择框。
下图为译者补充截图(还是企鹅微博注册页):7. 表单是开发者的工艺品与设计师一样,表单也是开发人员的工艺品。
了解输入数据可能出现的错误以及设计应付的后端代码是一项挑战(译者:算是对开发人员的赞许,有戴高帽子之嫌,哈哈)。
下面很简单例子。
输入货币值。
用户可能犯很严重的错误。
迫使用户满足某种特定的格式会让用户沮丧,让我们来正视它,这是开发人员这边的偷懒(译者:作者应该认为,对于开发人员而言,匹配固定格式比各种形式都匹配要轻松些,因此,迫使用户满足特定格式是开发人员的一点懒惰)。
对于开发人员而言,没有什么挑战好过构建防弹表单(指防御能力很强的表单)了。
译者注:我想这部分应该是写给开发人员看的吧,意思是说,为了更好的用户体验,你们开发人员不要偷懒,要多辛苦点。
然后再用―构建固若金汤的表单‖是很有挑战很有成就感的事来激励开发人员~~8. 不要在表单中使用垂直分栏(列)在表单中使用列的最大问题是流动。
表单开始于上面,结束语底部,而列的出现会打破这种流动。
不要假设用户通过标签访问表单,而因此以列的形式导航表单。
在用户测试中,这种情况是罕见的。
大部分情况下,我们看到的是:输入细节,使用鼠标/触控板/手指点击进入下一个字段,然后再输入内容,等~~9. 一个输入框可以搞定的时候就不要使用两个大部分用户不是盲打,在用户测试中,我们可以看到人在输入内容时候都要看键盘。
当要往表单中输入电话号码的时候,会要求添加区号和电话号码,哦,问题来了。
用户看不到,或确实记不住这儿有两个输入框,结果第一个框输入了完整数字,如果这个文本框限制了一定数目的字符限制,问题就更糟了。
电话号码就使用一个字段,同样的,门牌号/街道什么的都是如此–只使用一个文本输入框。
10. 友善点你会惊讶到底有多少相当粗鲁的错误消息出现在这里或那里。
下面是我最近碰到的一个例子:事实明摆着你可以选择一个未来时间,结果出现了滑稽的反应,恩,不太好。
你作为用户设身处地想一下,作为用户,看到这个错误提示会有什么反应。
恼火?或许更糟糕。
亲切友善是容易的。