神刀安全网

携程App搜索框的交互设计方案

携程App搜索框的交互设计方案

携程App搜索框的交互设计方案

最近公司组织大家一起做一下竞品分析,特别是针对互联网巨头的用户体验方面的分析。我发现像携程app这样的互联网巨头,也有需要改进的地方。比如下面截图的搜索文本框的交互体验,实在是急需改进。此次的分析对象是:携程Android 6.14.0版本。更新日期:2016年3月10日

当用户点击搜索文本框的时候,文本框的闪烁光标颜色为灰色。因为灰色的光标很难发现,这相当于:用户点击操作之后,却得到一个不明显的反馈,甚至是几乎感受不到的灰色光标。这个体验是属于用户操作之后,无反馈信息的典型案例。我的UED改版方案是把光标颜色改成携程的VI蓝色。

携程App搜索框的交互设计方案

文本框的光标颜色涉及到最初的设计目标:让用户简单直观的完成文本框信息的输入。

这个光标的用户体验涉及到的应用范围:登录注册的文本框,搜索的文本框,支付页面的文本框。尤其是支付页面的文本框的用户体验,直接关系到产品的支付页面的订单完成率。这在OTA产品完成支付闭环的战略目标,是非常重要的用户体验。

这个光标的新用户测试办法:找新手用户,或把自己瞬间变成傻瓜用户,观察新手操作携程界面的时候,会发现在搜索文本框,登录文本框,支付界面的文本框,均有重复点击的现象。多点击一次,就损失了一次的用户体验,随之而来的是损失了一批用户。

安卓和苹果的自带光标对比:文本框的光标颜色,在安卓手机上,默认是灰色的闪烁光标,而在苹果手机上,则默认是蓝色的闪烁光标。从这一点来看,苹果手机的光标颜色,在用户体验方面,要超过安卓手机。

其它产品的光标分析:如下是简书app的光标颜色分析,截图如下:

目前分析的简书版本:简书iOS 2.10.4版本,更新日期:2016年3月10日。目前状态:简书搜索文本框的光标颜色为简书的VI色。 目前优点:用户点击搜索文本框之后,反馈明显,因为彩色的光标信息的反馈效果大大超过灰色的光标,可以有效的避免用户重复点击来带的疑惑感,迅速提升用户体验,完成最初的设计目标:让用户简单直观的完成文本框信息的输入。

携程App搜索框的交互设计方案

本文作者:张云钱。从Ui设计到PM产品经理到UED交互设计。坐标: 上海。个人微信公众号:944352559

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » 携程App搜索框的交互设计方案

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
分享按钮