蘭亭妙微(www.bjsgr.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢(xún)電話(huà)：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
蘭亭妙微(www.bjsgr.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢(xún)電話(huà)：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
用戶(hù)動(dòng)機(jī)，是每個(gè)設(shè)計(jì)師設(shè)計(jì)產(chǎn)品時(shí)必須考慮的問(wèn)題。只有激發(fā)用戶(hù)動(dòng)機(jī)，才能進(jìn)一步提高轉(zhuǎn)化率。本篇文章中，作者從福格PAC動(dòng)機(jī)來(lái)源模型入手，從3種動(dòng)機(jī)來(lái)源介紹如何激發(fā)用戶(hù)的動(dòng)機(jī)。不妨來(lái)看一看，說(shuō)不定有幫助哦。
交互設(shè)計(jì)( interaction design, IXD )，從字面上來(lái)說(shuō)，交互即為相互作用相互影響，設(shè)計(jì)即為理解與傳達(dá)。在互聯(lián)網(wǎng)產(chǎn)品中，交互設(shè)計(jì)對(duì)用戶(hù)體驗(yàn)產(chǎn)生很大的影響。本文將圍繞交互設(shè)計(jì)進(jìn)行分析，與你分享。
前面的文章我們分享了交互設(shè)計(jì)思維，這篇文章，我們來(lái)看看用戶(hù)目標(biāo)與交互目標(biāo)。交互設(shè)計(jì)的核心，就是幫用戶(hù)拆解這些目標(biāo)并找到最優(yōu)路徑，讓他們覺(jué)得“這事兒沒(méi)那么難”。
在設(shè)計(jì)一個(gè)優(yōu)秀的互聯(lián)網(wǎng)產(chǎn)品時(shí)，設(shè)計(jì)流程往往分為幾個(gè)階段，每個(gè)階段都有清晰的目標(biāo)和方法。這不僅幫助我們找到真正的用戶(hù)需求，也確保設(shè)計(jì)思路清晰、可執(zhí)行。下面，我們用簡(jiǎn)單易懂的方式來(lái)講解整個(gè)設(shè)計(jì)流程。
編輯導(dǎo)語(yǔ)：很多產(chǎn)品在使用時(shí)，都會(huì)有“用戶(hù)反饋”這一個(gè)設(shè)置，用戶(hù)可以將自己的操作體驗(yàn)反饋給商家，但你真的了解“用戶(hù)操作反饋”是怎樣的一個(gè)機(jī)制嗎？這篇文章詳細(xì)講解了“操作反饋”這一設(shè)置，一起來(lái)讀一讀吧。
前幾天使用自己產(chǎn)品的時(shí)候，點(diǎn)擊作業(yè)列表想要查看作業(yè)詳情，點(diǎn)擊之后沒(méi)有反應(yīng)，然后又連續(xù)點(diǎn)擊了好幾下，過(guò)了幾秒鐘，界面開(kāi)始連續(xù)跳轉(zhuǎn)。后來(lái)才知道，因?yàn)橛脩?hù)量比較大，產(chǎn)品稍微會(huì)有一些卡頓，導(dǎo)致用戶(hù)點(diǎn)擊后，產(chǎn)品沒(méi)有實(shí)時(shí)的反饋給用戶(hù)，使得用戶(hù)也變得不知所措。
那為什么會(huì)出現(xiàn)這種情況呢？主要原因就是沒(méi)有用戶(hù)操作反饋。一個(gè)好的產(chǎn)品需要根據(jù)用戶(hù)不同的行為操作，實(shí)時(shí)給出反饋，告知用戶(hù)當(dāng)前狀態(tài)或建議，消除用戶(hù)因?yàn)椴淮_定性帶來(lái)的不安感和焦躁感。
可以將用戶(hù)整個(gè)操作流程簡(jiǎn)化為：用戶(hù)輸入—平臺(tái)反饋—結(jié)果反饋。可以看出反饋其實(shí)分為兩種：過(guò)程反饋（平臺(tái)反饋）和結(jié)果反饋。
可以看到無(wú)論Google公司推出的Material Design，還是蘋(píng)果公司的iOS設(shè)計(jì)規(guī)范，都對(duì)用戶(hù)過(guò)程反饋?zhàn)隽思?xì)致的設(shè)計(jì)規(guī)范。
國(guó)內(nèi)也有很多體驗(yàn)很好的APP對(duì)于用戶(hù)反饋方面也做的不錯(cuò)，例如QQ、飛書(shū)。
當(dāng)然也有很多的產(chǎn)品并沒(méi)有做很細(xì)致的反饋設(shè)計(jì)，操作反饋?zhàn)鳛榻换ピO(shè)計(jì)中一個(gè)很細(xì)小的部分不會(huì)影響用戶(hù)正常使用產(chǎn)品，但是會(huì)提升用戶(hù)使用產(chǎn)品的體驗(yàn)。好的用戶(hù)體驗(yàn)在B端對(duì)于用戶(hù)來(lái)說(shuō)不僅降低了學(xué)習(xí)成本，也提升了工作效率。那么如何來(lái)設(shè)計(jì)操作反饋呢？
當(dāng)用戶(hù)觸發(fā)界面時(shí)，也就是人機(jī)交互時(shí)，界面給出的變化，這是過(guò)程反饋。
當(dāng)觸發(fā)結(jié)果頁(yè)面不能及時(shí)告知用戶(hù)時(shí)，例如點(diǎn)擊操作區(qū)域需要跳轉(zhuǎn)新頁(yè)面，或者需要展示彈窗等這一類(lèi)都需要經(jīng)過(guò)一段時(shí)間才可以讓用戶(hù)看到結(jié)果的場(chǎng)景，需要考慮給觸發(fā)反饋。
那什么時(shí)候不需要給觸發(fā)反饋呢？例如點(diǎn)擊收藏，收藏的icon會(huì)變成填充樣式，用戶(hù)可以實(shí)時(shí)的感受到觸發(fā)結(jié)果，即不需要再給用戶(hù)觸發(fā)反饋。
過(guò)程反饋的方式主要分為三種。
（1）視覺(jué)反饋
用戶(hù)操作界面之后，界面通過(guò)視覺(jué)的變化對(duì)用戶(hù)進(jìn)行反饋，比如：顏色、形狀、動(dòng)畫(huà)等。
對(duì)于iOS系統(tǒng)，以及一些體驗(yàn)較好的應(yīng)用程序分析得出主要使用場(chǎng)景包含：列表、宮格、操作Icon、按鈕（控件）。
場(chǎng)景是根據(jù)樣式的不同進(jìn)行分類(lèi)的。
a. 列表
樣式：當(dāng)用戶(hù)點(diǎn)擊時(shí)給列表一個(gè)灰度的背景色，讓用戶(hù)知道自己已經(jīng)點(diǎn)擊了觸發(fā)區(qū)域。也告知用戶(hù)在當(dāng)前背景色塊上，點(diǎn)擊任何地方都是可以觸發(fā)的。
b. 宮格
樣式：當(dāng)用戶(hù)點(diǎn)擊時(shí)給宮格一個(gè)灰度的遮罩，或者是一個(gè)灰度的背景色。
c. 操作Icon
樣式：當(dāng)用戶(hù)點(diǎn)擊時(shí)，Icon降低透明度。
d. 控件
只根據(jù)控件樣式來(lái)進(jìn)行舉例說(shuō)明，例如actionsheet，在樣式上可以根據(jù)列表樣式做統(tǒng)一規(guī)范。
Button樣式：當(dāng)用戶(hù)點(diǎn)擊時(shí)，按鈕變色，如果是次級(jí)描邊按鈕，也可以增加填充的色塊。
e. 步進(jìn)器
樣式：給點(diǎn)擊區(qū)域一個(gè)背景色。
f. 鍵盤(pán)
樣式：在點(diǎn)擊時(shí)，會(huì)給一個(gè)填充的背景色、或者進(jìn)行反色處理。
（2）觸覺(jué)反饋
（3） 聽(tīng)覺(jué)反饋
用戶(hù)操作界面后，界面通過(guò)聲音對(duì)用戶(hù)進(jìn)行反饋。
iOS設(shè)置手機(jī)鈴聲時(shí)，選擇不同的鈴聲時(shí)，會(huì)自動(dòng)播放鈴聲。
過(guò)程反饋設(shè)計(jì)規(guī)范可根據(jù)產(chǎn)品界面的不同元素制定反饋樣式。這本身是一件比較細(xì)致的工作，可能花費(fèi)較大的工作量，所以在實(shí)際工作中也可根據(jù)產(chǎn)品功能的優(yōu)先級(jí)，安排迭代順序。
當(dāng)系統(tǒng)對(duì)用戶(hù)的操作，或因用戶(hù)的行為導(dǎo)致的變化結(jié)果，給出的反饋就是結(jié)果反饋。
由于結(jié)果反饋的文章講解特別多，這里就不再過(guò)多贅述，簡(jiǎn)單的總結(jié)一些常用的結(jié)果反饋方式。
結(jié)果反饋方式可分為4種樣式：
彈窗分為模態(tài)彈窗和非模態(tài)彈窗。
模態(tài)彈窗會(huì)打斷用戶(hù)當(dāng)前操作流程，也是一種強(qiáng)提示，用戶(hù)必須和彈窗進(jìn)行交互，才能進(jìn)行之后的操作。
非模態(tài)彈窗一般出現(xiàn)2-3秒之后，自動(dòng)消失，不會(huì)對(duì)用戶(hù)造成干擾，屬于輕量級(jí)提示。
例如當(dāng)新建表單時(shí)，點(diǎn)擊提交按鈕，toast提示提交成功，這就是使用了非模態(tài)彈窗對(duì)用戶(hù)的操作進(jìn)行了輕量級(jí)反饋。
若刪除文件時(shí)，一般會(huì)彈出一個(gè)對(duì)話(huà)框，讓用戶(hù)再次確認(rèn)刪除后的一些影響，是否刪除？這就是使用了模態(tài)彈窗對(duì)用戶(hù)的操作進(jìn)行的強(qiáng)反饋。
一般用做表單的校驗(yàn)，讓用戶(hù)知道自己所填寫(xiě)項(xiàng)的狀態(tài)，例如輸入內(nèi)容是否合理，該如何填寫(xiě)等提示。
頁(yè)面反饋，相較于彈窗會(huì)更重一些。一般也用于比較重要的操作流程的結(jié)果頁(yè)面，例如淘寶買(mǎi)完?yáng)|西的結(jié)果頁(yè)面、餓了么下單完成后的結(jié)果頁(yè)面。
動(dòng)畫(huà)的合理使用不僅可以告知當(dāng)前狀態(tài)，還會(huì)將用戶(hù)帶入當(dāng)前場(chǎng)景，吸引用戶(hù)注意力。例如，微博的點(diǎn)贊，會(huì)出現(xiàn)一個(gè)點(diǎn)贊的動(dòng)畫(huà)，讓點(diǎn)贊變得更加有趣。
微信圖書(shū)，點(diǎn)擊進(jìn)入書(shū)本詳情時(shí)會(huì)出現(xiàn)一個(gè)打開(kāi)書(shū)本的動(dòng)畫(huà)，讓用戶(hù)帶入實(shí)際看書(shū)場(chǎng)景，增強(qiáng)沉浸感。
音效的反饋也比較常見(jiàn)，例如ios下載時(shí)，會(huì)有叮咚一聲，聲音的反饋不僅提升了用戶(hù)體驗(yàn)，對(duì)于加強(qiáng)品牌認(rèn)知也很有幫助。
以上是我對(duì)于操作反饋的一些整理和復(fù)盤(pán)，其中也借鑒了一些大神的佳作，不到之處，希望和大家一起探討交流。
在實(shí)際項(xiàng)目的運(yùn)用中，也會(huì)根據(jù)實(shí)際的研發(fā)情況，逐步的去調(diào)整，不斷地完善產(chǎn)品細(xì)節(jié)。
本文由 @小太陽(yáng)不愛(ài)吃辣椒 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來(lái)自 Unsplash，基于 CC0 協(xié)議。
蘭亭妙微(www.bjsgr.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢(xún)電話(huà)：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
編輯導(dǎo)語(yǔ)：自適應(yīng)設(shè)計(jì)指能使界面自適應(yīng)顯示在不同大小終端設(shè)備上的設(shè)計(jì)方式及技術(shù)。而內(nèi)容自適應(yīng)則需要對(duì)用戶(hù)行為進(jìn)行預(yù)判進(jìn)而改變?cè)O(shè)計(jì)內(nèi)容，本文作者將對(duì)自適應(yīng)設(shè)計(jì)在內(nèi)容上的應(yīng)用進(jìn)行分享，值得閱讀學(xué)習(xí)。
我們一般說(shuō)的自適應(yīng)設(shè)計(jì)，多半指的是界面自適應(yīng)，即為不同的終端設(shè)計(jì)不同的界面布局與操作流程。而內(nèi)容自適應(yīng)，是一種根據(jù)用戶(hù)標(biāo)簽與操作行為預(yù)判用戶(hù)目標(biāo)所需頁(yè)面內(nèi)容的方式，他的優(yōu)點(diǎn)是既能預(yù)測(cè)交互意圖，實(shí)現(xiàn)信息量的智能輸出，同時(shí)也能滿(mǎn)足不同交互需求，改變界面樣式，達(dá)到降低人機(jī)交互負(fù)荷的目的。
以下，是道樂(lè)UED團(tuán)隊(duì) 基于查閱的資料以及行業(yè)的積累，帶來(lái)的一篇關(guān)于內(nèi)容自適應(yīng)的分享。
目錄：
目前自適應(yīng)界面在內(nèi)容上的呈現(xiàn)大致包括兩種類(lèi)型：
顧名思義，就是根據(jù)用戶(hù)當(dāng)下的操作，實(shí)時(shí)判斷用戶(hù)所需，從而調(diào)整不同的信息展示與布局，他的優(yōu)勢(shì)在于能盡量減少頁(yè)面上與用戶(hù)目標(biāo)不相關(guān)信息的展示，從而提升用戶(hù)操作的效率與準(zhǔn)確度
通過(guò)用戶(hù)標(biāo)簽與過(guò)往數(shù)據(jù)的分析，調(diào)整頁(yè)面內(nèi)容的展示數(shù)量與優(yōu)先級(jí)，僅展示用戶(hù)感興趣或可能感興趣的內(nèi)容，從而提高用戶(hù)在使用產(chǎn)品中的轉(zhuǎn)化率。
總的來(lái)說(shuō)，內(nèi)容自適應(yīng)更趨向于對(duì)用戶(hù)行為軌跡的縱向思考，將“用戶(hù)尋找信息”的被動(dòng)服務(wù)模式轉(zhuǎn)化為“信息尋找用戶(hù)”主動(dòng)服務(wù)模式。滿(mǎn)足差異化的用戶(hù)需求，提升企業(yè)系統(tǒng)的用戶(hù)體驗(yàn)和人性化服務(wù)水平。
（1）搜索
① Google搜索
自適應(yīng)設(shè)計(jì)在搜索上的應(yīng)用意味著針對(duì)每個(gè)用戶(hù)的每一次搜索，都會(huì)產(chǎn)生一個(gè)定制的界面，該界面將自身塑造成所顯示的信息。請(qǐng)看以下示例：如何根據(jù)不同的用例更改搜索結(jié)果頁(yè)面。
最近，Google搜索的設(shè)計(jì)重點(diǎn)是在用戶(hù)點(diǎn)擊搜索結(jié)果之前傳遞信息。為此，Google采用了一種稱(chēng)為自適應(yīng)設(shè)計(jì)的方法。
Google搜索適應(yīng)用戶(hù)需求的第一種方法是重新安排導(dǎo)航以適應(yīng)結(jié)果。
Google有362,880種獨(dú)特的方式來(lái)排列導(dǎo)航，以適應(yīng)搜索查詢(xún)。然而，自適應(yīng)設(shè)計(jì)的最大例子是搜索結(jié)果本身的布局。結(jié)果頁(yè)面是完全模塊化的：根據(jù)搜索結(jié)果，不同的元素出現(xiàn)在不同的配置中。
例如，音樂(lè)家Lizzo的搜索結(jié)果集中在媒體上：一組模塊以本機(jī)格式顯示視頻，圖片和歌曲。還顯示最近的新聞，推文和即將舉行的活動(dòng)，以及指向Lizzo在YouTube、Twitter、Facebook、Instagram和SoundCloud上的個(gè)人資料鏈接。直到頁(yè)面底部，我們才能看到看起來(lái)像傳統(tǒng)搜索結(jié)果的元素。
另一方面，以色列特拉維夫市的搜索結(jié)果為旅行者提供優(yōu)先信息。圖片、地圖、當(dāng)?shù)靥鞖庖约芭c旅行有關(guān)的問(wèn)題（“特拉維夫?qū)τ慰桶踩珕幔?rdquo;、“特拉維夫以什么聞名？”）優(yōu)先于傳統(tǒng)搜索結(jié)果。模塊促進(jìn)了特拉維夫的活動(dòng)以及對(duì)附近其他城市的推薦。搜索結(jié)果頁(yè)上可能會(huì)出現(xiàn)數(shù)千個(gè)不同的模塊，從簡(jiǎn)單的布局驅(qū)動(dòng)模塊到完全獨(dú)立的應(yīng)用程序。
例如，“aapl”的搜索結(jié)果頁(yè)上，股票代碼模塊顯示了當(dāng)前價(jià)格和交互式歷史價(jià)格圖。
通過(guò)自適應(yīng)設(shè)計(jì)，所有有關(guān)內(nèi)容、格式和順序的決策都是由算法決定的。設(shè)計(jì)人員的作用不再是創(chuàng)建明確的外部布局。
如今，尖端產(chǎn)品的設(shè)計(jì)者，以及未來(lái)日常產(chǎn)品的設(shè)計(jì)者，正在就生成這些布局的規(guī)則做出決策。
② 淘寶搜索
淘寶搜索結(jié)果頁(yè)，當(dāng)用戶(hù)往下滑動(dòng)查看更多時(shí)，系統(tǒng)判斷你根據(jù)當(dāng)前搜索頁(yè)沒(méi)有找到想要的內(nèi)容，則根據(jù)不同物品展示物品的更細(xì)分的篩選，如啤酒會(huì)c展示“德國(guó)進(jìn)口啤、國(guó)產(chǎn)精釀、比利時(shí)精釀”，方便用戶(hù)找到目標(biāo)物品。
③ OTA平臺(tái)PC端（去哪兒、攜程等）
攜程/去哪兒pc端中，Tab前置條件是國(guó)內(nèi)/國(guó)際，在選擇國(guó)內(nèi)機(jī)票時(shí)，默認(rèn)單程。在選擇“國(guó)際/港澳臺(tái)機(jī)票”時(shí)，則默認(rèn)機(jī)票往返。
這樣的功能設(shè)置是基于對(duì)用戶(hù)需求的深入研究得出的，主要有以下幾個(gè)原因：
基于以上充分的原因，這個(gè)自適應(yīng)功能設(shè)計(jì)就得以開(kāi)發(fā)并成功提高用戶(hù)的使用效率。
（2）根據(jù)用戶(hù)靜態(tài)標(biāo)簽優(yōu)化結(jié)果
靜態(tài)標(biāo)簽：用戶(hù)主動(dòng)提供的數(shù)據(jù), 指用戶(hù)不變的基礎(chǔ)信息，多為用戶(hù)固定數(shù)據(jù)，如姓名、性別、年齡、身高、體重、職業(yè)、地區(qū)、設(shè)備信息、來(lái)源渠道等。
定位地區(qū)：大眾點(diǎn)評(píng)——切換城市
大眾點(diǎn)評(píng)的這個(gè)功能經(jīng)常被拿出來(lái)說(shuō)，當(dāng)你到另一個(gè)城市，通過(guò)獲取定位申請(qǐng)，判斷你是來(lái)這座城市旅游的場(chǎng)景，從而頁(yè)面展示中入口就改成了跟旅游相關(guān)，這其實(shí)也有點(diǎn)內(nèi)容自適應(yīng)的意思，通過(guò)用戶(hù)不同的操作展示不同的內(nèi)容。
歷史自適應(yīng)主要集中在特定領(lǐng)域的個(gè)性化界面定制和推薦等方面。針對(duì)不同用戶(hù)呈現(xiàn)不同界面，根據(jù)用戶(hù)的類(lèi)型、任務(wù)特點(diǎn)、喜好等提供不同的界面樣式。
（1）根據(jù)用戶(hù)動(dòng)態(tài)/預(yù)測(cè)標(biāo)簽算法推薦定制內(nèi)容
預(yù)測(cè)標(biāo)簽：平臺(tái)介入的數(shù)據(jù)，指根據(jù)用戶(hù)在平臺(tái)內(nèi)的行為數(shù)據(jù)對(duì)用戶(hù)未來(lái)行為或喜好進(jìn)行預(yù)測(cè)；是設(shè)計(jì)千人千面和運(yùn)營(yíng)策略的關(guān)鍵；比如某電商平臺(tái)，根據(jù)用戶(hù)A“月均消費(fèi)5單，且有數(shù)額過(guò)萬(wàn)的運(yùn)動(dòng)商品”的購(gòu)物數(shù)據(jù)，平臺(tái)會(huì)給用戶(hù)A打“高頻、品質(zhì)敏感性、運(yùn)動(dòng)”的標(biāo)簽，后期會(huì)更多推薦高品質(zhì)運(yùn)動(dòng)商品及相關(guān)運(yùn)動(dòng)品牌活動(dòng)的精準(zhǔn)推送。
用戶(hù)標(biāo)簽是構(gòu)成用戶(hù)畫(huà)像的核心因素，是將用戶(hù)在平臺(tái)內(nèi)所產(chǎn)生的行為數(shù)據(jù)，分析提煉后生成具有差異性特征的形容詞。即用戶(hù)通過(guò)平臺(tái)，在什么時(shí)間什么場(chǎng)景下做了什么行為，平臺(tái)將用戶(hù)所有行為數(shù)據(jù)提煉出來(lái)形成支撐業(yè)務(wù)實(shí)現(xiàn)的可視化信息。
① 用戶(hù)生產(chǎn)內(nèi)容（UGC）
互聯(lián)網(wǎng)上的許多站點(diǎn)開(kāi)始廣泛使用用戶(hù)生成內(nèi)容的方式提供服務(wù)，許多圖片、視頻、博客、播客、論壇、評(píng)論、社交、Wiki、問(wèn)答、新聞、研究類(lèi)的網(wǎng)站都使用了這種方式。
② 電商平臺(tái)
這種平臺(tái)一般會(huì)隨著用戶(hù)的使用，網(wǎng)站會(huì)積累及不斷修正及展示最貼近用戶(hù)喜好的產(chǎn)品，從而進(jìn)行推薦。功能上適應(yīng)了用戶(hù)的喜好，會(huì)大大增加用戶(hù)的粘性。
③ APP Store 應(yīng)用頁(yè)面大變動(dòng)：不同用戶(hù)可看到不同功能與內(nèi)容
自定義產(chǎn)品頁(yè)功能讓開(kāi)發(fā)者可以面向不同用戶(hù)展示 App 的不同功能，產(chǎn)品頁(yè)優(yōu)化功能則讓開(kāi)發(fā)者們能夠測(cè)試不同的截屏、預(yù)覽視頻，甚至 App 圖標(biāo)。
蘋(píng)果指出，得益于 App Store Connect 詳實(shí)且注重隱私的分析，開(kāi)發(fā)者可以了解自己用戶(hù)的偏好，從而決定產(chǎn)品頁(yè)的展示內(nèi)容。
④ SoulAPP創(chuàng)始人：Sou了APP功能符合不同場(chǎng)景的用戶(hù)需求
SoulAPP多種匹配機(jī)制,功能符合不同場(chǎng)景的客戶(hù)需求。Soul利用AI大數(shù)據(jù)，依照性格、興趣等因素,劃分用戶(hù)。通過(guò)這種精準(zhǔn)的方式分類(lèi)用戶(hù),以便用戶(hù)之間能夠更高效地建立連接。第一次注冊(cè)SoulAPP，用戶(hù)需要通過(guò)系統(tǒng)的一些答題測(cè)試,以便于生成符合自己的性格報(bào)告。接著就是通過(guò)上述數(shù)據(jù)采集，劃分專(zhuān)屬圈子，這里就是大家經(jīng)常說(shuō)的“星球“，這些都是基于SoulAPP的AI功能。
自適應(yīng)界面同樣有一些“小缺點(diǎn)”，違背了一些眾所周知的可用性原則：
內(nèi)容自適應(yīng)的核心在于，基于用戶(hù)過(guò)往的操作以及行為路徑的分析，提前預(yù)判用戶(hù)下一步需要的內(nèi)容，從而讓用戶(hù)能更便捷的使用產(chǎn)品。但是在金融產(chǎn)品的設(shè)計(jì)中比較特殊，往往用戶(hù)在使用產(chǎn)品的一個(gè)核心需求是安全感，產(chǎn)品安全、資產(chǎn)安全、操作安全等都是用戶(hù)著重關(guān)注的點(diǎn)，所以如果一味的進(jìn)行內(nèi)容自適應(yīng)設(shè)計(jì)，會(huì)讓用戶(hù)產(chǎn)生“信息泄露”的擔(dān)憂(yōu)，從而失去對(duì)該產(chǎn)品的信任。
基于以上內(nèi)容自適應(yīng)的分析以及金融產(chǎn)品設(shè)計(jì)的特殊性，我們來(lái)看看有哪些可以運(yùn)用到金融產(chǎn)品的設(shè)計(jì)中來(lái)。
（1）金融應(yīng)用的[截圖]功能
截圖功能可以根據(jù)用戶(hù)場(chǎng)景與用戶(hù)目標(biāo)兩個(gè)維度進(jìn)行分析。截圖操作的發(fā)生幾乎會(huì)發(fā)生在用戶(hù)使用金融應(yīng)用的各個(gè)場(chǎng)景，比如瀏覽金融產(chǎn)品、查看產(chǎn)品詳情、查看持倉(cāng)資產(chǎn)、收益等等，而不同的場(chǎng)景用戶(hù)的目標(biāo)也有所不同，我們可以根據(jù)用戶(hù)不同的操作目標(biāo)，為用戶(hù)提供自適應(yīng)的內(nèi)容來(lái)方便用戶(hù)的操作。
截圖常見(jiàn)的用戶(hù)目標(biāo)大致分為兩類(lèi)：報(bào)錯(cuò)與分享。我們可以為這兩個(gè)用戶(hù)目標(biāo)做一些內(nèi)容上設(shè)計(jì)。
報(bào)錯(cuò)一般會(huì)關(guān)聯(lián)產(chǎn)品的在線(xiàn)客服功能，那么我們?cè)谟脩?hù)截圖操作發(fā)生后，提供在線(xiàn)客服的入口，同時(shí)分析報(bào)錯(cuò)自身的用戶(hù)行為，如可能是針對(duì)頁(yè)面的哪個(gè)點(diǎn)或者哪個(gè)區(qū)域報(bào)錯(cuò)，那我們可以針對(duì)這一點(diǎn)再提供編輯截圖的功能等等。
如此根據(jù)用戶(hù)目標(biāo)拆解用戶(hù)行為，設(shè)計(jì)對(duì)應(yīng)的功能來(lái)滿(mǎn)足用戶(hù)操作，從而減少用戶(hù)的操作路徑。
分享可根據(jù)用戶(hù)場(chǎng)景設(shè)計(jì)不同的內(nèi)容，如：
（2）金融應(yīng)用的[內(nèi)容管理]功能
買(mǎi)衣服的時(shí)候，絕大多數(shù)人在意的是是否合身，對(duì)于數(shù)字產(chǎn)品，同樣是如此。在一個(gè)金融應(yīng)用的內(nèi)容管理功能當(dāng)中，會(huì)推送大量的內(nèi)容給用戶(hù)，絕大多數(shù)的用戶(hù)幾乎沒(méi)有時(shí)間來(lái)掌控所有的信息，導(dǎo)致部分對(duì)用戶(hù)有用的信息被忽略，這樣意味著內(nèi)容的可定制化是極其重要的。
內(nèi)容的可定制化體現(xiàn)在不同用戶(hù)的分層上，基于分層，我們可以為相同類(lèi)型用戶(hù)推送內(nèi)容。如持有私募基金的用戶(hù)，我們可能會(huì)更多為其推送關(guān)于此類(lèi)產(chǎn)品的信息以及高端用戶(hù)的優(yōu)惠、活動(dòng)、資產(chǎn)報(bào)告等信息。
（3） 金融應(yīng)用的[搜索]功能
金融產(chǎn)品的搜索，除了具備一般應(yīng)用該有的內(nèi)容，如最近搜索、熱門(mén)搜索、搜索排行榜等，也需要基于產(chǎn)品特性來(lái)思考還有哪些可以展示的內(nèi)容。
根據(jù)用戶(hù)行為與數(shù)據(jù)分析，一般搜索的關(guān)鍵詞為基金名稱(chēng)或者基金代碼，而搜索的目的是查看該產(chǎn)品的信息以及收益情況，那么基于此類(lèi)目的，我們可以當(dāng)用戶(hù)輸入基金名稱(chēng)后，展示該基金最近的凈值走勢(shì)等內(nèi)容，這樣用戶(hù)就可以提前了解部分基金信息，可以提前做一個(gè)判斷，需不需要進(jìn)入搜索結(jié)果頁(yè)進(jìn)一步的了解。
除了提前展示該基金部分產(chǎn)品信息以外，我們也可以展示相類(lèi)似基金，防止用戶(hù)因提前獲知產(chǎn)品部分信息而帶來(lái)的流失率，當(dāng)用戶(hù)不滿(mǎn)意該只基金的近期表現(xiàn)，我們可以為其提供表現(xiàn)良好的基金供其選擇，從而提高產(chǎn)品的轉(zhuǎn)化率。
通過(guò)對(duì)自適應(yīng)設(shè)計(jì)在內(nèi)容上的應(yīng)用探究，我們對(duì)內(nèi)容自適應(yīng)的設(shè)計(jì)手法及應(yīng)用場(chǎng)景有了初步的理解，也會(huì)繼續(xù)的探究并運(yùn)用到實(shí)際的工作中來(lái)，希望這些思考能為大家?guī)?lái)一些幫助。
作者：道樂(lè)UED全體成員
原文鏈接：https://www.ui.cn/detail/610302.html
本文由 @道樂(lè)科技設(shè)計(jì)中心 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash，基于CC0協(xié)議。
蘭亭妙微(www.bjsgr.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢(xún)電話(huà)：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
編輯導(dǎo)語(yǔ)：智能手機(jī)現(xiàn)在對(duì)于大家來(lái)說(shuō)都并不陌生，而“陀螺儀”作為手機(jī)上的一種先進(jìn)硬件，可以增強(qiáng)手機(jī)的使用感，本文作者介紹了一些運(yùn)用陀螺儀讓人身臨其境的設(shè)計(jì)，讓我們一起來(lái)看看吧！
iPhone率先將先進(jìn)硬件（如陀螺儀、重力感應(yīng)等傳感器）引入手機(jī)，讓智能手機(jī)的硬件參數(shù)和升級(jí)成為用戶(hù)的重要選購(gòu)參考，設(shè)計(jì)師們也會(huì)在設(shè)計(jì)時(shí)關(guān)注到硬件的應(yīng)用和潛力挖掘。今天我們淺聊一下“陀螺儀”在增強(qiáng)交互體驗(yàn)、豐富交互反饋上的實(shí)際應(yīng)用。
▲ 智能手機(jī)有豐富的硬件能力
在我們的自然交互場(chǎng)景中，視野的變化（如觀察四周）和速度的感受（如拍打搖晃）是和五感非常緊密的體驗(yàn)。手機(jī)中的陀螺儀和加速度傳感器就是這樣的硬件，可以感知我們?cè)谑褂迷O(shè)備時(shí)的角度、位置和速度變化。
▲ 陀螺儀可測(cè)量設(shè)備的方向和角速度
通過(guò)陀螺儀傳感器，手機(jī)應(yīng)用能感知用戶(hù)設(shè)備的角度變化并觸發(fā)相應(yīng)的動(dòng)作和交互，拓展平面屏幕空間，實(shí)現(xiàn)更加有空間操縱感的體驗(yàn)。比如，最常見(jiàn)的就是的手機(jī)橫/豎屏自動(dòng)切換、導(dǎo)航指路、手機(jī)搖一搖等功能。
▲ 手機(jī)橫豎自動(dòng)切換
▲ 地圖方向感知
通常背景氛圍圖片的展示區(qū)域最多只有屏幕寬度，但是結(jié)合陀螺儀的角度感知，通過(guò)視差變化可以將視圖延展到原先被限制的空間之外，給用戶(hù)更多的視覺(jué)信息，形成類(lèi)3D的空間效果。淘寶人生的套裝展示頁(yè)中，當(dāng)轉(zhuǎn)動(dòng)手機(jī)時(shí)背景圖和人物模型也會(huì)跟隨變化，讓人物及服裝的展示更加生動(dòng)和有沖擊力。
▲淘寶人生套裝展示
當(dāng)將多幀圖片匹配視角變化時(shí)，甚至能帶來(lái)裸眼3D的效果。
▲類(lèi)裸眼3D效果
根據(jù)陀螺儀旋轉(zhuǎn)視角，靜態(tài)圖片可以不僅僅固定在單一位置上，還可以升級(jí)為交互性?xún)?nèi)容，模擬現(xiàn)實(shí)空間里物品的拋、彈、跳，讓信息交互更有驚喜感，讓用戶(hù)身臨其境更有控制欲，不知不覺(jué)反復(fù)把玩。
▲ 好好住徽章動(dòng)態(tài)交互
很多應(yīng)用中，陀螺儀承載了其核心的能力，給用戶(hù)帶來(lái)突破屏幕的360度的全景體驗(yàn)。比如在星圖類(lèi)APP中，跟隨陀螺儀的變化，可以將浪漫的星空變得可識(shí)別和觸手可及。
▲ 星空APP–即時(shí)星圖體驗(yàn)
陀螺儀在體感類(lèi)手游游中可以說(shuō)是標(biāo)配，幾乎所有需要感知三維空間變化的游戲都需要用到它。尤其是賽車(chē)、飛機(jī)或者體育類(lèi)游戲，對(duì)角色控制和視角變化有高精準(zhǔn)度要求。通過(guò)調(diào)整手機(jī)姿勢(shì)、上下左右擺動(dòng)，模擬真實(shí)空間的操控性反饋，增強(qiáng)了游戲空間的3D體感，用戶(hù)跟隨視角變化在游戲里上下翻飛，有強(qiáng)烈的代入感和沉浸感。
▲ 狂野飆車(chē)的鏡頭視角變化
▲ 和平精英體感操作
VR體感游戲中的陀螺儀跟隨用戶(hù)肢體的動(dòng)作，實(shí)現(xiàn)虛擬空間物品距離和空間視角的變化。
▲ AR體感游戲
除了可以操控平面元素，在我們使用3D AR交互功能時(shí)，陀螺儀也可以增強(qiáng)與現(xiàn)實(shí)空間交互的真實(shí)感。和現(xiàn)實(shí)世界的自然交互一樣，當(dāng)相機(jī)靠近被跟蹤的3D模型時(shí)，3D形象需按比例放大，并跟隨相機(jī)的視角調(diào)整3D模型的展示視角。
▲ 3D應(yīng)用
▲ AR跟隨并觸發(fā)功能
而且，在有多維空間切換訴求的場(chǎng)景中，可以通過(guò)監(jiān)測(cè)手機(jī)的角度變化，在2D/3D兩種空間中快速輕便切換。比如高德地圖的步行導(dǎo)航，當(dāng)用戶(hù)抬起手機(jī)能迅速進(jìn)入AR導(dǎo)航模式，輕松獲得3D實(shí)景指引，讓用戶(hù)想迷路都難。
▲抬起喚醒AR導(dǎo)航
▲放下恢復(fù)平面導(dǎo)航
▲高德地圖喚醒AR實(shí)景導(dǎo)航
在智能玩具中也會(huì)用到陀螺儀，例如Smart Car教育機(jī)器人。在它的手勢(shì)控制手表上就裝有陀螺儀，可以根據(jù)手勢(shì)控制機(jī)器人移動(dòng)。
▲ 陀螺儀體感控制
陀螺儀還能植入其他生活用品中，比如在這款潮人喜愛(ài)的LED鞋中，它跟隨你腳步的速度和角度，展示炫目的燈光顏色和模式，讓你成為人群的焦點(diǎn)。
▲ 發(fā)光的鞋子通過(guò)陀螺儀
陀螺儀除了可以帶來(lái)視覺(jué)和體感上的空間感和操縱感，在音頻上也能實(shí)現(xiàn)更真實(shí)極致的環(huán)繞聲體驗(yàn)。比如，AirPods Pro內(nèi)置的陀螺儀和加速度傳感器會(huì)對(duì)佩戴者的頭部進(jìn)行追蹤，即使你的位置變化也能使環(huán)繞音效保持在固定位置，讓環(huán)境音會(huì)根據(jù)人的移動(dòng)而移動(dòng)，創(chuàng)造沉浸式的聲音體驗(yàn)。
▲ Airpods環(huán)繞聲定位
Airpods的空間音頻能力，也可以應(yīng)用到界面交互上。通過(guò)把頭部角度變化映射到圖片視角變化，形成視差效果，轉(zhuǎn)動(dòng)頭部就能看到更多內(nèi)容。
▲ Airpods跟隨示例
除了陀螺儀，移動(dòng)設(shè)備還有很多豐富的傳感器硬件能力，如壓力傳感器、光學(xué)傳感器、震動(dòng)傳感器、NFC等，各種令人印象深刻的交互表達(dá)中都有它們的身影。例如，zenly的bump功能通過(guò)近場(chǎng)互動(dòng)快速添加好友和查看信息，字體設(shè)計(jì)網(wǎng)站通過(guò)屏幕多指觸控可以讓設(shè)計(jì)更自由和可控。
▲zenly近場(chǎng)互動(dòng)
▲多指觸屏設(shè)計(jì)字體
在體驗(yàn)設(shè)計(jì)中，我們可以在合適的場(chǎng)景使用硬件能力集成更豐富的功能，創(chuàng)造更加匹配自然行為和有創(chuàng)意的交互和反饋，為用戶(hù)帶來(lái)更多直接有趣的體驗(yàn)~
作者：能操縱空間的；
原文鏈接：https://mp.weixin.qq.com/s/qAz5WK9zQ7JPhgpBqmgorw
本文由 @淘寶設(shè)計(jì) 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來(lái)自 Unsplash，基于CC0協(xié)議
蘭亭妙微(www.bjsgr.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢(xún)電話(huà)：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.bjsgr.cn