五月份最重量級(jí)的交互設(shè)計(jì)文!今年百度的設(shè)計(jì)師們從體驗(yàn)角度出發(fā)，結(jié)合大量現(xiàn)有報(bào)告和資料，尋找那些已經(jīng)嶄露頭角，并且會(huì)在今年形成一定規(guī)模的交互體驗(yàn)趨勢(shì)。與去年不同的是，文中同時(shí)給出了這些趨勢(shì)的應(yīng)用場(chǎng)景，絕對(duì)值得深入閱讀 >>>

　　移動(dòng)產(chǎn)品篇：

　　2015年移動(dòng)應(yīng)用數(shù)量增長(zhǎng)依然強(qiáng)勁，但是移動(dòng)交互體驗(yàn)卻在發(fā)生著變化。較之去年層出不窮的新穎形式，今年交互體驗(yàn)趨勢(shì)中，更多的是某一個(gè)方面的體驗(yàn)優(yōu)化與深耕，而較少有創(chuàng)造性的引領(lǐng)者出現(xiàn)。這說(shuō)明移動(dòng)應(yīng)用在市場(chǎng)在“爆發(fā)”后進(jìn)入了一個(gè)新的階段。這與智能機(jī)市場(chǎng)趨于飽和、手機(jī)屏幕尺寸增長(zhǎng)與用戶對(duì)應(yīng)用的認(rèn)知提升有著密不可分的關(guān)聯(lián)。

　　一、多媒體搜索實(shí)用化（Extensive Usage of Multimedia Search ）

　　隨著技術(shù)的不斷突破，搜索的輸入方式不在僅僅局限于文本搜索，多媒體搜索在搜索結(jié)果質(zhì)量以及精準(zhǔn)度上了有了明顯的進(jìn)步，創(chuàng)造了從娛樂(lè)向?qū)嵱玫倪^(guò)渡。在很多移動(dòng)場(chǎng)景下，多媒體搜索較文本搜索有著不可替代的優(yōu)勢(shì)。通過(guò)《百度移動(dòng)趨勢(shì)報(bào)告2015》研究發(fā)現(xiàn)，移動(dòng)互聯(lián)網(wǎng)下一代主力軍(零零后)對(duì)多媒體搜索的接受度更高。另外數(shù)據(jù)流量方面，4G增長(zhǎng)迅猛也給多媒體搜索實(shí)用化提供了必要條件。

　　Camfind可以通過(guò)拍照物體進(jìn)行搜索，準(zhǔn)確的識(shí)別出搜索對(duì)象的顏色，質(zhì)地，以及屬性。并提供相關(guān)圖片與相關(guān)搜索結(jié)果。

　　Google的語(yǔ)音識(shí)別已經(jīng)成為其搜索的主要形式之一，在很多私人場(chǎng)景中的應(yīng)用較高，并且其語(yǔ)音轉(zhuǎn)化成文本的精準(zhǔn)度也有了很大的提升。

　　應(yīng)用場(chǎng)景：文本輸入成本過(guò)高，沒(méi)有能力文本輸入，或無(wú)法用文本描述搜索對(duì)象的場(chǎng)景 。

　　二、場(chǎng)景化前置，服務(wù)觸達(dá)增強(qiáng)（More Entries Proposed Contextually）

　　根據(jù)TalkingData發(fā)布的《2014移動(dòng)互聯(lián)網(wǎng)數(shù)據(jù)報(bào)告》中的數(shù)據(jù)，全國(guó)平均每部移動(dòng)設(shè)備上安裝34款應(yīng)用，平均打開(kāi)20款。大量應(yīng)用帶來(lái)的競(jìng)爭(zhēng)，促使更多應(yīng)用希望通過(guò)入口前置，提高使用頻率，增強(qiáng)易用性。但是在入口前置的方式中，只有部分提高了便捷性，更多的只是增加了用戶的使用負(fù)擔(dān)與負(fù)面情緒。而適合場(chǎng)景的前置則會(huì)顯得尤為貼心，減少用戶干擾，增強(qiáng)產(chǎn)品粘性與人文關(guān)懷。

　　網(wǎng)易云音樂(lè)將“上一首”、“收藏”、“刪除” 等快捷功能都前置到了鎖屏界面。為那些想快速操作的用戶帶來(lái)極大的便利。同時(shí)這些功能也可以收起至“菜單”，可謂是非常的貼心的設(shè)計(jì)。高德地圖將手機(jī)導(dǎo)航界面前置到了鎖屏，解決了走路用手機(jī)導(dǎo)航時(shí)需要頻繁解鎖的不便。

　　IOS系統(tǒng)的鎖屏界面，會(huì)根據(jù)用戶的地理位置以及周邊信息推薦可能需要的應(yīng)用，例如用戶在招商銀行附近打開(kāi)鎖屏界面，屏幕右下角會(huì)出現(xiàn)招商銀行應(yīng)用的快捷入口。

　　應(yīng)用場(chǎng)景：使用場(chǎng)景明確，需要頻繁操作的應(yīng)用。可在鎖屏界面、通知欄等位置加入場(chǎng)景化前置。

　　三、操作極致簡(jiǎn)化，核心效率提升（Minimalism of Interaction）

　　互聯(lián)網(wǎng)終端多樣化，使用場(chǎng)景復(fù)雜化，使得用戶的操作越來(lái)越碎片，而且缺乏耐心。去繁就簡(jiǎn)，縮短流程成為了不可避免的趨勢(shì)。與此同時(shí)，用戶對(duì)主流的交互方式的認(rèn)知程度有了增強(qiáng)，對(duì)常規(guī)的交互流程的信任度也有了較大提高，一些兩年前看似激進(jìn)的簡(jiǎn)化方式，現(xiàn)在并不會(huì)給用戶帶來(lái)過(guò)多的認(rèn)知成本。

　　Blink將多媒體社交的過(guò)程極度簡(jiǎn)化，進(jìn)行圖片內(nèi)容社交時(shí)，將”選擇發(fā)送對(duì)象”，“創(chuàng)作發(fā)送內(nèi)容”，以及“發(fā)送”三個(gè)動(dòng)作，均由“點(diǎn)擊聯(lián)系人”一個(gè)觸發(fā)事件完成。進(jìn)行視頻社交時(shí)，只需長(zhǎng)按聯(lián)系人，之后后松手即可完成整個(gè)過(guò)程。

　　Chrome將窗口的“關(guān)閉”、“新建”融入到了“刷新“動(dòng)作中，一個(gè)下拉動(dòng)作的變形包含三種操作形式。避開(kāi)了在多窗口中進(jìn)出的繁瑣流程。

　　應(yīng)用場(chǎng)景：操作步驟多且操作頻繁的流程簡(jiǎn)化。如多媒體社交、支付等。

　　四、信息結(jié)構(gòu)輕量化，減少負(fù)擔(dān)（Lightweight of Information Structure）

　　大屏空間下內(nèi)容承載更為復(fù)雜。在直觀的扁平化視覺(jué)設(shè)計(jì)的背后，信息結(jié)構(gòu)扁平化更為重要。出現(xiàn)了信息結(jié)構(gòu)的輕量、清晰化趨勢(shì)。輕盈的信息結(jié)構(gòu)不僅可以強(qiáng)化內(nèi)容本身，還能夠減少用戶對(duì)信息結(jié)構(gòu)和邏輯的理解成本，縮短用戶到達(dá)信息的距離。

　　百度手機(jī)助手在瀏覽應(yīng)用詳情的核心、高頻路徑中，通過(guò)半層彈層模式為整體框架和瀏覽行為“減負(fù)”，盡量避免了頁(yè)面級(jí)的跳轉(zhuǎn)，同時(shí)降低了用戶瀏覽行為的負(fù)擔(dān)感，使操作體驗(yàn)更加輕盈自然。

　　UniqDay做為 “小而美”的功能型應(yīng)用，在產(chǎn)品設(shè)計(jì)之初會(huì)更多考慮到用戶的學(xué)習(xí)成本和接受度。UniqDay就是通過(guò)輕量化的結(jié)構(gòu)設(shè)計(jì)讓用戶在第一次使用的時(shí)候就記住它。對(duì)于倒數(shù)日的添加、編輯設(shè)計(jì)，UniqDay都巧妙的通過(guò)彈層或平移方式幫助用戶理解當(dāng)前所處的位置，使核心模塊穩(wěn)定在用戶的視線內(nèi)，減少頁(yè)面級(jí)的跳轉(zhuǎn)。

　　EMO突破了傳統(tǒng)的框架布局，極端強(qiáng)化了核心功能。這種沉浸式體驗(yàn)設(shè)計(jì)是結(jié)構(gòu)輕量化、扁平化極端的表現(xiàn)，使得用戶更專注于根據(jù)心情聽(tīng)歌的功能與呈現(xiàn)內(nèi)容本身，而不被其他的操作路徑打斷。

　　應(yīng)用場(chǎng)景：為信息層級(jí)較多、頁(yè)面跳轉(zhuǎn)較多的應(yīng)用減負(fù)，或著功能較簡(jiǎn)單的垂類應(yīng)用。

　　五、動(dòng)效表現(xiàn)更具功能指向性，跨越成本收益鴻溝

　　2014年底Android5.0 Lollipop、iOS8兩大移動(dòng)終端系統(tǒng)的發(fā)布，流暢的動(dòng)效逐漸成為一個(gè)應(yīng)用或系統(tǒng)中的“標(biāo)配”。目前動(dòng)效的使用出現(xiàn)了對(duì)于設(shè)計(jì)與情感的過(guò)度消費(fèi)。需要讓其發(fā)揮更多指向性和功能性的作用。通過(guò)指向性、提示性等動(dòng)效自然映射抽象語(yǔ)言，更加直觀的體現(xiàn)出界面、信息之間的層級(jí)和邏輯關(guān)系，讓應(yīng)用更加簡(jiǎn)單易懂，簡(jiǎn)化用戶引導(dǎo)流程，降低用戶學(xué)習(xí)成本，甚至帶給用戶驚喜。

　　Android5.0 Lollipop系統(tǒng)依賴于Material design設(shè)計(jì)語(yǔ)言對(duì)卡片化設(shè)計(jì)的定義，做出了教科書般的量子動(dòng)效設(shè)計(jì)案例。系統(tǒng)上使用大量擬物化，指向性明確動(dòng)效來(lái)引導(dǎo)用戶，體現(xiàn)頁(yè)面層級(jí)邏輯。

　　Yep!采用流暢的位移和變形動(dòng)效，讓用戶理解搜索流程(選擇一個(gè)活動(dòng)-發(fā)送邀請(qǐng)-等待想做相同事情的其他用戶匹配-搜索結(jié)果)的交互機(jī)制，使流程更平滑，更具自解釋性。

　　應(yīng)用場(chǎng)景：該趨勢(shì)將普遍適用于應(yīng)用的場(chǎng)景轉(zhuǎn)換、提示，以及復(fù)雜信息層級(jí)表現(xiàn)

　　六、HTML 5互動(dòng)內(nèi)容廣泛應(yīng)用，持續(xù)豐富產(chǎn)品表現(xiàn)

　　2014年10月W3C宣布HTML5定稿。HTML5技術(shù)的發(fā)展引發(fā)了互動(dòng)形式的創(chuàng)新：可以看到包括搖一搖、3D視圖等形態(tài)的廣泛使用。同時(shí)，可以看到2014年主打故事類場(chǎng)景、產(chǎn)品情懷等HTML5的設(shè)計(jì)，集中引爆移動(dòng)互聯(lián)網(wǎng)傳播，并將在未來(lái)帶來(lái)持續(xù)的浪潮。

　　大眾點(diǎn)評(píng)的《我們之間就一個(gè)字》，主打文字方式的閱讀表現(xiàn)。以差異化的音效、動(dòng)效營(yíng)造出不同的故事場(chǎng)景氛圍，利用文字巧妙勾勒出不同主題的文字故事，通篇無(wú)人物角色卻處處引發(fā)用戶自身聯(lián)想，多維度的促使用戶產(chǎn)生情感共鳴。

　　《夢(mèng)幻水晶球的世界》，細(xì)膩視覺(jué)畫面呈現(xiàn)給用戶一個(gè)美妙的視覺(jué)故事場(chǎng)景。而3D視圖旋轉(zhuǎn)等動(dòng)效讓用戶可以將視角拉近看細(xì)節(jié)或推遠(yuǎn)看全局，像語(yǔ)言故事一樣展開(kāi)故事脈絡(luò)，引發(fā)用戶好奇心并吸引用戶參與。

　　應(yīng)用場(chǎng)景：強(qiáng)調(diào)品牌影響力的運(yùn)營(yíng)活動(dòng)，適合情感化設(shè)計(jì)。

　　七、卡片化在多終端持續(xù)發(fā)揮優(yōu)勢(shì)，成就經(jīng)典設(shè)計(jì)模型

　　卡片化內(nèi)容呈現(xiàn)打破了原有的模式：內(nèi)容至上，去除一切干擾。是目前應(yīng)用比較廣泛的以一種設(shè)計(jì)模式。在用戶需要瀏覽大量信息的場(chǎng)景下，提高了內(nèi)容的呈現(xiàn)效率。同時(shí)卡片化在多平臺(tái)網(wǎng)站設(shè)計(jì)，以及多種屏幕尺寸適配方面依然具有非常明顯的優(yōu)勢(shì)。

　　手機(jī)app的內(nèi)容展現(xiàn)就采用了卡片化的形式，在信息展現(xiàn)上非常突出，同時(shí)針對(duì)不同尺寸的設(shè)備界面展現(xiàn)效果都很贊。

　　在最新發(fā)布的apple watch應(yīng)用中，卡片化的設(shè)計(jì)應(yīng)用也很頻繁。在下面這個(gè)手機(jī)百度的界面中，卡片化的設(shè)計(jì)能夠把團(tuán)購(gòu)的重要信息一覽無(wú)遺的展現(xiàn)出來(lái)。手機(jī)百度中地理位置服務(wù)也采用了卡片化的設(shè)計(jì)，保證不同的卡片組合及內(nèi)容展現(xiàn)均能突出服務(wù)內(nèi)容。。

　　應(yīng)用場(chǎng)景：需要展現(xiàn)較大量信息的應(yīng)用，跨平臺(tái)應(yīng)用等

　　八、大屏操作優(yōu)化普及，塑造高效體驗(yàn)

　　現(xiàn)如今，大屏手機(jī)已經(jīng)隨處可見(jiàn)。更大的屏幕可以展現(xiàn)更多的內(nèi)容，優(yōu)勢(shì)不可比擬。根據(jù)《IDC世界智能設(shè)備跟蹤報(bào)告》分析，大屏設(shè)備市場(chǎng)份額會(huì)持續(xù)上升。用戶也越來(lái)越以開(kāi)放的心態(tài)接受大屏手機(jī)。

　　屏幕越來(lái)越大，我們的手則不然。對(duì)于4英寸以上的大屏手機(jī)，用戶的操作體驗(yàn)并不盡如人意。由于屏幕過(guò)大帶來(lái)的操作不便利亟待解決，“為大屏設(shè)計(jì)”應(yīng)運(yùn)而生。通過(guò)優(yōu)化界面結(jié)構(gòu)，增加手勢(shì)操作，以及適配單手操作布局，可以幫助用戶解放雙手，在大屏下更加自由便捷的進(jìn)行操作。

　　1、重點(diǎn)功能底部聚焦：

　　根據(jù)情況將“功能”或“導(dǎo)航”等原本在頂部導(dǎo)航欄的按鈕下移到界面底部，確保用戶在單手操作時(shí)可以在易于操控的區(qū)域內(nèi)，縮短操作路徑，降低點(diǎn)擊成本。輕單、KEEP、MONO等內(nèi)容類的應(yīng)用將主要功能按鍵設(shè)計(jì)在屏幕底端，不僅提升了操作的可觸達(dá)性，同時(shí)突出了內(nèi)容，改善了閱讀瀏覽體驗(yàn)。

　　2、更多手勢(shì)操作，滑動(dòng)代替點(diǎn)擊：

　　以iOS用戶為例，常規(guī)返回按鍵多設(shè)定在屏幕左上角，對(duì)于大屏用戶來(lái)說(shuō)是不易觸及的點(diǎn)擊盲區(qū)。而Storehouse配合手勢(shì)操作輔助，右滑退出界面，帶來(lái)了極大便利性，滑動(dòng)代替點(diǎn)擊退出的用戶習(xí)慣也逐步養(yǎng)成。PEEK是一個(gè)以手勢(shì)為主導(dǎo)的應(yīng)用，通過(guò)手勢(shì)變化進(jìn)行相應(yīng)操作，大膽的舍棄了功能按鍵。

　　3、單手模式，縮小操作區(qū)域：

　　由于單手操作需求的普遍性，無(wú)論是客戶端產(chǎn)品還是系統(tǒng)平臺(tái)都做出了相應(yīng)適應(yīng)單手操作的解決方案。用戶在特定場(chǎng)景下通過(guò)簡(jiǎn)易觸發(fā)方式進(jìn)入單手模式，縮小操控范圍，將其控制在頁(yè)面中下部手指易于觸及的區(qū)域。iOS系統(tǒng)雙擊Home鍵以及錘子手機(jī)的下拉懸停，都是在系統(tǒng)層級(jí)的交互解決方案。產(chǎn)品層級(jí)中，百度輸入法創(chuàng)新設(shè)計(jì)了可自主調(diào)節(jié)位置和大小的輸入面板，得到了很好的用戶反饋。

　　應(yīng)用場(chǎng)景：平臺(tái)類、工具類等，需要單手操作頻率較高的應(yīng)用

　　九、情感化權(quán)限請(qǐng)求，轉(zhuǎn)化能力陡升

　　部分iOS應(yīng)用在初次使用過(guò)程中，會(huì)因?yàn)楣δ芊?wù)依賴，向用戶請(qǐng)求調(diào)用系統(tǒng)功能的權(quán)限，如獲取地理位置、訪問(wèn)相機(jī)等。請(qǐng)求方式通常為對(duì)話框詢問(wèn)，直接但唐突。通常用戶應(yīng)對(duì)這一場(chǎng)景做出的拒絕行為，導(dǎo)致關(guān)聯(lián)功能服務(wù)的體驗(yàn)損失，進(jìn)而會(huì)導(dǎo)致流水用戶。而在新手引導(dǎo)中強(qiáng)調(diào)權(quán)限請(qǐng)求的“前置化”則會(huì)有效解決這一問(wèn)題。通過(guò)情感化手段傳遞服務(wù)價(jià)值，使得用戶理解調(diào)用的目的，會(huì)有效提升用戶信任感進(jìn)而提高授權(quán)轉(zhuǎn)化率。

　　Looksery產(chǎn)品在調(diào)用iOS系統(tǒng)相機(jī)請(qǐng)求之前，通過(guò)情感化圖標(biāo)和詢問(wèn)式語(yǔ)言，向用戶傳達(dá)了調(diào)起相機(jī)的作用，讓用戶了解調(diào)用目的，使授權(quán)轉(zhuǎn)化率得到很大的提高。

　　Gogobot產(chǎn)品在獲取用戶地理位置之前，描述對(duì)應(yīng)使用場(chǎng)景及其必要性，滿足用戶對(duì)開(kāi)放此權(quán)限的心理預(yù)期，提升授權(quán)轉(zhuǎn)化率。

　　應(yīng)用場(chǎng)景：適用于需要請(qǐng)求系統(tǒng)權(quán)限的應(yīng)用，尤其是對(duì)其強(qiáng)依賴的應(yīng)用

　　總體來(lái)講，移動(dòng)應(yīng)用體驗(yàn)在未來(lái)的一年內(nèi)，會(huì)在各自的領(lǐng)域細(xì)化與深耕，將體驗(yàn)向更加極致的方向推進(jìn)。同時(shí)，屏幕尺寸、用戶認(rèn)知積累，以及產(chǎn)品市場(chǎng)的變化，給用戶體驗(yàn)提升提供了更加有利的條件。這些變化希望能夠被設(shè)計(jì)師們掌握利用，創(chuàng)造更優(yōu)秀的體驗(yàn)。

最新評(píng)論