好的交互設(shè)計(jì)是什么樣的(一)淘寶、京東篇

好的交互設(shè)計(jì)是結(jié)構(gòu)清晰而合理的

這里說的結(jié)構(gòu)是指基于產(chǎn)品目錄層次的路徑,是一個產(chǎn)品的導(dǎo)航構(gòu)造,假設(shè)我需要購買一款iPhone手機(jī),那么在還沒有打開京東前我就知道怎么找到所需要的商品,首先會打開APP切換到“分類”頁面,我稱它為一級導(dǎo)航,然后點(diǎn)擊左側(cè)的“手機(jī)數(shù)碼”,稱為二級導(dǎo)航,然后手機(jī)數(shù)碼又分為“熱門品牌”、“手機(jī)通訊”、“運(yùn)營商”等三級導(dǎo)航,我們從其中的“熱門品牌”中點(diǎn)擊其中iPhone,進(jìn)入商品列表,稱之為四級導(dǎo)航,這里展示就是所有iPhone的型號,從其中可以點(diǎn)擊我們需要的型號進(jìn)入到最終商品的頁面,雖然這些不是真正的層級目錄,對于程序來說是通過一層層標(biāo)簽的篩選,但它所展現(xiàn)給用戶的就是一個路徑,我們可以很清晰的知道是怎么樣從商城進(jìn)入到準(zhǔn)確的商品頁面。我們再回到“分類”頁面,如果我們把所有導(dǎo)航都當(dāng)做是標(biāo)簽的話,其實(shí)一級導(dǎo)航、二級導(dǎo)航和三級導(dǎo)航是可以相互包含的,我們也可以通過“熱門品牌”再進(jìn)入“手機(jī)數(shù)碼”,但這種導(dǎo)航結(jié)構(gòu)最終也會指向我們需要的商品,但顯然這種導(dǎo)航方式不符合用戶的認(rèn)知,最終造成用戶的迷惑。

好的交互設(shè)計(jì)是流程順暢而便捷的

每個APP都有一個主流程,就是這個APP為用戶提供某項(xiàng)服務(wù)的主線,以京東和淘寶來說,它們的主流程就是用戶通過搜索或者分類或者推薦等途徑->找到需要的商品->發(fā)起購買->填寫信息->付款->商家發(fā)貨->用戶確認(rèn)收貨->評價服務(wù),另外還會涉及到售前溝通、售后溝通、退貨處理等等可能存在的支線環(huán)節(jié),我們只看前期的幾個流程,以京東為例,如果我們曾經(jīng)在京東消費(fèi)過的情況下,那么我從商品頁面選購到支付完成不需要做出任何選擇或者填寫就可以完成整個步驟,所有需要填寫或者選擇的信息都存在一個默認(rèn)的選項(xiàng),而其他附加服務(wù)等不重要的選項(xiàng)都不會出現(xiàn)在主流程中,只有在用戶需要時再自行選擇。

好的交互設(shè)計(jì)是讓用戶感知流暢的

我其實(shí)很喜歡SONY的手機(jī),從我的第一部手機(jī)索尼愛立信的經(jīng)典手機(jī)T618開始,一直到iPhone 3G的出現(xiàn),之間我換了幾款手機(jī)都是索尼愛立信的,換用iPhone之后我中間也買過幾次SONY的安卓機(jī),安卓用起來總不如iPhone流暢,但其實(shí)并不是iPhone的性能更好,而是因?yàn)閕Phone的各種過渡效果減緩了等待的感覺同時營造了一個連貫的視覺。

例:淘寶商品頁“更多”按鈕動效

好的交互設(shè)計(jì)是更明確的做出反饋的

像京東的收藏圖標(biāo),其實(shí)僅僅只是圖標(biāo)的變化已經(jīng)足以讓用戶確認(rèn)了收藏行為,但心形的動畫更加強(qiáng)了這種反饋,可以把這兩種方式想象成現(xiàn)實(shí)生活中的觸摸鍵盤和機(jī)械鍵盤的區(qū)別,機(jī)械鍵盤的手感遠(yuǎn)遠(yuǎn)好于觸摸鍵盤,雖然同樣都是點(diǎn)擊按鈕輸入文字,但機(jī)械鍵盤能給人更直接的反饋。

例:京東關(guān)注圖標(biāo)動效

好的交互設(shè)計(jì)是符合用戶習(xí)慣

例:京東和淘寶底欄功能按鈕和布局

好的交互設(shè)計(jì)基于自身特性的

淘寶和京東雖然同樣是電商,但其實(shí)是兩種模式,京東類似于一個大超市,雖然也有第三方商家入駐,但其主要業(yè)務(wù)還是京東自營,而淘寶是一個大賣場,只提供攤位自身并不直接出售商品給用戶,京東有自己的一套物流系統(tǒng),多數(shù)情況下商品都是由京東的快遞進(jìn)行配送,而淘寶是每個商家自行配送。再理解了這個前提下,再看京東商品的底欄和淘寶的區(qū)別,京東的商品頁面缺少了立即購買的按鈕,我其實(shí)非常不習(xí)慣京東的購買方式,京東的商品頁面并沒有立即購買的功能,只能先加入購物車,然后點(diǎn)擊購物車圖標(biāo)進(jìn)入結(jié)算頁,但京東之所以這樣做也是有它的原因,因?yàn)榫〇|有自己的物流系統(tǒng),如果每個商品都單獨(dú)支付的話可能就會產(chǎn)生多次的運(yùn)費(fèi)。

好的交互設(shè)計(jì)是能預(yù)知用戶行為的

準(zhǔn)確的預(yù)判到用戶意圖,可以為用戶帶來更貼心的體驗(yàn),當(dāng)我們在淘寶的某個商品頁面進(jìn)行截屏操作時,淘寶會判斷我們是想把這個商品分享出去,所以自動生成一個淘口令來更方便用戶分享。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容