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

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

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

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

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

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

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

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

目前分析的简书版本：简书iOS 2.10.4版本，更新日期：2016年3月10日。

目前状态：简书搜索文本框的光标颜色为简书的VI色。

目前优点：用户点击搜索文本框之后，反馈明显，因为彩色的光标信息的反馈效果大大超过灰色的光标，可以有效的避免用户重复点击来带的疑惑感，迅速提升用户体验，完成最初的设计目标：让用户简单直观的完成文本框信息的输入。

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