移動應(yīng)用交互設(shè)計研究-以手機(jī)淘寶APP為例

? ? ? ?信息社會的來臨使移動交互應(yīng)用媒介和虛擬網(wǎng)絡(luò)模式為主的消費方式不受時間欠痴、地點的限制,改變了人們的生活方式咬腋。文章主要以手機(jī)淘寶APP為例攻礼,通過對其交互方式、交互內(nèi)容玻淑、頁面布局以及符號化圖標(biāo)的分析嗽冒,總結(jié)出一些交互設(shè)計的要點。

? ? ??移動應(yīng)用是移動應(yīng)用程序的簡稱补履,是指設(shè)計給手機(jī)添坊、平板電腦和其他移動設(shè)備上運行的應(yīng)用程序。按照運行環(huán)境區(qū)分箫锤,移動應(yīng)用可分為移動網(wǎng)頁應(yīng)用和移動原生應(yīng)用贬蛙,移動網(wǎng)頁應(yīng)用是無需下載和安裝,通過瀏覽器運行的應(yīng)用程序谚攒,它的界面一般與網(wǎng)頁界面相同阳准,是網(wǎng)頁界面的縮小形式;移動原生應(yīng)用是指通過運營商的門戶網(wǎng)站進(jìn)行下載或者到移動應(yīng)用商城購買的應(yīng)用程序馏臭,這種類型的應(yīng)用程序為了吸引更多用戶下載安裝野蝇,其更加注重用戶使用時的感受,好的用戶體驗需要通過交互設(shè)計得以體現(xiàn),而交互設(shè)計又涉及到交互方式绕沈、交互內(nèi)容乱灵、頁面布局等方面,它致力于讓產(chǎn)品有效易用七冲,是用戶與產(chǎn)品交流時更加愉悅痛倚。

1、交互方式的多樣性

移動應(yīng)用中澜躺,用戶與界面的交互方式是指用戶如何使用產(chǎn)品達(dá)到自己的目的蝉稳,從感性角度來說,它主要表現(xiàn)為用戶與界面交流時用到的媒介和方法給予用戶情感方面的反應(yīng)掘鄙,好的交互方式更多體現(xiàn)出用戶的直覺和下意識的行為耘戚,使用戶在整個使用過程中感到愉悅、簡單和順暢操漠;從理性角度來說收津,它是指交互方式在技術(shù)層面的研究和應(yīng)用,通過技術(shù)支持使交互方式得以實現(xiàn)浊伙。以手機(jī)淘寶APP為例撞秋,用戶與界面的交互方式是多樣的,有直接操作嚣鄙、多通道吻贿、手勢以及語音等, 在手機(jī)淘寶APP界面中哑子,用戶可以通過手指對界面中數(shù)字對象進(jìn)行操作舅列,例如:單擊進(jìn)入另一個頁面、拖拽頁面使其放大縮小卧蜓、上下滑動頁面等帐要,特別是在商品詳情頁中,用戶可以對圖片進(jìn)行任意縮放弥奸,以達(dá)到自己舒適的觀察尺度榨惠,直接操作縮短了用戶與產(chǎn)品之間的距離,減少操作步驟其爵,使操作更加簡單便捷冒冬。此外,它的交互方式也是多通道的摩渺,對于新消息的推送,它會通過視覺剂邮、觸覺摇幻、聽覺三方面進(jìn)行提醒,在聽覺方面,我們可以設(shè)置提醒的鈴聲绰姻,在觸覺方面枉侧,我們可以設(shè)置震動的開關(guān),在視覺方面狂芋,會有告知型控件對我們進(jìn)行提示榨馁,多通道豐富用戶的體驗,減少某一方面的疲勞帜矾。語言是實現(xiàn)用戶與移動應(yīng)用交流的另一種重要的方式翼虫,它有多方面的優(yōu)點,首先屡萤,語言比鍵盤輸入更快更有效珍剑。其次,在不同的情境中死陆,提供了更多的反應(yīng)通道招拙,使手可以騰出來做其他事。淘寶一直在探索新的交互方式措译,目前淘寶網(wǎng)計劃將上線Buy+應(yīng)用别凤,它使用虛擬現(xiàn)實技術(shù),100%還原真實場景领虹,生成可交互的三維購物環(huán)境闻妓,它將突破時間和空間的限制,讓用戶身臨其境的購物掠械,給用戶更加真實的體驗由缆。

2、交互內(nèi)容的豐富性

在淘寶APP中猾蒂,用戶與產(chǎn)品之間的交流不是單一的均唉,而是豐富多樣的,可以分為三種類型:用戶與界面之間的交流肚菠、用戶與用戶之間的交流舔箭、以及用戶與商家之間的交流。

2.1用戶與界面之間的交流

淘寶用戶分為目標(biāo)型和瀏覽型消費者蚊逢,對于目標(biāo)型消費者层扶,其設(shè)置了搜索項,如圖1烙荷,搜索有三種選項镜会,可以按照店鋪、商品或者天貓進(jìn)行搜索终抽,滿足不同目的用戶需求戳表,并且搜索方式也分為三種桶至,手動輸入、語音輸入以及照片搜索匾旭,豐富了輸入和尋找方式镣屹,使用戶更加方便快捷的找到目標(biāo)商品。對于瀏覽型用戶价涝,淘寶網(wǎng)設(shè)置了多個入口導(dǎo)航供用戶選擇女蜈,入口導(dǎo)航分類清晰,并且其在信息展示方面關(guān)注主體內(nèi)容色瘩,界面簡潔易懂伪窖,整個界面能使用戶高度聚焦于內(nèi)容,而內(nèi)容的顯示又簡單明了泞遗,使用最少的元素來表達(dá)最豐富的信息惰许,元素過多會使信息繁雜,影響效率史辙,降低購物的樂趣汹买,因此,淘寶APP界面中每個商品都是圖片配以簡潔商品描述聊倔、價格以及購買人數(shù)晦毙,提升了屏幕空間的利用率,圖片和文字通過大小和顏色進(jìn)行主次之分耙蔑,內(nèi)容豐富见妒,清晰可見。

2.2用戶與用戶之間的交流

用戶與用戶之間的交流途徑有三種甸陌,一種是菜單欄中的社區(qū)须揣,如圖2,在社區(qū)中钱豁,用戶可以對自己已經(jīng)購買的衣服做出評價耻卡,說出自己使用產(chǎn)品的感受,可以附以圖片牲尺,就像朋友圈一樣卵酪,其他用戶可以對其評論進(jìn)行交流。一種是商品詳情頁中的問大家谤碳,如圖3溃卡,未購買用戶可以向已購買用戶進(jìn)行提問,詢問商品的真實使用情況蜒简,從而進(jìn)行交流瘸羡。電子購物類產(chǎn)品最大的缺陷就是用戶不能夠直接觸摸或者看到實物產(chǎn)品,即用戶缺乏對網(wǎng)絡(luò)商品的信賴感臭蚁,用戶與用戶之間的交流可以跳過商家的干擾最铁,進(jìn)行直接交流讯赏,有利于提高用戶對商品的了解垮兑,也促使商家關(guān)注產(chǎn)品質(zhì)量冷尉。

2.3用戶與商家之間的交流

用戶與商家之間的交流方式有兩種,一種是通過微淘系枪,如圖4雀哨,如果說社區(qū)是用戶的朋友圈,那么微淘就是商家的朋友圈私爷,商家可以通過微淘來推出商品雾棺,使用戶可以第一時間看到上新商品或活動商品,在評論中衬浑,用戶可以與商家進(jìn)行交流捌浩,咨詢商品情況。一種是通過消息窗口工秩,即為大家所說的客服尸饺,此時一般為售前或售后服務(wù),用戶可以向商家客服咨詢商品情況助币、物流狀況浪听、退換貨處理等等。用戶與商家的交流使用戶可以了解更多的商品情況眉菱,任何疑問都可以隨時解決迹栓,減少溝通障礙,增加親切度俭缓,提升買家好感克伊。并且在用戶與商家交流中,用戶可以與商家協(xié)定商品的價格华坦,使用戶以低價購買商品愿吹,從而吸引更多用戶。

3季春、頁面布局清晰規(guī)范

淘寶網(wǎng)運用色彩和層次等語言洗搂,自然而又清晰地羅列出一條視覺路線,引導(dǎo)用戶瀏覽载弄,無需用戶自己費力梳理條理或者在密密麻麻的信息中搜索自己想要的信息耘拇。淘寶網(wǎng)頁面布局因功能的不同考慮的側(cè)重點也不同,使用戶有一種區(qū)塊感宇攻。如圖5惫叛,首先,界面布局十分有序逞刷,網(wǎng)格線排列整齊嘉涌,區(qū)塊劃分清晰妻熊,按照功能劃分,主次分明仑最。其次扔役,每個區(qū)塊功能清晰,有搜索欄警医、導(dǎo)航欄亿胸、菜單欄等等,位置清晰明確预皇。再者侈玄,最重要的信息都在頁面第一屏顯示,使用顏色和大小來劃分區(qū)域吟温。最后序仙,相同信息保持位置的一致性,使用戶無需加載頁面進(jìn)行重新理解和認(rèn)識鲁豪。在淘寶網(wǎng)首頁界面布局中潘悼,區(qū)塊劃分更加靈活和人性化,搜索框在人們最熟悉的頁面頂部呈昔,菜單欄在頁面底部挥等,中間入口導(dǎo)航清晰可見,所以堤尾,無論操作功能如何多變肝劲,用戶都能夠按照習(xí)慣找出自己想要的商品。

4郭宝、使用符號化圖標(biāo)

相對于單純的文本辞槐,符號化的圖標(biāo)更加符合用戶認(rèn)知習(xí)慣,調(diào)動用戶的情感粘室,使其與產(chǎn)品產(chǎn)生情感共鳴榄檬。并且符號化圖標(biāo)還可建立起認(rèn)知習(xí)慣,使用戶更快的掌握操作和功能衔统。在用戶與商家交流頁面鹿榜,淘寶APP提供了配合用戶性情的、夸張的表情锦爵,拉近用戶與商家的距離舱殿,使用戶與商家之間快速建立一種情感聯(lián)系,增加用戶的信賴感也豐富了用戶的體驗险掀。

交互設(shè)計在電子商務(wù)應(yīng)用程序中的是自然存在的沪袭,然而,隨著電子產(chǎn)品和用戶體驗日趨復(fù)雜樟氢、功能增多冈绊,新的應(yīng)用程序逐漸出現(xiàn)侠鳄,面對競爭激烈的環(huán)境,應(yīng)用程序必須更加注重交互設(shè)計才能得到用戶的青睞死宣,加之移動設(shè)備的使用環(huán)境和一些物理屬性方面的原因伟恶,給交互設(shè)計帶來更大的挑戰(zhàn),特別是對于現(xiàn)在的信息社會十电,新媒體讓交互設(shè)計的研究更加多樣化知押,無論是手機(jī)應(yīng)用還是網(wǎng)頁應(yīng)用叹螟,用戶都是決定其生存的關(guān)鍵因素鹃骂,在進(jìn)行交互設(shè)計時要多考慮用戶的需求和使用時的體驗,這樣才能夠吸引買家罢绽,使買家成為忠實的用戶畏线。手機(jī)淘寶APP的流行有它的必然性和理由,本文以手機(jī)淘寶APP交互設(shè)計為例良价,了解和分析電子商務(wù)APP交互設(shè)計的要點寝殴,用以促進(jìn)其他類型的手機(jī)APP交互設(shè)計的發(fā)展。

h?j4?_??

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末明垢,一起剝皮案震驚了整個濱河市蚣常,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌痊银,老刑警劉巖抵蚊,帶你破解...
    沈念sama閱讀 218,284評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異溯革,居然都是意外死亡贞绳,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,115評論 3 395
  • 文/潘曉璐 我一進(jìn)店門致稀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來冈闭,“玉大人,你說我怎么就攤上這事抖单∥埽” “怎么了?”我有些...
    開封第一講書人閱讀 164,614評論 0 354
  • 文/不壞的土叔 我叫張陵矛绘,是天一觀的道長耍休。 經(jīng)常有香客問我,道長蔑歌,這世上最難降的妖魔是什么羹应? 我笑而不...
    開封第一講書人閱讀 58,671評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮次屠,結(jié)果婚禮上园匹,老公的妹妹穿的比我還像新娘雳刺。我一直安慰自己,他們只是感情好裸违,可當(dāng)我...
    茶點故事閱讀 67,699評論 6 392
  • 文/花漫 我一把揭開白布掖桦。 她就那樣靜靜地躺著,像睡著了一般供汛。 火紅的嫁衣襯著肌膚如雪枪汪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,562評論 1 305
  • 那天怔昨,我揣著相機(jī)與錄音雀久,去河邊找鬼。 笑死趁舀,一個胖子當(dāng)著我的面吹牛赖捌,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播矮烹,決...
    沈念sama閱讀 40,309評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼越庇,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了奉狈?” 一聲冷哼從身側(cè)響起卤唉,我...
    開封第一講書人閱讀 39,223評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎仁期,沒想到半個月后桑驱,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,668評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡蟀拷,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,859評論 3 336
  • 正文 我和宋清朗相戀三年碰纬,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片问芬。...
    茶點故事閱讀 39,981評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡悦析,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出此衅,到底是詐尸還是另有隱情强戴,我是刑警寧澤,帶...
    沈念sama閱讀 35,705評論 5 347
  • 正文 年R本政府宣布挡鞍,位于F島的核電站骑歹,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏墨微。R本人自食惡果不足惜道媚,卻給世界環(huán)境...
    茶點故事閱讀 41,310評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧最域,春花似錦谴分、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,904評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至薄翅,卻和暖如春沙兰,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背翘魄。 一陣腳步聲響...
    開封第一講書人閱讀 33,023評論 1 270
  • 我被黑心中介騙來泰國打工鼎天, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人熟丸。 一個月前我還...
    沈念sama閱讀 48,146評論 3 370
  • 正文 我出身青樓训措,卻偏偏與公主長得像,于是被迫代替她去往敵國和親光羞。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,933評論 2 355

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,139評論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫怀大、插件纱兑、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,103評論 4 62
  • 安裝 官網(wǎng)下載windows的install文件安裝 使用mysql測試 # coding=utf-8import...
    王滕輝閱讀 497評論 0 0
  • 時光的流逝 緣分一點一點的的靠近 讓我和他一點點的接近 從我喜歡的那一刻開始 感覺自己再也不是自己了 一個寧靜的晚...
    王_慫song閱讀 157評論 0 0
  • 文/濟(jì)安 我的外婆今年八十多了,她有5個孩子化借,有很多的的孫字輩的孩子潜慎。我7歲上學(xué)之前,幾乎是外婆把我?guī)Т蟮谋涂怠8改缸?..
    流淌的溪水閱讀 315評論 0 0