我们在做行为分析诊断时会借助一些行业通用分析模型比如heart或者ptech,这些常规分析模型可能会找到一些产品问题,虽然解决了有数据但瞎的问题但很有可能会陷入另一个新问题:产品该如何修改?所以真正适合做产品体验度分析的人可能是一个较懂数据的产品经理或者改行做分析的产品经理。如果我们抛开页面,单纯地将页面看成是多个可交互组件合理组合的“化合物”,那么我们实际要研究的最细颗粒度可以是这些“随机”构成页面的组件,常见的组件有输入框、搜索框、在线客服/扫一扫/城市等顶部图标、ICON、BANNER、按钮、产品推荐位、筛选器、弹窗、push窗口、提示气泡等,今天我们就来研究下我们可能所有人都见过的ICON。
调研步骤如下:①抠心自问ICON应该解决哪些问题②下载较为热门的App③观察首页是否有ICON区的交互方式④按照体验感受普通到高级依次归类和说明主观体感。下面我们一起玩一下一些热门APP里ICON是如何设计的,相信号的产品会带给我们一些启发。
一、ICON价值
毋庸置疑我们启动一款APP是因为平台方能解决我们当下的诉求获取实质的价值,无论是点外卖、查天气、购物、订票、学习或其他事宜均是通过人机交互方式将人类的固定参数传输至远端服务器并获取经规定规则下返回的结果,而我们使用的功能可以根据使用频率分为高频、低频和无频。比如你可能最近就是在淘宝APP里通过淘票票买的灌篮高手大电影观影票,偶尔过节准备出行时会通过飞猪购买火车或者机票,而使用了数量淘宝的你甚至可能还不知道淘宝有一个ICON叫淘宝教育,上面三个ICON分别对应高频、低频和无频。我们并不希望采用搜索找到进入这些业务的入口,也不想在那些错综复杂的频道页内偶遇这些入口,APP和传统的柜台办理业务最大的区别在于不用排队可以自由地遨游在平台提供的服务池内享受更高效率地业务办理体验,而ICON就是我们的绿色通道。ICON应具备以下特征——
1)将我最常用的功能罗列在上面
2)允许我调整不合理的默认排列规则,我需要最适合我的功能列表
3)我可以在几乎任何地方都可以远程控制ICON,为下一次快速操作带来巨大的便利
在互联网上我们的记忆是短暂的,我们很难记住刚才刚过的倒数第四个视频是什么,所以只有当我启动APP后迅速通过点击ICON进入最想优先办理的业务后,才会腾出精力关注各频道页内的广告。所以ICON可能是代表平台对用户心理拿捏或者说了解程度的一面照妖镜。有时候我们真应该监控用户在一天分钟从频道首页首次进入到离开的时差中位数,也许越快越好而非所谓的设计的乱一点可以让用户多停留一会儿。
二、下载热门APP
根据一加的软件商店>频道榜单>软件榜下了一些APP。
三、观察和体验APP首页ICON区
已完成截图。
四、按体验水平由低至高归类和说明感受
1)隐藏型
首页未显示ICON区,因为这些APP一方面是专注于某一个垂直领域,渴望在有限的空间(一屏)内尽量最大化地展示能挽留用户驻足甚至点击的内容,视频和资讯类APP普遍有这种特征。但要注意首页没有露出不代表不具备ICON,一般都是藏在一个角落中需要用户唤起的。
2)固定型
首页ICON但个数和内容是固定的、不变的甚至没有左右滑动切换功能,一方面是因为用户诉求固定,另一方面是功能分支可能较少。比如个人所得税、输入法和音乐播放类、物流配送APP,能提供的服务非常聚焦,没有想尽办法在ICON区内添加一些花里胡哨的奇怪功能。
3)部分展示,滑屏展示剩余部分
首页一屏寸土寸金哪能节省一些空间都好的,所以有一些APP的ICON区只提供了一行的空间,但可以通过向左滑动露出隐藏的ICON,这类APP有汽车、气候、美图等,一方面是内容确实聚焦或者说不够丰富,而又想给一屏疼出更多的空间不得已采取这个方案。
4)通过“更多”查看完整功能列表
这种体验其实比较差,因为视觉上用户其实感受到页面的跳转,即从首页跳转至功能列表页,会导致一部分的短暂失忆可能,因为页面跳转是剧烈的视觉变更,前后的关联完全依托用户对平台的熟练度。当然这也是绝大部分综合类或者具有非常多业务线APP采用的方案,你确实能从首页曝光的ICON中找到高频使用的功能,也能找到个别几个低频的ICON,你也完全可以通过“更多”找到那些也许一辈子就用几次的功能。
5)滑动直接跳转更多
这种做法可能比较非主流,会和用户常识产生冲突,但也是一种极其简约的操作,即当你向左滑屏时直接跳转至全部功能列表,这在12306和类似服务定位的APP上出现了。
6)隐藏了更多排的ICON
刚才我们在第三类ICON布局样式中可以看到用户可以通过向左滑屏展示被隐藏的ICON,其中被隐藏的ICON行数和首页曝光的ICON行数一致,还有一类APP具有更多细分的服务场景,比如大众点评就可以将KTV、鲜花作为一个独立场景,但他们不希望用户过多地点击“更多”,所以他们将隐藏ICON的行数提高了。除了大众点评外还有地产、携程也采用了这种大胆的交互设计。
7)上下结构
将隐藏部分置于ICON区下方,即点击“展开”后直接平铺更多的ICON,这一种操作的视觉冲击小,用户操作过程中眼动距离较小,即便跳跃也是短距离,相对比较温和接受度更舒适。这一点在部分金融APP中出现过,可谓操作简洁、大方引起极度舒适。
8)在业务页面内远程控制ICON区布局
目前在支付宝中碰到了这种较为梦幻的设置路径,即当你搜索并进入一个业务后,你意识到其实还挺希望下回不要再这么折腾要输入关键词等方式才找到这个业务,而支付宝告诉你可以从ICON区里踢掉任意一个ICON来置换当前业务的ICON。
9)你就老老实实地搜吧
当你接触到的服务是千奇百怪的时候,ICON已经解救不了你的。试想下你一个月内可能用嗲了上百个服务时ICON根本承接不下,是的这里说的正是微信小程序,别想什么定制化配置ICON,你就老老实实地搜索吧。
由于体验时间有限(大约3小时),整理的材料必然有错误或者归类有纰漏,也希望大家一起指出,更希望大家看到这些有趣的人类智慧能获得一些些启发,至少有一点我们可以确认好的人机交互确实能带来便捷,也处处体现出产品人的智慧和温度。