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

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

這里說(shuō)的結(jié)構(gòu)是指基于產(chǎn)品目錄層次的路徑,是一個(gè)產(chǎn)品的導(dǎo)航構(gòu)造吏夯,假設(shè)我需要購(gòu)買一款iPhone手機(jī)此蜈,那么在還沒(méi)有打開(kāi)京東前我就知道怎么找到所需要的商品,首先會(huì)打開(kāi)APP切換到“分類”頁(yè)面噪生,我稱它為一級(jí)導(dǎo)航裆赵,然后點(diǎn)擊左側(cè)的“手機(jī)數(shù)碼”,稱為二級(jí)導(dǎo)航跺嗽,然后手機(jī)數(shù)碼又分為“熱門品牌”顾瞪、“手機(jī)通訊”、“運(yùn)營(yíng)商”等三級(jí)導(dǎo)航抛蚁,我們從其中的“熱門品牌”中點(diǎn)擊其中iPhone陈醒,進(jìn)入商品列表,稱之為四級(jí)導(dǎo)航瞧甩,這里展示就是所有iPhone的型號(hào)钉跷,從其中可以點(diǎn)擊我們需要的型號(hào)進(jìn)入到最終商品的頁(yè)面,雖然這些不是真正的層級(jí)目錄肚逸,對(duì)于程序來(lái)說(shuō)是通過(guò)一層層標(biāo)簽的篩選爷辙,但它所展現(xiàn)給用戶的就是一個(gè)路徑彬坏,我們可以很清晰的知道是怎么樣從商城進(jìn)入到準(zhǔn)確的商品頁(yè)面。我們?cè)倩氐健胺诸悺表?yè)面膝晾,如果我們把所有導(dǎo)航都當(dāng)做是標(biāo)簽的話栓始,其實(shí)一級(jí)導(dǎo)航、二級(jí)導(dǎo)航和三級(jí)導(dǎo)航是可以相互包含的血当,我們也可以通過(guò)“熱門品牌”再進(jìn)入“手機(jī)數(shù)碼”幻赚,但這種導(dǎo)航結(jié)構(gòu)最終也會(huì)指向我們需要的商品,但顯然這種導(dǎo)航方式不符合用戶的認(rèn)知臊旭,最終造成用戶的迷惑落恼。

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

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

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

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

例:淘寶商品頁(yè)“更多”按鈕動(dòng)效

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

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

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

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

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

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

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

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

準(zhǔn)確的預(yù)判到用戶意圖映砖,可以為用戶帶來(lái)更貼心的體驗(yàn)间坐,當(dāng)我們?cè)谔詫毜哪硞€(gè)商品頁(yè)面進(jìn)行截屏操作時(shí),淘寶會(huì)判斷我們是想把這個(gè)商品分享出去邑退,所以自動(dòng)生成一個(gè)淘口令來(lái)更方便用戶分享竹宋。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市地技,隨后出現(xiàn)的幾起案子蜈七,更是在濱河造成了極大的恐慌,老刑警劉巖莫矗,帶你破解...
    沈念sama閱讀 216,997評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件飒硅,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡作谚,警方通過(guò)查閱死者的電腦和手機(jī)三娩,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)妹懒,“玉大人尽棕,你說(shuō)我怎么就攤上這事”蚵祝” “怎么了滔悉?”我有些...
    開(kāi)封第一講書人閱讀 163,359評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵伊诵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我回官,道長(zhǎng)曹宴,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 58,309評(píng)論 1 292
  • 正文 為了忘掉前任歉提,我火速辦了婚禮笛坦,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘苔巨。我一直安慰自己版扩,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,346評(píng)論 6 390
  • 文/花漫 我一把揭開(kāi)白布侄泽。 她就那樣靜靜地躺著礁芦,像睡著了一般。 火紅的嫁衣襯著肌膚如雪悼尾。 梳的紋絲不亂的頭發(fā)上柿扣,一...
    開(kāi)封第一講書人閱讀 51,258評(píng)論 1 300
  • 那天,我揣著相機(jī)與錄音闺魏,去河邊找鬼未状。 笑死,一個(gè)胖子當(dāng)著我的面吹牛析桥,可吹牛的內(nèi)容都是我干的司草。 我是一名探鬼主播,決...
    沈念sama閱讀 40,122評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼泡仗,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼埋虹!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起沮焕,我...
    開(kāi)封第一講書人閱讀 38,970評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎拉宗,沒(méi)想到半個(gè)月后峦树,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,403評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡旦事,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,596評(píng)論 3 334
  • 正文 我和宋清朗相戀三年魁巩,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片姐浮。...
    茶點(diǎn)故事閱讀 39,769評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡谷遂,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出卖鲤,到底是詐尸還是另有隱情肾扰,我是刑警寧澤畴嘶,帶...
    沈念sama閱讀 35,464評(píng)論 5 344
  • 正文 年R本政府宣布,位于F島的核電站集晚,受9級(jí)特大地震影響窗悯,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜偷拔,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,075評(píng)論 3 327
  • 文/蒙蒙 一蒋院、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧莲绰,春花似錦欺旧、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,705評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至顷啼,卻和暖如春踏枣,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背钙蒙。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 32,848評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工茵瀑, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人躬厌。 一個(gè)月前我還...
    沈念sama閱讀 47,831評(píng)論 2 370
  • 正文 我出身青樓马昨,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親扛施。 傳聞我的和親對(duì)象是個(gè)殘疾皇子鸿捧,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,678評(píng)論 2 354

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