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