在提高可用性的建议中，如何优雅、清楚的告知用户哪里出错了是非常重要的。当然，如果能够一开始就避免他们犯错是最好的。

在讨论用户错误时，一个重要问题是在什么情况下指出用户的错误。「用户错误」这个词似乎暗示用户做错了某些事情，但不仅如此，设计师也犯下了错误，因为他们让用户轻易的做出了错的行为。所以，解决用户错误的方法不是指责用户，让用户再认真一些，或者给他们更多的指导练习，而应该是重新设计软件，让犯错变得困难。

两类用户错误

在讨论如何避免犯错之前，有一个很重要的概念要明确一下：用户错误分为两种，一种是「失误」，一种是「错误」。

失误就是用户想着做某事，却最终做了另一件事（通常是非常相近的事）。举例来说，打字时想按「O」键，却按到了「I」键，或者不小心把洗手液当做牙膏涂在了牙刷上，这些都叫做失误。失误通常发生在用户处于一种「自动」模式时，这种时候他们的注意力并没有集中在手头的事情上。

错误则是用户的目标并不能帮助解决当前的问题或者完成任务，如果他按照设想中的目标一步步的做下去，最后只能是一个错误。举例来说，如果我误将油压指示灯当成了轮胎气压指示器，那么无论我往轮胎里充多少气，都不能解决车没有油了这个问题。这就是一个错误，因为我想做的事情其实并不能帮我解决问题。错误是有意识的，通常是用户获得的信息不完整或不正确导致的，这样他们就会产生一个与实际情况不符的错误思维模式。

这篇文章将重点讨论如何防止无意识的「失误」。

防止失误的常用方法

失误通常发生在用户对目标很熟悉的情况下，他们知道怎么做，但却意外地出现了问题。通常来说，如果我们对某件事情已经很熟悉了，我们不会全身心地注意这件事，结果就可能出现一些「失误」的情况。因此，很讽刺的是，失误通常发生在专家型用户身上。专家用户非常熟悉这一套软件，不像新手们还在学习摸索如何使用，这样就会放松了警惕。

避免失误的方法是非常柔和的引导用户，帮助他们一直处于正清的状态下，减少他们犯错的机率。提醒用户保持必要的注意，并鼓励他们检查错误。

1. 让限制条件协助用户

限制用户的选择不一定是好事情，但如果某件任务的规则很明确，我们就应该对用户做出清晰的限制。

举个例子，在订机票的时候要选择旅行日期，有几项条件就有着明确的填写要求。一个最简单的规则就是返程时间不能早于出发时间。如果我们允许用户随意选择时间，那么他们就可能因为疏忽而填错。好的限制规则可以帮助用户知道填写内容的范围和建议。

△ 西南航空的航班日期选择界面

西南航空的日历选择控件会自动限制用户可选的日期范围，这样就可以防止他们选择出不合理的时间段。即使用户试图把返程时间设置到出发时间前，页面也会强制要求重新选择出发时间。在此之上，日历中巧妙地使用了颜色来暗示哪些日期被选中了（图中蓝色的指出发日期），这可以帮助用户直观的了解自己选择的时间范围。

2. 提供建议

和限制一样，提供有效的建议也可以让用户减少失误。在一些提供很多商品的网站上，搜索是很有效的检索方式。然而，用户输入的内容可能是不准确的，尤其对于触屏更是如此。既然你不能阻止用户输入错误的字母，那么就应该在错误发生前，让用户边输入边看到搜索建议。

提供搜索建议也可以帮助用户避免「回忆」，不用回忆出全部的拼写，只需要识别出建议中哪些是自己需要的商品就可以了。

△ 亚马逊的搜索预测建议

对于用户来说，记住「Etymotic」这个耳机名字，然后输入到搜索框中搜索，是一件很难的事情。亚马逊的可点击搜索建议可以在减少用户的输入量，降低他们犯错的风险。

3. 正确的选项默认值

另一个很有帮助的方法是设定正确的默认值，尤其是用户需要做重复的动作，或者需要精确数字的时候。首先给用户提供一个默认值，然后让用户再修改它们。比如在一个提醒app中，有一些预设的选项，比如「明天」、「下周」、「一小时后」等等，这些预设可以防止用户输错日期或时间。如果聚餐提醒晚了一整天，那这个提醒就一点意义都没有了。

△ 谷歌的待办事项（Inbox）中的「小睡」功能

谷歌的待办事项app中，你可以让一个email「小睡」一小会，一会再提醒自己。这个预设的选项很合理，避免了常见的输入错误。

好的默认项也可以帮助减少错误，因为用户可以通过默认值了解到应该填什么样的数据。

4. 对用户宽容一些

有些任务确实需要用户提供非常精确、详细的信息，但强迫人们以特定的格式来填写并不是一种好的方式。如果你一定要用户填写这类复杂的表格，确保表格的内容是易于填写者检查的。

举例来说，在填写账户注册表格的时候，往往要求我们必须填写手机号码。然而对于很多用户来说，记住一长串数字是很难的，所以美国以及很多其他国家会将电话号码用空格或者短线分割为「(777)555-1212」的形式。这样数字就变成了一个个小块，更容易被记住和看懂。

如果你的网站的数据库不允许在手机号中存储非数字字符，那你就更应该让用户避免输错。一个解决办法是让用户以自己熟悉的方式输入，避免强迫他们用其他形式填写。在用户填写后我们应该在后台自动处理内容，去掉不合适的字符，而不要因为用户多输入了一个空格而阻止他继续操作。

更好的方案是在用户输入的过程中自动将其输入的内容格式化。如Uber的注册页，当你开始输入时，电话号会自动在相应的位置添加括号、短线，同时还会忽略非数字。这样可以帮助用户明白自己应该输入什么类型的内容，也帮助用户更方便地检查自己已经输入的电话号。

△ Uber的注册表单

Uber会自动将用户输入的电话号进行「格式化」，这样在人们输入完成后，可以更容易地进行检查。

总结

失误是一种常见的错误，往往发生在用户的注意力没有完全集中，或是记错了某些事情的时候，帮助用户避免这类错误是降低负荷的重要方法，在需要填写详细资料的时候要做好相应的引导。

想象一下你的老板给了你 10 万张无标签的图片，并要求你将它们分类为凉鞋、裤子、靴子等等。

现在你有一大堆没有标签的数据，你需要为这些数据打上标签。你该怎么办呢？

这个问题是司空见惯的。许多公司都在数据的大海里遨游，不论是交易数据、物联网传感器产生的海量数据、安全日志，还是图像、语音数据等等，这些都是未标注的数据。

用这么少的标注数据，对于所有企业中的数据科学家来说，建立机器学习模型都是一个单调乏味的过程。

以 Google 的街景数据为例，Gebru 不得不弄清楚如何用很少的带有标签的数据为五千万张图片贴上汽车标签。

在 Facebook，工程师们使用算法来标注 50 万个视频，这个任务使用其他的方法需要花费 16 年的时间。

这篇文章将向您展示如何用一个下午的时间标注数十万张图片。无论是标注图像还是标注传统表格数据（例如，识别网络安全攻击或可能的部件故障），都可以使用同样的方法。

手工标注的方法

对大多数数据科学家来说，如果他们被要求去做某件事，他们首先会想一想有没有其他可以替代的人去做这件事。

但是 10 万张图片可能会让您在 Mechanical Turk 或类似的其他竞争平台上花费至少 30，000 美元。

你的老板期望以较低的代价来做这件事，因为毕竟，他们聘请了你。现在，除了你的工资以外，她没有其他任何的预算（如果你不相信我，请去 pydata）。

你深吸了一口气，想了一下你可以在一个小时内标完 200 张图片。所以这意味着在三个星期内不停地工作，你就可以标完所有的数据！哎呀！

建立一个简单的模型

第一个想法是标记一部分图片，用它们训练一个机器学习模型，然后用来预测剩下的图片的标签。

对于这个练习，我使用的是 Fashion-MNIST 数据集（你也可以用 quickdraw 来制作自己的数据集）。

有十个类别的图像要我们去做识别，下面是它们的样子：

看到这个数据集我很高兴，因为每幅图片都是由 28×28 像素组成的，这意味着它包含 784 个独特的特征/变量。

对于我要写一篇博客文章来说，这些特征很好，但是在现实世界中你是绝对看不到这样的数据集的，它们往往要么窄得多（传统的表格业务问题数据集），要么宽得多（真实图像要大得多，而且由不同的颜色组成）。

我使用最常见的数据科学算法来建立模型，包括：逻辑回归，支持向量机（SVM），随机森林和 Gradient  Boosted Machines（GBM） 。

我根据它们在 100、200、500、1000 和 2000 张图片上的标注效果来评测它们的性能。

如果你看到这个地方了，那么你应该放慢速度，仔细研究一下这张图。这张图里有很多好东西。

哪个算法最好呢？（如果你是一个数据科学家，你不应该为这个问题而困惑。）问题的答案其实取决于需求环境。

站长之家注：本文已获得腾讯全媒派授权。

巨头们迷恋的个性化定制资讯，几乎已经可以精准预测你想了解的人物，感兴趣的页面和你应当了解的当地资讯。哪怕再指责他们窥探用户隐私，你也无法阻止它看到你的喜好，甚至你的财富和情绪，可怕的是，你戒不掉互联网的瘾，它也戒不掉窥私瘾。

问题是，算法在让这个世界越来越方便的同时，是否让我们的信息环境变得更好呢？或许是有的。本期全媒派（ID：quanmeipai）就来聊一聊，不断演进的算法如何改变了我们的信息环境。

算法下的智能媒体环境

不得不承认的是，推荐算法已经成为当下信息环境中不可回避的一个部分，而这些不断调整的算法，的确帮助我们更好地与互联网相处。

Facebook

信息流中增加本地新闻比例

2018 年起，Facebook开始在信息流中加大力度打击假新闻，同时更强调社交属性，宣布加大朋友分享和优质新闻源的出现比例，后又更新本地新闻比例，推荐更多朋友点击或将本地媒体发布的新闻推荐到用户首页。目前，这一系列策略已在美国推行，今年将推广到更多国家。

扎克伯格宣布 2018 年的更新动作

此外，Facebook还加入了Today In板块，目前已进入内测阶段，新奥尔良、小岩城、比林斯、皮奥瑞亚、奥林匹亚和宾厄姆顿六大城市的用户可以率先使用本功能，接收更多本地媒体资讯和当地官方发布的紧急消息。

Today In内容

新的算法采用了机器学习技术，当地媒体经由Facebook新闻合作组许可审查后，其报道能够登上Today In，在当地用户中获得更大阅读量。

扩大本地新闻在信息流中的比例也同样如此，这一举措对当地媒体或小众媒体是件好事，更集中精准的曝光量，有助于本地媒体，尤其是专注体育、艺术、情感报道的媒体巩固与读者的关系。令人欣慰的是，哪怕中心转变，它依然会继续打击假新闻、误导性报道、钓鱼新闻、情绪性新闻和不可信账号。

事实上，本地新闻（local news）属于Facebook在 2016 年特朗普意外当选美国总统后推出的新闻计划之一，其它的还有在信息流中加入突发（breaking news）和争议（disputed）标签，用技术手段控制假新闻的传播。

在信息流中加入突发标签

争议标签

在设计系统中字体的重要性不用再多说，这篇文章主要和大家聊聊设计系统中「完美」的字体系统是如何搭建与维护的。本字体系统的定义大量参考了 Ant Design 的定义过程与设计成果，在此由衷表示感谢。

Ant Design 链接：Ant Design – An UI Design Language

先来简单看看设计说明：

基本上是使用 Ant Design 的字号、字阶和字重，然后重新选择了字体颜色。

众所周知，在 Sketch 中如果想要做到字体样式的复用，那么必须采用字体共享样式。而为了保持字体系统的可用性，维护组件与设计的可用性，必须确保字体样式能够覆盖所有的使用场景，这样才能够使得每次使用的字体都与共享样式关联上。

将所有字体可能使用的四个参数（字号、字重、对齐方式、颜色）进行排列组合，将获得 7 * 3 * 3 * （ 2 * 4 +2 * 3 + 2 ） = 1008 种样式。

如下图所示：

那 1008 种样式如何有效组织，如何合理地管理？接下来将会为你揭晓答案。

样式命名

如果上千个字体样式不进行组织规范，在落地使用时会是一个灾难。因此需要对字体样式的命名进行合理规范，保证现有 1008 个样式能够被轻松使用，并使其具有良好的修改能力与扩展能力。

经过一番探索后，我从字阶、字重、对齐方式、字体颜色、字体类型五个参数组织字体样式的命名。命名的次序如下：

字阶、字重与对齐方式是任何字体系统中通用的参数，从可用性角度考虑，将字阶作为第一位参数，字重作为第二位参数，对齐方式作为第三位参数。

因为不同的字体系统将会具有不同的颜色，从可扩展性角度考虑，将颜色作为最后一位。

字体类型实际上是通过不同颜色来区分正文、标题或者提示，因此将其作为颜色的子级，作为可选项。

同时为了保证字阶、颜色、字体类型的次序与我们预期设定的顺序保持一致，分别为每个参数添加前置序号。

样式使用

虽然通过 5 个层级的规划有效保证了字体系统的组织，但是 5 个层级的深度将会使得样式的选择非常不便。

针对这个问题，目前有两个方面的解决方案。在选择样式方面，利用 Sketch Runner 的 Apply 功能可以快速选择样式。

快捷键 ⌘ + ‘ 打开 Sketch Runner， apply 部分可以直接对选中图层赋予样式。

输入每个层级的首字母（大小写均可），将快速筛选出对应的样式。按下回车即可应用样式。

温馨提示：在 Sketch Runner 中将 Always open with 的选项改为 Last ，每次开启 Runner 将会维持上一次使用的标签。这样便于多次的样式修改。

另一方面，在 Sketch 中任意一个层级的样式都是可以直接选择，Sketch 将默认采用后续层级中的第一个样式。因此通过重命名把默认最常用的「左对齐」、「黑色」与「Primary 类型」的样式置于顶端。后续使用时可直接点击第一层级的字体样式。

样式修改

一个设计系统的难能可贵之处在于它的扩展性、修改能力。如果整个系统没有办法很好的响应使用者的需求，根据使用者的需求进行自定义，那么随着时间的流逝和需求的增多，这个设计系统就会逐渐失去使用价值。

因此在一个字体系统中，如何高效的修改字体样式，将会是一个非常重要的部分。这里的使用指南，它将赋能设计师更高效更轻松地支撑更多的业务场景。

字体与颜色

在本字体系统中颜色与字体是最容易修改的部分。需要修改所有的基准字体，只需要全选「字体接口」画板中的所有内容，修改字体点击同步样式即可，字重会保持不变。

颜色修改也是类似，全选对应颜色的字体单元，修改颜色，点击样式的同步按钮即可。

注：字体单元指代一组包含完整字阶与对齐样式的字体布局，为下图蓝色矩形框所示。

字体类型

理论上文字类型的修改和颜色的修改应该一致，但是文字类型是不透明度的不同，如果直接修改 HEX 或 RGB，往往会把不透明度覆盖掉。一种做法是「查找/替换颜色」。（ sketch 48 的特性）利用该功能可以轻松替换颜色，且不影响不透明度。但是这个功能会全局替换，可能会影响不需要替换的颜色，所以并不推荐。目前仍然采用一组一组手动替换的方式。

字阶、字重

通过「图层筛选」功能筛选字阶或字重。选中后修改对应的字阶或者字重，点击同步。要修改几处，就重复该操作几次。或者使用 Automate 插件的 Replace Font 功能。

一篇微信推文写好推送。

首先最影响阅读量的是什么？

答案会不一样，但大多数人都会很快回答：

标题。

那第二影响阅读量的是什么呢？

答案会更加的众说纷纭，在某些情况下，我的回答是：

文章开头。

要知道，不是用户点击标题了就会认真看你的文章，绝大多数时候，都不是！

他可能正在和朋友说话、可能正在吃饭、可能在看电视、可能走在路上……等等，反正他是心不在焉的，注意力并不集中。

如果你把宝压在用户会马上非常认真看你的文章，那很可能会是一次失败的投资。

所以说，文章开头非常重要，他能让用户真正进入到文章里面来，激起他阅读下去的欲望，让他抛开其他事情，注意力更多的放到文章上来。

而一旦开头开好了，那就直接能够影响文章阅读量、阅读率，然后也会影响涨粉（都不看完怎么会关注）、并且也间接影响了用户互动和内容收益。

so，如何去写好公众号文章开头呢？

这里老贼和大家分享几点我的思考。

1、与“我”有关

读者一般会对什么东西感兴趣？首先肯定是与他相关的了。

没有哪个时代比这个时代更关注“我”了，自我、个人、有性格一直是这个时代的特色标签。

所以，第一秒就要让读者发现，你的文章内容是和他相关的，是他关心的。不相关的事情太多，他可能就没有那么多时间一个个去看。

人们永远都会关心与自己相关的事情，他们是不会在乎你讲的其他内容。所以，要想你的文章内容马上吸引他，“与他相关”肯定是个不错的选择。

有一项对人大脑的研究也发现，大脑中有一个叫海马状突起的东西，会自动筛选和过滤我们接收的信息，而那些与自己密切相关的，或形成反差的信息往往能通过筛选。

其他的，直接自动被过滤了。

尽管读者是通过你的标题，经过“海马状突起”筛选一遍才点击的，但文章开头的时候它还是会再次筛选一次，非常多的文章就是在这里被过滤了。

所以，不管是公众号文章，还是我们的广告、视频、声音，你可以首先突出与“他”相关，多使用你的目标读者关注圈内的信息或熟知的场景。

2、浓缩精华

如果你的文章比较长，或者没有那么容易理解，再或者读起来并没有那么激动人心，那么可以在文章开头就对文章核心点进行简要概括。

通过浓缩精华，让读者提前有预期。

比如可以在开头做好文章内容框架，让读者阅读理解更轻松；可以概括全文要讲的内容，为什么讲，看完能得到什么；可以提前概括每个部分内容，读者可以选择性阅读……

举个例子：

李叫兽：《改变消费者的说服文案，有且只有以下 4 种》

李叫兽的文章一般会比较干，所以他也会经常就在文章开头进行简单概括，并且在结尾的时候也会再次总结。

3、描述读者痛点，戳中读者要害

这个是存在非常久的一个开头形式，文章开头就抛出广大人民的痛点，激发兴趣，然后给出建议或者解决方法。

在互联网大家应该经常见过这样的，比如：

公众号不会涨粉，哎呀，痛！怎么办？

产品没有用户没流量，哎呀，痛！怎么办？

AI要取代人工了，哎呀，痛！怎么办？

广告50%的费用都浪费了，哎呀，痛！怎么办？

这样的文章一般结构基本符合《金字塔原理》中提出的SCQA结构，也就是：

• S：situation(情景)，由大家都熟悉的的情景和事实引入，联想到自己的处境；

• C：complication(冲突)，实际情况往往和我们的目标有许多冲突，这样不行那样也行不通，这里痛点就出来了；

• Q：question(疑问)，怎么办？

• A：answer(回答)，我们的解决方案是 …

这就是一个很常用的文章写作套路，很多演讲、广告、培训也都是这么做的。

前提就是构建出读者的痛点，让他欲罢不能！

举个例子：

张德芬空间：《亲爱的，请不要成为伴侣的“存量包袱”》

这里张德芬老师就是在文章开头就构建了“家庭主妇”这样一个群体的社会痛点，相信这个群体的人或与之相关的人看到了，肯定会继续读下去。

这其中也包含了一个技巧点：“划分人群”，这一直是构建用户痛点的一个有效手段。

一般来说，无论是C端产品还是后台产品，我们在设计的时候都不可避免的会接触到设计表单页面的时候。尤其是后台产品，可以说大部分内容的生成都是一个个表单页面堆叠而成的，所以设计好一个页面对于一个后台产品来说可以说是十分重要的。

然而我们在设计完之后，信心满满的交给开发时，却时不时的会让开发怼来怼去：“这个字段的限制没办法做啊”“这个数据量这么大，要不要做分页啊”…，此种情况，不胜枚举。

所以为了让我们心中有底气，在设计每一个表单字段的时候，除了一些需求上的问题，即此字段需不需要出现，字段名称及填写内容是什么之外，对于某一个字段的客观限制，我们也应该有个标准。

这个时候，有一个表单页面字段的自审单就十分重要。我们在设计完一个表单页面之后，按照自审单将自己的页面重新审视一下，查漏补缺，无论是以后对于开发的沟通还是产品的完整性都是十分重要的。下面，我想说一说自己设计表单页面时候的自审单。

我把表单字段的类型分为了两种：一、输入型字段;二、非输入型字段。当然，有时候我们可能也会遇到既是输入又是非输入的字段的时候，如果有此情况，将两者按照页面的自身情况合并即可。还有一些情况是输入型字段与非输入型字段都会遇到的共性问题，这些都需要我们去考虑。

一、输入型字段自审单

我认为，在设计输入型字段的时候，我们需要考虑的有以下几个问题：

1. 字段数据类型限制。
2. 字段输入长度限制。
3. 字段输入格式限制。
4. 单行文本输入框还是多行文本输入框。
5. 输入项是否有验重设置。
6. 字段输入内容是否可以通过其他表单字段进行计算。

1.字段的数据类型限制

严格意义来说，需要考虑这个问题的应该是开发，但是作为产品经理的我们如果可以在一开始就把字段的数据类型考虑清楚，无论是后面开发还是我们对整个产品的把控都会更上一个台阶。

字段的数据类型基本上可以分为以下几种：布尔型、字符串、整型、浮点型、数组、对象等。不同的开发语言数据类型可能会略有差异;同时有些数据类型可能也会拆分的更精细一些，比如一些语言浮点型会有单精度和双精度之分。但是对于我们在设计表单页面中的字段时，一般来说只需要了解布尔型，字符串，整型、浮点型即可满足设计上的一些需要。

布尔型：值只有两种：true/false。即是与否。这个一般用于非输入型字段的填写。需要选择某个字段的是否，或者有些开发在用到只有两个选项的选择时也可能会用到。

字符串：字符串可以理解为我们输入字符的一个集合。可以是字母，汉字，符号，数字等。一般来说我们在设计的时候字符串也是用到最多的时候。从某个意义上来讲，输入型的字段一般都可以通过字符串来存储。只不过由于存储所占空间的大小等原因不可以这么操作。

当然，对于不同的数据库来说，不同的输入长度所采用的字符串类型也不一样。比如MySQL中的CHAR类型，最多可存储 255 个字节，VARCHAR最多可存储 65535 个字节，当然，其所占的空间也不同。如果我们可以了解一些数据库中设计表的知识，肯定会更好。

• 整型：即整数类型，不同的数据库有对应的整型类型限制其存储范围，比如TINYINT和SMALLINT。
• 浮点型：一般来说分为单精度和双精度。

在了解了以上的一些知识之后，我们就可以根据字段的具体需求来确定其属于哪个数据类型。从而从容的设计出表单字段。

2.字段输入长度的限制(最大最小值)

在我们了解了什么叫做数据类型后，接下来要考虑的就是字段长度的限制。其实，这个应该是属于数据类型的一个拓展。因为在你设计了它的长度后，开发会根据其长度选择选择一个数据类型的类型去进行存储。所以我们在一开始就将其长度想好无论是对于业务需求来说还是数据库的表设计都是十分有益的。

比如我们需要想好这个字符串的长度最长可以输入多少位;数字最大可以输入多少;小数点后保留几位小数;时间与日期是从何年何月何日开始的，最大又可以到何年何月何日。

以MySQL为例，不同的数据类型的存储范围大致为以下情况：

(1)整型

(2)浮点型

(3)日期型

(4)字符串类型

了解数据库的数据类型，可以让我们在设计字段时大致了解到这个长度可以用什么样的数据类型进行存储。尤其对于一直阈值的判定等都有很大的用处。

3.字段格式限制

在设计表单字段时，往往一些对于一些字段的输入格式有所限制，最典型的为输入手机号、身份证的格式。这些对于开发来讲一般是用正则表达式进行匹配的。比如可以输入的特殊符号是什么。首字母必须填写什么。不可以填写什么等等。所以我们设计表单页面，如有遇到特殊填写规则的时最好可以清晰的写清楚。

当然，如果有能力的话，我们也可以了解一下正则表达式的书写规则及原理，知其根本对于我们在设计时肯定是有好处的。菜鸟教程的正则表达式教程写的还不错，在此简单进行一下推荐。http://www.runoob.com/regexp/regexp-tutorial.html。我们并不需要学的多好，只是简单了解下，在设计字段的验证时带着目的性去看一下即可。

4、单行文本输入框还是多行文本输入框

在前端书写页面时，单行文本框即type属性设为text的input标签，多行文本框即textarea。这个对于一些字段规则来说也是可以提高交互体验的。比如我们在写一个信息备注的时候，可能就需要一个多行文本框，而填写姓名的字段一个单行文本输入框即可。

5、输入项是否有验重设置

这个设计一般我们会在注册一些网站的时候用到，比如当你注册网站输入手机号时，会提示你“该手机号已注册请直接登录!”，这时就是用到了验重处理。我们在设计表单页面的时候，必须要考虑到的就是这些。一般来说，验重设置多见于名称，手机号，身份证号等进行区别标识的填写，我们在设计这些字段时要注意是否需要验重。

6、字段输入内容是否可以通过其他表单字段进行计算

有时候，一段字段可以与其他字段计算得出，这个时候，我们就无需让用户进行填写，只需根据规则将其自动计算出即可。比如，写了一个单价，下文有数量，那么应收用单价*数量即可。在应收栏目就没有必要让其填写了。

当然，这个例子比较简单，实际我们在进行设计的时候，情况会比较复杂，我们往往都拿不准这个是需要计算的还是需要填写的，或者是误设计为填写字段了。这个时候，就需要设计者对自己的产品逻辑十分了解，每个字段的意义必须清楚。否则可能出现的就不止是将计算字段设计为填写字段的问题了。也有可能出现数据错误，计算出来的值与用户填写的值出现不一致。

二、非输入型字段自审单

非输入型字段这里指的是无需用户自己填写，通过规则列出由用户选择的字段。有时候，输入型字段与非输入型字段会有一些共性的审查项目，比如说数据类型以及是否可以通过其他字段计算出来等，但由于非输入字段更多可控，所以相对来说会有更多的限制，同时所需要考虑的情况也都会在自己的掌控之内。非填写字段这里介绍两种，一种是选择项，一种是时间日期选择器。

设计选择项的时候，我们需要考虑的问题有以下几种：

1、此选择项的展示形式：下拉框、级联下拉框、一级弹窗、多级弹窗

对于设计选择项类型的非输入型字段来说，可以通过其具体业务大致分为下拉框、级联下拉框、一级弹窗、多级弹窗。一级与多级(级联)的区别即为是否有层级关系，这点比较容易理解。所以在我们设计的时候所需要考虑的是采用下拉框的形式还是采用弹窗的形式。

采用下拉框的形式时每一级的数据条目会比较少，以我的经验来说一般不要多于 20 条，如果再多的时候，不仅交互上并不友好，而且在请求后台数据的时候，返回的也会很慢。

所以这个时候我们就需要采用弹窗的形式，通过分页来控制其长度了。相当于牺牲了操作的便捷性来进行交互的优化，同时也减轻服务器压力。当然，在设计的时候我们也可以直接在下拉框上进行分页请求，这样的设计并不少见。最终怎么设计就看设计者自己的权衡了。

2、是否支持搜索选择项

在设计选择项的时候，是否允许搜索又是一个功能点，一般只要数据过多不好进行筛选的时候都会用到搜索。这样我们可以精准的定位到自己所要选择的项目。设计搜索时，我们需要考虑的是搜索是精准搜索还是模糊搜索。

当然，更友好的方式肯定是进行模糊搜索，然后通过模糊程度的不断精细其结果也越发精准。但是有时候，我们所需要填写的项目可能是在知道了此项的具体内容后进行填写的。比如设计审批单时，选择审批人的姓名肯定是确定的，这时我们就不妨使用精准搜索来提高检索速度。

3、选择项是否可以重复选择

关于这一点，我们在设计的时候也是需要的，比如在电商系统中的报备满仓预警时，已经是满仓的仓库(即已经被选择过的)肯定是不可以再继续选择的，这种情况就是不可以重复选择。是否可以重复选择这个设计点在业务逻辑上感觉还是比较明确的，如果自己业务理的清楚，可以很清楚地设计出来。

这里，我要说一个容易被遗忘的设计点：在设计已选择的某个元素不可被其他表单选择时，在已有条目上再次修改该元素理论上是被占用的状态，所以从后端逻辑上修改时该元素时不可选状态，需设置一个状态，即修改时，此条需要改动的话所选择的是当前所选中的条目以及未被选择的条目。

4、是否与其他字段有联动操作

这点设计其实与下拉框的级联类似，当我们在其他字段中选择了某些固定项时，当前字段可能是与该字段进行关联的。我们只能选择与该字段相关联的字段。有时候，甚至为角色或者项目联动，比如固定的人或者模块可以看到不同的项目，这些就关乎权限设计的内容了，在此不多赘述。

设计这点时，我们需要考虑的是关联的两个或者多个字段是双向联动还是单向联动。如果是单向联动，那么在填写字段时就需要按照特定的顺序去填写。必须是一级一级的选择关联项。而双向联动指的是联动关系没有先后顺序，用户可以任意填写项目，与之关联的项目只需在用户选择完毕后将关联项列出即可。大多数情况单向联动与双向联动都可以用，但是前者更加注重的是逻辑性，而后者注重的是对于用户的交互友好性。

设计时间日期选择器的时候，我们需要考虑的问题有以下几种：

1、选择器的精确程度

我们在设计时间日期选择器的时候，是需要精确到时分秒还是年月日，这点需要进行考虑，比如电商CMS的抢购点肯定需要精确到秒，而签订合同合同期可能只需要精确到日即可。

2、选择一个时间段还是时间点

这一点应该比较好设计同时也比较好理解。具体业务应该也比较清晰，需要唯一一点注意的就是如果我们设计的是一个时间段。那么通过此字段进行列表筛选的时候，开始时间和结束日期，需要将其单独拆开进行一个时间段的范围筛选。比如填写合同开始结束日期是一个时间段。列表筛选时，合同开始日期也是一个时间段;合同结束日期也是一个时间段。

3、选择时间有没有时间限制

关于这点最常见的就是一般在设计时我们需要选择的时候是当前及之后的一个时间还是可以选择任意时间。另外，比如签订合同时同一个合同的开始日期肯定要大于结束日期。新合同的开始日期必须要在旧合同的结束日期之后。合同期内进行的一系列操作的时间肯定不能超出合同时间等等情况。

这样设计可以增强产品的容错性，让用户在操作错误的情况下可以及时纠正过来。

可能在设计一个字段时，我们要考虑的问题不仅仅有这些，其实我觉得我们每个人在设计表单页面的时候都需要这样一个自审单。对照着我们的产品，进行查漏补缺，让我们的产品变得更加完善。

专栏作家

执迷，微信公众号：执迷有悟，人人都是产品经理专栏作家。电商O2O领域，关注数码硬件，人工智能，新闻资讯领域。

本文原创发布于人人都是产品经理。未经许可，禁止转载。

题图来自 unsplash，基于 CC0 协议

在上篇的分享《Banner设计宝典系列!玩转 9 种最常见的设计风格》中有提到一个名词：情绪板(Mood Board)。有不少小伙伴来问：情绪板到底怎么用?

所以今天就拿我之前应用情绪板做的任务分解项目pc端的改版设计，跟大家分享在那次的改版设计中我是如何运用情绪板指导整个设计流程的。

欢迎关注作者的微信公众号：