7 种方法,帮你设计高效好用的表单(二)

2019 年 12 月 30 日

7 种方法,帮你设计高效好用的表单(二)

我们可以帮你提些建议。以下是 7 种方法,您可以通过记住我们的目标用户来设计更好的表单:


1. 了解你的用户


网络上的大多数表单都是“面向任何人,面向所有人”。这归咎于我们只想收集越来越多的数据的心态,这样反而搞得一团糟。更多注册=更多用户,但是更多的用户等于忠诚的用户吗?当然不是!


在收集更多用户信息的盲目竞赛中,我们经常破坏真实用户的体验——那些我们想要满足他们愿望的用户。所以,重要的是要知道谁是你的目标受众,为什么他们访问你的网站,以及他们想通过表单实现什么?他们想购买产品吗?或者,他们想通过电子邮件接收促销活动吗?


2. 避免收集不必要的数据


当你询问用户的个人信息时,它会在他们的脑海中升起一个红旗,他们会立即开始权衡是否应该离开或继续。例如,如果你为了成为红十字的献血者而填写一份表单时,他们要求你填写电子邮件 ID,你难道不想知道为什么他们需要你的电子邮件 ID 而不是电话号码吗?


现在,作为一名献血者,我希望通过我的电话而不是电子邮件 ID 得到通知。如果一个表单要求我提供电子邮件 ID,我会想——他们会定期给我发送电子邮件吗?该死!我的收件箱里已经塞满了垃圾邮件。我应该继续还是跳过?


因此,请仔细设计你希望用户回答的问题。如果收集特定的个人信息背后有原因的话,请在表单中明确地提到它。


3. 解释你收集个人信息的原因


诸如出生日期、住址、身体特征(如体重、胎记)、婚姻状况、性偏好、宗教、收入、社会经济状况、文化背景和教育背景等信息都被认为是敏感的个人信息。


因此,请注意你要求用户填写表单的信息。如果你向大多数用户索要过多的个人信息,他们很可能会退出表单。



但是,如果这个特定的问题对你来说是必要的,请向你的用户解释为什么你需要它,以及你将如何处理这些信息,向他们保证这些信息对你是安全的!


4. 提出容易理解的问题


网络上的每个用户都是不同的。他们由不同年龄层构成,他们浏览网页有各自不同的理由。有的是专家,有的是幼稚。因此,重要的是你的表单不会让任何人感到恐惧。


如果你使用的缩略语或地区性的术语,或是只有某个年龄段的人才能理解的,它会使人迷惑。他们要么跳过这一部分,要么回答他们认为正确的问题。


5. 编写有助于用户回答的标签


标签是标识文本字段、复选框、下拉菜单和表单中其他所有信息字段的文本他,它们指导并告知用户需要填写的信息。因此,通过它们,你可以传达你希望用户采取的操作。


因此,确保标签是用一种语言写的,即使是第一次用户也能很容易地回答问题。不过,不要写太长的句子。标签应清晰、简短。例如,与亚马逊以前的登录页面相比,目前的亚马逊登录页面的标签更短、更好。



来源:Nick Babich, Smashing Magazine


6. 将相关事物分组在一起


将相关信息分组在一个逻辑块中有助于用户理解问题流。当你对类似的信息进行分组时,用户更有可能以更好的方式掌握信息。


考虑下面的例子:在第一个例子中,每个字段都被放到用户的屏幕上,感觉有点压倒性。你会想到的第一个想法是——“我应该把全部都填满吗?”


但是,当你将信息与适当的标签组合在一起时,用户会了解他们所填写的信息是哪些部分:个人信息、与帐户相关的信息和联系信息。



7. 当用户犯错时帮助他们


当用户对特定的输入字段没有清晰的理解时,他们更容易出错。所以,重要的是不要用红色标记吓唬他们。相反,引导他们走向成功。通过有用的信息让他们知道正确的方法。


例如,当用户输入错误的密码时,facebook 可以为他们提供极好的帮助。如果他们输入的密码不正确,界面会提醒他们之前已经更改过密码。


还有许多方法可以简化表单设计。但是,实现更好的用户体验是没有任何固定的步骤可以遵循。你需要记住的唯一一件事就是——保持简短,并且很简单。用户喜欢让他们做更多的事情而不在过程中投入太多的“思考”。所以,尊重用户的时间,用户会尊重你的设计。


最初发表在 Humble Bits 上,博文作者:Quovantis


原文链接:https://medium.muz.li/7-ways-to-design-better-forms-6c4e64127bbe


本文转载自 Think 体验设计公众号。


原文链接:https://mp.weixin.qq.com/s/wcxNBmZf70b8udrrkca8rA


2019 年 12 月 30 日 18:0470

评论

发布
暂无评论
发现更多内容

2020 年 5 月 23 日 Java 集合专题

瑞克与莫迪

Java

Flask-SQLAlchemy 多表对单模型

Leetao

Python flask 编程语言 flask-sqlalchemy

k8s上运行我们的springboot服务之——cloud gateway

柠檬

k8s Spring Cloud

圆圈正义 - 读后感

石云升

读书笔记 法律 公平 现实

prometheus中honor_labels配置项的源码分析

陈思敏捷

go golang Prometheus

new() 和 make的区别

陈思敏捷

go golang 源码 源码分析

JUC整理笔记一之细说Unsafe

JFound

Java

游戏夜读 | 怎么让游戏跑起来?

game1night

RocketMQ - 什么是RocketMQ

Java收录阁

RocketMQ

我的编程之路 -5(停滞)

顿晓

网络编程 操作系统 编程之路 停滞 三年

我是如何拿下PMP认证和系统架构设计师考试的?

Nick

Dig101-Go之如何在函数内修改指针

newbmiao

go golang dereference pointer

利与弊-传统框架要不要部署在Serverless架构上

刘宇

Serverless Web

《零基础学 Java》 FAQ 之 12-理解引用

臧萌

Java

你是个伪工作者么?

池建强

个人成长 伪工作者

0 ARTS 2020-05-23

3.141516

微信小程序 vim 程序员素养 编程好习惯

python实现·十大排序算法之快速排序(Quick Sort)

南风以南

Python 排序算法 快速排序

工作=投资=创业?

二鱼先生

个人成长 工作思路 工作方式 创业心态 创业者

《零基础学 Java》 FAQ 之 10-Scanner里nextInt的小坑

臧萌

Java

区块链2.0--以太坊概述

皮卡丘的猫

Tekton 的工作原理

张晓辉

Kubernetes cicd 云原生

云直播平台的选型与使用

音视频专家-李超

Mysql增量更新-ON DUPLICATE KEY UPDATE

BerryMew

MySQL 增量更新 ON DUPLICATE KEY UPDATE

除了直接看余额,谁更有钱还能怎么比(一)

石君

零知识证明 多方计算 同态加密

Go: 应该使用指针还是结构体副本?

陈思敏捷

go golang struct 原理 pointer

看完这篇 Session、Cookie、Token,和面试官扯皮就没问题了

cxuan

https

《零基础学 Java》 FAQ 之 11-为什么构造方法中调用重载的构造方法必须得是在第一行

臧萌

Java环境搭建

编号94530

Java java8 Java环境 环境安装 jdk安装

其实你就是我羡慕的别人

小天同学

个人成长 感悟 日常思考

Go: g0, 特殊的goroutine

陈思敏捷

go golang 原理

Go: Trace包探秘

陈思敏捷

go golang 原理

7 种方法,帮你设计高效好用的表单(二)-InfoQ