手机EFO(表单优化)改善方法,降低跳出率的技巧(上)
手机表单优化技巧(上),欢迎喜欢研究UX的朋友与我交流。
你现在一定在为手机的EFO(表单优化)的而焦躁吧。
从手机的访问量与日俱增,手机的EFO也是必然的。
但是现状是不能忽视用户的使用便捷,完全像PC那样又难以输入。
以我的经验去改进手机的输入样式会减少45%的跳出率。
这次的技巧全部公开。当然对于PC部分也是可以共用的,设计最好的输入样式,希望追求用户使用的便捷。
<目录>
一.减少跳出率20条项目清单
二.手机与电脑的EFO的不同
三.观察具体网站手机EFO的优缺点
四.【扩展篇】手机EFO的扩展对策
一.减少跳出率20条项目清单
如果完成下面20条项目,很多用户就不会感到不方便。
首先要明确20条项目中的每一条。
1.不需要的信息不用输入。
通过用户输入表单去实现获取最低限度的信息是最重要的。

你想获得想要的信息不是吗?这是最应该考虑做的一点。
报名表是要求用户输入最低限度的必要信息的地方。
输入项越多越麻烦越有不信任感,用户就会不想接受这个服务。
例如电商网站的情况,生日不是必须有的。即使没有这个信息,商品也是会送到的。召开面向企业研讨会的时候“从业人数”“业界”“职务”是必须的么?
不关心用户信赖度和放心感的报名表,也不可能获得更多的咨询。
2.输错的瞬间提示出错信息
要是输入不正确的信息的时候,这个瞬间要传达给用户有错误是很重要的。
原因是,点击页面最下面的“确认”按钮的时候才出现错误会降低用户的期待。

举例说:在“地址”栏输入“啊”的瞬间提示“输入不正确”,这个瞬间错误的输入要让用户发现。
3.要是必填项未输入完整的时候不用进入确认页面
要是有未输入项的时候,不用进入确认页面,但是催促输入是必要的。
虽然有未输入项但是却进入了确认页面,导致与用户相连的紧张情绪会下降。由于相连会变得容易,离开页面是理所当然的。

也有点击“有未输入的必须项!”的按钮和提示未输入项数量的网站。
如果按“ok”,会自动跳跃到出现错误的地方。把功夫花费在这些构成网站使用便捷度的地方。
4.明白哪里是错误项
为了在发生错误时减缓用户紧张情绪,有必要很容易分辨出哪个项目发生了错误。

经常会有输入到页面的最下部的确认按钮才会去判断错误,也有产生错误会最顶上显示“住址有问题”,这也不能说是便于使用吧。
便于使用应该是自动移动到发生错误的项目,在那个项目的上面显示错误理由。
一旦发生错误,可以考虑在背景和边框使用纯红色、提高识别性等设计面的实现。
5.明白为什么发生错误
发生错误用户希望尽早解决,为了能尽快输入改正的信息进入到确认页面只有“哪里出错了?”是不够的,传达“为什么出错了?”的原因是有必要的。
也就是说,错误中的用户希望能知道怎么做才能输入正确的信息。

6.恰当的使用单选按钮/下拉菜单等
“年月日”和“都道府县”常用下拉菜单,在二选一的情况用单选按钮。

7.更大的输入框显示
如果显示区域很小很容易引起误操作,因此把输入框变大。“しまのや” 和“ドモホルンリンクル”相比,考虑到目标用户都是一样的高龄人群,为了不习惯手机操作的用户在手机上轻松输入信息,输入框的长宽,文字尺寸都很大。

8.有明确的输入示例
输入示例是为了在输入内容的瞬间留下印象,在输入区域中做合理的描述是铁的法则。
如果在输入区域的下面描述,会让页面整体变长。如果在旁边描述,会很难出现长字符串的情况。

9.不要连字符
切换键盘是需要花费功夫的,因此电话号码,邮编等不要连字符。

特别的输入带来的麻烦在手机上是明显的。
如果输入电话号码的时候必须输入“-”(连字符),从输入“03”开始切换到符号输入“-”然后返回到数字输入继续输入“3700”。
如果输入的是“03-3700-5259”,为了输入“03”的后面是“-”需要切换一回,为了输入“3700”需要切换一回,为了输入“3700”之后的“-”需要切换一回,为了输入“5259”需要切换一回。这样总共切换了4回。
正确的应该是“0337005259”这样的连续输入。
10.密码和邮箱地址输入一次
密码和邮箱输入一次输入比两次输入要好。
要是按公司的安全性的考虑方法来看拷贝和粘贴是没有意义的。
调查了下列大型邮购网站的输入次数。
1次输入(无再确认)
※密码输入一次
1.楽天
2.NISSEN
3.セシール
4.QVC
5.ビックカメラ
6.ジュピターショップチャンネル
7.Joshin web
2次输入(有再次确认)
※密码输入两次
1.Amazon
2.ディノス
3.スクロール
4.ZOZOTOWN
5.マルイ
6.ケンコーコム
7.爽快ドラッグ
8.muji.net
9.ユニクロ
10.ヨドバシ
11.ベルーナ
12.DHC
13.ショップジャパン
未完待续
--------------------------------------------------------------------------------------------------
翻译:SISENdesign









































