手机EFO(表单优化)改善方法,降低跳出率的技巧(上)

用户头像
大连/设计爱好者/11年前/2556浏览
手机EFO(表单优化)改善方法,降低跳出率的技巧(上)
用户头像
Mr_Cho

手机表单优化技巧(上),欢迎喜欢研究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

出典:http://minakul.jp/efo-960


22
阅读原文
|
举报
|
22
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
城市园林平面布局航拍
金色颗粒质地的平面
金色颗粒质地的平面
平面人物插画
城市园林平面布局航拍
海底世界插画
平面风格黄绿色系花朵装饰
城市园林平面布局航拍
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
“知识宅急送”外卖,快递,平面,海报,素材,教育
平面插画情侣/矢量
金色颗粒质地的平面
平面设计 吊牌设计
城市园林平面布局航拍
平面插画设计女孩喝咖啡
古风平面仕女与瓷器
平面男孩喝咖啡插画设计
金色颗粒质地的平面
牛奶乳液层次梯田平铺平面
倒计时,海报,平面
空的平台平面和自然景观
平面书法字手写
中国传统纹样创新图案设计
城阙凡花
你可能喜欢
大家都在看
登录注册