模塊交互體驗調(diào)研——ICON(9種交互樣式)

我們在做行為分析診斷時會借助一些行業(yè)通用分析模型比如heart或者ptech裹纳,這些常規(guī)分析模型可能會找到一些產(chǎn)品問題闹炉,雖然解決了有數(shù)據(jù)但瞎的問題但很有可能會陷入另一個新問題:產(chǎn)品該如何修改丘损?所以真正適合做產(chǎn)品體驗度分析的人可能是一個較懂數(shù)據(jù)的產(chǎn)品經(jīng)理或者改行做分析的產(chǎn)品經(jīng)理辩蛋。如果我們拋開頁面萨惑,單純地將頁面看成是多個可交互組件合理組合的“化合物”路呜,那么我們實際要研究的最細顆粒度可以是這些“隨機”構(gòu)成頁面的組件踏兜,常見的組件有輸入框袜爪、搜索框贰谣、在線客服/掃一掃/城市等頂部圖標娜搂、ICON、BANNER吱抚、按鈕百宇、產(chǎn)品推薦位、篩選器秘豹、彈窗携御、push窗口、提示氣泡等憋肖,今天我們就來研究下我們可能所有人都見過的ICON因痛。


調(diào)研步驟如下:①摳心自問ICON應(yīng)該解決哪些問題②下載較為熱門的App③觀察首頁是否有ICON區(qū)的交互方式④按照體驗感受普通到高級依次歸類和說明主觀體感。下面我們一起玩一下一些熱門APP里ICON是如何設(shè)計的岸更,相信號的產(chǎn)品會帶給我們一些啟發(fā)鸵膏。

一、ICON價值

毋庸置疑我們啟動一款A(yù)PP是因為平臺方能解決我們當下的訴求獲取實質(zhì)的價值怎炊,無論是點外賣谭企、查天氣廓译、購物、訂票债查、學(xué)習(xí)或其他事宜均是通過人機交互方式將人類的固定參數(shù)傳輸至遠端服務(wù)器并獲取經(jīng)規(guī)定規(guī)則下返回的結(jié)果非区,而我們使用的功能可以根據(jù)使用頻率分為高頻、低頻和無頻盹廷。比如你可能最近就是在淘寶APP里通過淘票票買的灌籃高手大電影觀影票征绸,偶爾過節(jié)準備出行時會通過飛豬購買火車或者機票,而使用了數(shù)量淘寶的你甚至可能還不知道淘寶有一個ICON叫淘寶教育俄占,上面三個ICON分別對應(yīng)高頻管怠、低頻和無頻。我們并不希望采用搜索找到進入這些業(yè)務(wù)的入口缸榄,也不想在那些錯綜復(fù)雜的頻道頁內(nèi)偶遇這些入口渤弛,APP和傳統(tǒng)的柜臺辦理業(yè)務(wù)最大的區(qū)別在于不用排隊可以自由地遨游在平臺提供的服務(wù)池內(nèi)享受更高效率地業(yè)務(wù)辦理體驗,而ICON就是我們的綠色通道甚带。ICON應(yīng)具備以下特征——

1)將我最常用的功能羅列在上面

2)允許我調(diào)整不合理的默認排列規(guī)則她肯,我需要最適合我的功能列表

3)我可以在幾乎任何地方都可以遠程控制ICON,為下一次快速操作帶來巨大的便利

在互聯(lián)網(wǎng)上我們的記憶是短暫的鹰贵,我們很難記住剛才剛過的倒數(shù)第四個視頻是什么晴氨,所以只有當我啟動APP后迅速通過點擊ICON進入最想優(yōu)先辦理的業(yè)務(wù)后,才會騰出精力關(guān)注各頻道頁內(nèi)的廣告砾莱。所以ICON可能是代表平臺對用戶心理拿捏或者說了解程度的一面照妖鏡瑞筐。有時候我們真應(yīng)該監(jiān)控用戶在一天分鐘從頻道首頁首次進入到離開的時差中位數(shù),也許越快越好而非所謂的設(shè)計的亂一點可以讓用戶多停留一會兒腊瑟。

二聚假、下載熱門APP

根據(jù)一加的軟件商店>頻道榜單>軟件榜下了一些APP。


三闰非、觀察和體驗APP首頁ICON區(qū)

已完成截圖膘格。


四、按體驗水平由低至高歸類和說明感受

1)隱藏型

首頁未顯示ICON區(qū)财松,因為這些APP一方面是專注于某一個垂直領(lǐng)域瘪贱,渴望在有限的空間(一屏)內(nèi)盡量最大化地展示能挽留用戶駐足甚至點擊的內(nèi)容,視頻和資訊類APP普遍有這種特征辆毡。但要注意首頁沒有露出不代表不具備ICON菜秦,一般都是藏在一個角落中需要用戶喚起的。


愛奇藝


頭條

2)固定型

首頁ICON但個數(shù)和內(nèi)容是固定的舶掖、不變的甚至沒有左右滑動切換功能球昨,一方面是因為用戶訴求固定,另一方面是功能分支可能較少眨攘。比如個人所得稅主慰、輸入法和音樂播放類嚣州、物流配送APP,能提供的服務(wù)非常聚焦共螺,沒有想盡辦法在ICON區(qū)內(nèi)添加一些花里胡哨的奇怪功能该肴。








3)部分展示,滑屏展示剩余部分

首頁一屏寸土寸金哪能節(jié)省一些空間都好的藐不,所以有一些APP的ICON區(qū)只提供了一行的空間匀哄,但可以通過向左滑動露出隱藏的ICON,這類APP有汽車佳吞、氣候拱雏、美圖等,一方面是內(nèi)容確實聚焦或者說不夠豐富底扳,而又想給一屏疼出更多的空間不得已采取這個方案。





4)通過“更多”查看完整功能列表

這種體驗其實比較差贡耽,因為視覺上用戶其實感受到頁面的跳轉(zhuǎn)衷模,即從首頁跳轉(zhuǎn)至功能列表頁,會導(dǎo)致一部分的短暫失憶可能蒲赂,因為頁面跳轉(zhuǎn)是劇烈的視覺變更阱冶,前后的關(guān)聯(lián)完全依托用戶對平臺的熟練度。當然這也是絕大部分綜合類或者具有非常多業(yè)務(wù)線APP采用的方案滥嘴,你確實能從首頁曝光的ICON中找到高頻使用的功能木蹬,也能找到個別幾個低頻的ICON,你也完全可以通過“更多”找到那些也許一輩子就用幾次的功能若皱。



5)滑動直接跳轉(zhuǎn)更多

這種做法可能比較非主流镊叁,會和用戶常識產(chǎn)生沖突,但也是一種極其簡約的操作走触,即當你向左滑屏?xí)r直接跳轉(zhuǎn)至全部功能列表晦譬,這在12306和類似服務(wù)定位的APP上出現(xiàn)了。


6)隱藏了更多排的ICON

剛才我們在第三類ICON布局樣式中可以看到用戶可以通過向左滑屏展示被隱藏的ICON互广,其中被隱藏的ICON行數(shù)和首頁曝光的ICON行數(shù)一致敛腌,還有一類APP具有更多細分的服務(wù)場景,比如大眾點評就可以將KTV惫皱、鮮花作為一個獨立場景像樊,但他們不希望用戶過多地點擊“更多”,所以他們將隱藏ICON的行數(shù)提高了旅敷。除了大眾點評外還有地產(chǎn)生棍、攜程也采用了這種大膽的交互設(shè)計。


7)上下結(jié)構(gòu)

將隱藏部分置于ICON區(qū)下方扫皱,即點擊“展開”后直接平鋪更多的ICON足绅,這一種操作的視覺沖擊小捷绑,用戶操作過程中眼動距離較小,即便跳躍也是短距離氢妈,相對比較溫和接受度更舒適粹污。這一點在部分金融APP中出現(xiàn)過,可謂操作簡潔首量、大方引起極度舒適壮吩。


(非首頁)


點擊ICON中的常用功能會展開展示最近使用和我的自定義

8)在業(yè)務(wù)頁面內(nèi)遠程控制ICON區(qū)布局

目前在支付寶中碰到了這種較為夢幻的設(shè)置路徑,即當你搜索并進入一個業(yè)務(wù)后加缘,你意識到其實還挺希望下回不要再這么折騰要輸入關(guān)鍵詞等方式才找到這個業(yè)務(wù)鸭叙,而支付寶告訴你可以從ICON區(qū)里踢掉任意一個ICON來置換當前業(yè)務(wù)的ICON。


9)你就老老實實地搜吧

當你接觸到的服務(wù)是千奇百怪的時候拣宏,ICON已經(jīng)解救不了你的沈贝。試想下你一個月內(nèi)可能用嗲了上百個服務(wù)時ICON根本承接不下,是的這里說的正是微信小程序勋乾,別想什么定制化配置ICON宋下,你就老老實實地搜索吧。


由于體驗時間有限(大約3小時)辑莫,整理的材料必然有錯誤或者歸類有紕漏学歧,也希望大家一起指出,更希望大家看到這些有趣的人類智慧能獲得一些些啟發(fā)各吨,至少有一點我們可以確認好的人機交互確實能帶來便捷枝笨,也處處體現(xiàn)出產(chǎn)品人的智慧和溫度。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末揭蜒,一起剝皮案震驚了整個濱河市横浑,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌忌锯,老刑警劉巖伪嫁,帶你破解...
    沈念sama閱讀 219,270評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異偶垮,居然都是意外死亡张咳,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評論 3 395
  • 文/潘曉璐 我一進店門似舵,熙熙樓的掌柜王于貴愁眉苦臉地迎上來脚猾,“玉大人,你說我怎么就攤上這事砚哗×” “怎么了?”我有些...
    開封第一講書人閱讀 165,630評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長提鸟。 經(jīng)常有香客問我军援,道長,這世上最難降的妖魔是什么称勋? 我笑而不...
    開封第一講書人閱讀 58,906評論 1 295
  • 正文 為了忘掉前任胸哥,我火速辦了婚禮,結(jié)果婚禮上赡鲜,老公的妹妹穿的比我還像新娘空厌。我一直安慰自己,他們只是感情好银酬,可當我...
    茶點故事閱讀 67,928評論 6 392
  • 文/花漫 我一把揭開白布嘲更。 她就那樣靜靜地躺著,像睡著了一般揩瞪。 火紅的嫁衣襯著肌膚如雪赋朦。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,718評論 1 305
  • 那天壮韭,我揣著相機與錄音北发,去河邊找鬼。 笑死喷屋,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的瞭恰。 我是一名探鬼主播屯曹,決...
    沈念sama閱讀 40,442評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼惊畏!你這毒婦竟也來了恶耽?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,345評論 0 276
  • 序言:老撾萬榮一對情侶失蹤颜启,失蹤者是張志新(化名)和其女友劉穎偷俭,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體缰盏,經(jīng)...
    沈念sama閱讀 45,802評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡涌萤,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,984評論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了口猜。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片负溪。...
    茶點故事閱讀 40,117評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖济炎,靈堂內(nèi)的尸體忽然破棺而出川抡,到底是詐尸還是另有隱情,我是刑警寧澤须尚,帶...
    沈念sama閱讀 35,810評論 5 346
  • 正文 年R本政府宣布崖堤,位于F島的核電站侍咱,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏密幔。R本人自食惡果不足惜楔脯,卻給世界環(huán)境...
    茶點故事閱讀 41,462評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望老玛。 院中可真熱鬧淤年,春花似錦、人聲如沸蜡豹。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽镜廉。三九已至弄诲,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間娇唯,已是汗流浹背齐遵。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留塔插,地道東北人梗摇。 一個月前我還...
    沈念sama閱讀 48,377評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像想许,于是被迫代替她去往敵國和親伶授。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,060評論 2 355

推薦閱讀更多精彩內(nèi)容