模块交互体验调研——ICON(9种交互样式)

我们在做行为分析诊断时会借助一些行业通用分析模型比如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中出现过,可谓操作简洁、大方引起极度舒适。


(非首页)


点击ICON中的常用功能会展开展示最近使用和我的自定义

8)在业务页面内远程控制ICON区布局

目前在支付宝中碰到了这种较为梦幻的设置路径,即当你搜索并进入一个业务后,你意识到其实还挺希望下回不要再这么折腾要输入关键词等方式才找到这个业务,而支付宝告诉你可以从ICON区里踢掉任意一个ICON来置换当前业务的ICON。


9)你就老老实实地搜吧

当你接触到的服务是千奇百怪的时候,ICON已经解救不了你的。试想下你一个月内可能用嗲了上百个服务时ICON根本承接不下,是的这里说的正是微信小程序,别想什么定制化配置ICON,你就老老实实地搜索吧。


由于体验时间有限(大约3小时),整理的材料必然有错误或者归类有纰漏,也希望大家一起指出,更希望大家看到这些有趣的人类智慧能获得一些些启发,至少有一点我们可以确认好的人机交互确实能带来便捷,也处处体现出产品人的智慧和温度。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,922评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,591评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,546评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,467评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,553评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,580评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,588评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,334评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,780评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,092评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,270评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,925评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,573评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,194评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,437评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,154评论 2 366
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,127评论 2 352

推荐阅读更多精彩内容