大體上分為兩類：彩蛋流和體驗流
搜索的本質(zhì)是什么？無疑是內(nèi)容的召回和信息的推薦。
可隨著時代的發(fā)展和行業(yè)公司的內(nèi)卷，不少公司除了持續(xù)優(yōu)化搜索結(jié)果與推薦外，在搜索的體驗和彩蛋上也是下了不少功夫，從而進一步加強自有產(chǎn)品的競爭力與用戶黏性。因此今天就來盤點一些，那有意思的大廠搜索交互。
大體上分為兩類：彩蛋流和體驗流
注重提升搜索過程中的趣味程度，以增加用戶的好感度與產(chǎn)品印象/口碑。行業(yè)代表：谷歌瀏覽器、百度瀏覽器
可以說是搜索彩蛋的先行者，內(nèi)置了很多搜索關(guān)鍵詞的有趣彩蛋，如娛樂角色：搜索【滅霸】，頁面右邊會打響指，相關(guān)字段會被’毀滅‘掉
搜索【馬里奧兄弟】，右邊也有游戲里一樣的點擊彩蛋
還有各種有意思的搜索結(jié)果比如搜：is google down（谷歌關(guān)閉了嗎），搜索結(jié)果優(yōu)先顯示：NO
再如搜索《銀河系漫游指南》的一句話：the answer to life, the universe, and everything。此時搜索結(jié)果頁會自動計算成42。貌似也只有讀過《銀河系漫游指南》的人才能明白其中的奧秘。聽說是生命、宇宙與萬事萬物的終極解答。
而且在日常的節(jié)日、活動、熱點運營上，谷歌也從不缺席。都會在搜索框上用【插畫、動效】等形式承載各種活動入口、吸引用戶參與，可以已經(jīng)形成一個穩(wěn)定、具有品牌感的企業(yè)文化了。
如各種復(fù)活節(jié)、開學(xué)季、母親節(jié)動效。而且更多有趣、創(chuàng)意的設(shè)計案例，可上：有蛋案例 youdananli.com 近千個行業(yè)/大廠里的創(chuàng)意案例、上百個知識模型、設(shè)計方法。
百度在搜索彩蛋里下的的功夫也不少，最著名的應(yīng)該是搜索【黑洞】時，頁面上會出現(xiàn)黑洞的吸入特效。
而且和谷歌相同，在其他的搜索關(guān)鍵詞上，百度也是埋下了不少彩蛋，比如：搜索【翻轉(zhuǎn)】，頁面會左右翻過來
搜索【跳躍】，頁面會在上下跳動
搜索【失重】，頁面上的字會飄起來
而在【活動運營】上，百度也是很有心地進行著創(chuàng)新設(shè)計，力求給用戶一種眼前一亮的感覺。比如每年的愚人節(jié)，搜索結(jié)果頁上都有‘調(diào)戲’用戶的創(chuàng)意設(shè)計，各種輕松調(diào)皮的畫風(fēng) 給不少用戶帶來了新鮮感和趣味性。
還有在【活動入口】的設(shè)計上也是特別有想法：在某年的圣誕節(jié)上，百度創(chuàng)新性地將活動入口’嵌套‘在結(jié)果頁卡片中間，用活動里的ip形象-雪人「抬著」結(jié)果頁卡片和在上面「滾動」
用這種充滿創(chuàng)意+應(yīng)景的的入口設(shè)計與引導(dǎo)方式，最大限度地降低漏斗，吸引讓更多用戶參與該活動。另外，百度搜索框上面的運營活動入口，也和谷歌有異曲同工之妙。
而且更多有趣、創(chuàng)意的設(shè)計案例，可上：有蛋案例 youdananli.com 近千個行業(yè)/大廠里的創(chuàng)意案例、上百個知識模型、設(shè)計方法。
注重提升搜索過程中的交互體驗，以增加用戶的操作效率與產(chǎn)品易用性。
代表：蘋果產(chǎn)品、夸克瀏覽器
·iPhone
iPhone的【桌面搜索】除了能查詢手機上的各種信息、文件，它還自帶了【匯率轉(zhuǎn)換和計算器】。在搜索框輸入【數(shù)學(xué)公式、匯率轉(zhuǎn)換】時會自動計算對應(yīng)的結(jié)果。無需用戶額外打開計算器、瀏覽器，大大減少操作鏈路。
在iOS的原生鍵盤里，可以根據(jù)輸入詞檢測+搜索對應(yīng)的手機號碼：當(dāng)你輸入 【打+我或通訊錄好友+電話】時，鍵盤上會自動顯示自己或好友的電話號碼，點擊號碼就能自動粘貼在輸入框中。
用戶無需前往通訊錄就能輕松「獲知+想起」誰誰的電話號碼，大大提升操作體驗與效率
·Mac
在Mac電腦的工具欄上搜索相關(guān)幫助時，系統(tǒng)會直接把該結(jié)果所對應(yīng)的頁面位置調(diào)取出來并懸浮展示。用戶可以直觀地該結(jié)果在哪里，并減少尋找的操作路徑，免去多余操作
在Mac電腦的‘系統(tǒng)偏好設(shè)置’里搜索幫助，在結(jié)果列表上會以聚光燈的形式展示各個結(jié)果入口。選擇具體某個結(jié)果時，該入口的聚光燈會更清晰些，特別容易找到搜索結(jié)果。
夸克瀏覽器除了傳統(tǒng)的「點擊搜索框」喚出輸入欄外，在屏幕任意位置下滑手勢同樣可以喚出搜索框。
降低「需要往上手指移動，才能點擊搜索框」的操作成本，讓用戶更快、更精準(zhǔn)地觸達搜索。
而且在輸入網(wǎng)址或英文等字段時，搜索框下方會出現(xiàn)一個滑塊區(qū)。點擊就會變成長條的滑塊，拖拽滑塊即可改變光標(biāo)位置。
而且更多有趣、創(chuàng)意的設(shè)計案例，可上：有蛋案例 youdananli.com 近千個行業(yè)/大廠里的創(chuàng)意案例、上百個知識模型、設(shè)計方法。
讓用戶更方便地將光標(biāo)快速移動到想要的位置中，以便更快地搜索信息，大大降低操作成本。而且夸克還會前置搜索結(jié)果， 比如在搜索框中輸入“某城市+天氣”的關(guān)鍵詞，上方就會以卡片的形式顯示該地區(qū)最近一周的天氣。
用戶無需觸發(fā)搜索、進入結(jié)果頁才能看到想要查詢的信息。
蘭亭妙微(ieapo.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í)成長，咨詢及進群請加藍小助微信ben_lanlan。
對于產(chǎn)品設(shè)計師來說，在同質(zhì)化的環(huán)境中我們需要具備突破創(chuàng)意的思維，這樣才能輸出差異化的設(shè)計方案。而創(chuàng)意離不開優(yōu)秀作品的靈感啟發(fā)，發(fā)現(xiàn)有意思的設(shè)計細(xì)節(jié)也能提高我們的設(shè)計思維。
今天黑馬哥將會繼續(xù)為大家?guī)硪恍﹥?yōu)秀的設(shè)計細(xì)節(jié)，我們一起來反思一下，這樣的設(shè)計想法為啥自己沒有想到呢？
分享目錄
一、營造頂部區(qū)域視覺感與情感化
二、主題化配圖增強視覺感
三、彈幕式標(biāo)簽提高關(guān)注度
四、IP 強化底部標(biāo)簽欄圖標(biāo)設(shè)計
五、強化動態(tài)發(fā)布的引導(dǎo)設(shè)計
六、連貫性的插畫突出卡片特色
七、動態(tài)表情化的評價設(shè)計
八、場景化的推薦設(shè)計
九、上下輪播的 Banner 設(shè)計
十、情感化的氛圍營造
一、營造頂部區(qū)域視覺感與情感化
產(chǎn)品頂部區(qū)域的視覺感是吸引用戶的關(guān)鍵，在一些功能單一的產(chǎn)品中，強化視覺表現(xiàn)力也是提升產(chǎn)品豐富度的有效形式。
比如麥當(dāng)勞 App 首頁的設(shè)計中，頂部區(qū)域結(jié)合溫馨的場景插畫進行表達，讓你早上打開麥當(dāng)勞就有種心情愉悅感。動態(tài)的太陽微笑畫面給你一天好心情，情感化的設(shè)計不僅增強了視覺感，也帶給用戶美好的產(chǎn)品使用體驗。
二、主題化配圖增強視覺感
封面圖在產(chǎn)品規(guī)范中相對比較難約束，通過構(gòu)圖、比例、固定元素和配圖質(zhì)量等，在一定程度上可以提高感官體驗。如果是在重點突出的內(nèi)容上面，結(jié)合主題化配圖也可以增強視覺感。
之前在使用優(yōu)酷 App 時，當(dāng)時在重點突出熱劇的設(shè)計中，就將主題化的內(nèi)容融入到宮格的配圖中。以統(tǒng)一的畫面風(fēng)格和設(shè)計表現(xiàn)形式填充封面，增強了視覺表現(xiàn)力，以此突出熱劇的吸引力。
三、彈幕式標(biāo)簽提高關(guān)注度
在固定的結(jié)構(gòu)布局中如何提高局部內(nèi)容的關(guān)注度，我們需要在不改變結(jié)構(gòu)的前提下進行創(chuàng)意融入。比如動態(tài)畫面、突出視覺感、內(nèi)容特異化等等，而最近發(fā)現(xiàn)彈幕式標(biāo)簽也是一個不錯的選擇。
在體驗優(yōu)酷 App 時，在動漫欄目中針對推薦的熱播新番，想要突出的動漫結(jié)合了彈幕式標(biāo)簽進行強化。動感的節(jié)奏會提高用戶的關(guān)注度，在不改變當(dāng)前結(jié)構(gòu)的基礎(chǔ)上，不失為一種有效的解決方案。
四、IP 強化底部標(biāo)簽欄圖標(biāo)設(shè)計
底部標(biāo)簽欄圖標(biāo)是產(chǎn)品設(shè)計師經(jīng)常發(fā)揮的場景，在一些節(jié)慶主題或者活動中都會定制設(shè)計。
優(yōu)酷 App 在元旦促銷活動期間，就將底部標(biāo)簽欄圖標(biāo)設(shè)計與 IP 形象結(jié)合，默認(rèn)以促銷主題文字展示，點擊狀態(tài)以 IP 形象顯示。圖標(biāo)與活動相結(jié)合，不僅突出圖標(biāo)視覺表現(xiàn)，也營造了活動氛圍感。
五、強化動態(tài)發(fā)布的引導(dǎo)設(shè)計
對于靠內(nèi)容吸引用戶參與度的產(chǎn)品來說，提高用戶發(fā)布動態(tài)的意愿度至關(guān)重要，突出動態(tài)發(fā)布的吸引力也能起到促進作用。
會玩 App 在動態(tài)發(fā)布的引導(dǎo)設(shè)計中給出了不錯的思路，未發(fā)布動態(tài)時會以形象化的空狀態(tài)設(shè)計進行引導(dǎo)。動態(tài)發(fā)布的按鈕旁以俏皮可愛的形象進行引導(dǎo)設(shè)計，提高了按鈕的吸引力，讓用戶有種參與的沖動。情感化設(shè)計的引導(dǎo)不僅可以增強感官體驗，也更容易攻破用戶的防備心理。
六、連貫性的插畫突出卡片特色
卡片式設(shè)計已經(jīng)成為主流的產(chǎn)品設(shè)計趨勢，信息的歸納感可以提高識別效率。探索卡片設(shè)計的表現(xiàn)特色尤為重要，重點在于卡片造型和內(nèi)部視覺表現(xiàn)力的發(fā)揮層面。
麥當(dāng)勞 App 在主內(nèi)容的卡片設(shè)計上運用了配送場景插畫，連貫性的插畫突出了卡片特色。插畫場景結(jié)合了品牌圖形，增強了麥當(dāng)勞的品牌曝光度；白天和晚上還以不同配色風(fēng)格和細(xì)節(jié)進行差異表現(xiàn)，無論是想法還是設(shè)計細(xì)節(jié)都非常不錯，是一個挺有創(chuàng)意的案例表現(xiàn)。
七、動態(tài)表情化的評價設(shè)計
用戶評價可以反饋服務(wù)的質(zhì)量，進而做出產(chǎn)品迭代或者服務(wù)調(diào)整的思路。如何提高用戶參與評價的積極性，需要產(chǎn)品設(shè)計師多多探索啦！
最近在使用順豐速運小程序時，完成快遞業(yè)務(wù)之后進行評價，表情化的星級評價非常有意思。不同等級以不同的表情呈現(xiàn)，動態(tài)表達非常形象生動，讓人不由的挨個體驗。動態(tài)表情的形式提高了評價的關(guān)注度，情感化的表達讓用戶更愿意參與評價，提高了評價的體驗度。
八、場景化的推薦設(shè)計
針對電商類產(chǎn)品來說，商品/店鋪推薦模塊出現(xiàn)頻次較高，吸引用戶關(guān)注度自然成為了設(shè)計的首要目標(biāo)。
在體驗 Mars App 時，在生活超市推薦的設(shè)計中，模擬了便利店的場景形象。真實感的場景表達帶給用戶親切自然的購物體驗，同時也提高了用戶對于該模塊的關(guān)注度。
九、上下輪播的 Banner 設(shè)計
輪播 Banner 圖算是產(chǎn)品設(shè)計中最常見的模塊，在移動端的設(shè)計中通常左右輪播為主，最近體驗到上下輪播的案例，打破常規(guī)也不失為一種新的設(shè)計思路。
在 Mars App 的首頁 Banner 圖以上下輪播進行交互，左側(cè)固定展示定位城市的天氣等信息，提高了 Banner 位置的利用率。Banner 與金剛區(qū)懸浮在特定的背景上，帶給用戶沉浸式的感官體驗。
十、情感化的氛圍營造
情感化的設(shè)計可以讓產(chǎn)品更有溫度，增加用戶對產(chǎn)品的好感度。配合傳統(tǒng)節(jié)日或者節(jié)氣主題進行表達是相對比較普遍的形式，會在產(chǎn)品主題和視覺區(qū)域進行氛圍營造。
在清明節(jié)期間體驗飛豬旅行 App 時，頂部區(qū)域以踏春的場景營造氛圍感，還在搜索區(qū)域以青團（青團是江南人家在清明節(jié)吃的一道傳統(tǒng)點心）替代搜索按鈕。情感化的設(shè)計營造不僅體現(xiàn)了產(chǎn)品的溫度，也帶給用戶對于節(jié)日的場景體驗。
小結(jié)
禁錮我們思維的不是我們的技術(shù)，而是我們的眼界和設(shè)計感知。發(fā)現(xiàn)優(yōu)秀的設(shè)計并總結(jié)和轉(zhuǎn)化，才能讓我們打開禁錮的思維，在優(yōu)秀的基礎(chǔ)上輸出更好的設(shè)計解決方案。
本文對于設(shè)計的理解闡述屬于個人見解，不足之處歡迎大家留言補充，我們互相進步。
作者：黑馬青年（vx: heimaux）
本文由 @黑馬青年 原創(chuàng)發(fā)布。未經(jīng)許可，禁止轉(zhuǎn)載。
蘭亭妙微(ieapo.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í)成長，咨詢及進群請加藍小助微信ben_lanlan。
精準(zhǔn)的分析了UX設(shè)計師的技能定位。其實不光是作為一些交互設(shè)計師自己不太清楚，領(lǐng)導(dǎo)和客戶往往也會忽略這一重要的步驟...
交互設(shè)計：我們是不是要把“用戶體驗”中的“用戶”拿掉了？
前言：這篇文章寫得特別好，很精準(zhǔn)的分析了UX設(shè)計師的技能定位。其實不光是作為一些交互設(shè)計師自己不太清楚，領(lǐng)導(dǎo)和客戶往往也會忽略這一重要的步驟。文章篇幅有點長希望大家能靜下心看完，會幫助自己了解更多哦~
什么是用戶體驗設(shè)計師？
我最近從一位來自MathWorks（世界領(lǐng)先的技術(shù)計算和基于模型的設(shè)計的軟件開發(fā)商和供應(yīng)商）的高級用戶體驗專家那兒看到了一個很棒的廣告，這是其中一些節(jié)選：
與開發(fā)團隊合作，遵循以用戶為中心的設(shè)計方法，協(xié)同工作，對復(fù)雜的問題進行頭腦風(fēng)暴和設(shè)計創(chuàng)新的解決方案
向團隊成員建議使用哪些可行的方法來回答他們關(guān)于用戶的問題，并根據(jù)項目的需求、目標(biāo)和約束來設(shè)計方向
與團隊成員密切合作，進行用戶研究，發(fā)現(xiàn)痛點，開發(fā)用戶配置文件，并創(chuàng)建任務(wù)列表
在紙上畫出功能原型
進行可用性測試，進行用戶交流和網(wǎng)上調(diào)研，組織調(diào)查，并進行你認(rèn)為合適的其他可行性評估
它準(zhǔn)確地描述了我在對于用戶體驗工作的期望。我們從目標(biāo)人群和競品那里學(xué)習(xí)有關(guān)項目的一切知識，找到方法來研究用戶的需求和目標(biāo)，與目標(biāo)人群一起評估這些需求，修改項目計劃，并在最終確定產(chǎn)品之前創(chuàng)造出經(jīng)過用戶驗證的解決方案。
但當(dāng)我換一份新的工作時（當(dāng)然那是個例外），我看到許多職位描述都要求具備廣泛的用戶體驗技能，有些人甚至要求具備除此以外的更多技能。但似乎他們真的需要一個能進行原型設(shè)計的視覺設(shè)計師。
來自高級UI/UX設(shè)計師的廣告：
有測試和可用性實驗的經(jīng)驗和熟練的交互原型的經(jīng)驗
創(chuàng)造清晰和具有視覺沖擊畫面的能力
深入了解用戶的興趣和需求
聽起來他們在尋找一個精通調(diào)研、可用性測試和交互原型的人。但更迫切的需要反映在以下關(guān)于"附加"的要求中：
項目工作能展示強大的用戶體驗過程和完美的細(xì)節(jié)視覺和交互設(shè)計原則（IA，IxD，排版，布局，層次結(jié)構(gòu)，顏色，組成）
你認(rèn)為他們只會招聘一個可以進行用戶調(diào)研，畫線框圖和測試的人嗎？或是視覺設(shè)計做的很出眾的人？也許這反映了“UI”這部分的職位描述。讓我們來看看一個純粹的UX設(shè)計師的職位，它要求：
優(yōu)秀的分析能力
在實際用戶研究、信息架構(gòu)、交互設(shè)計、以用戶為中心的設(shè)計過程以及用。戶體驗原則和技術(shù)等方面有豐富的經(jīng)驗
聽起來不錯！但其真面目會在下一個要求中顯示：
把想法/概念轉(zhuǎn)化為優(yōu)質(zhì)的視覺設(shè)計
如今，用戶體驗已成為熱門詞匯。盡管看起來不言自明，但一些公司并沒有明白這一點——他們?nèi)匀缓鲆暳诵袨榻?jīng)驗，而不是外表和感覺。我看到的許多廣告都是在視覺設(shè)計上表達了最具體和生動的語言。這讓我撓頭，懷疑是否只有最成熟、規(guī)模最大的公司才真正需要用戶體驗，并有足夠的預(yù)算來支持它。難道其他公司只是通過招聘視覺設(shè)計師并給他們貼上“UX”的標(biāo)簽，來追個市場熱點而已嗎？
遠(yuǎn)離調(diào)研？
用戶研究員Alan最近離開了一家總部位于亞特蘭大的公司，那里擁有大量的用戶體驗員工。他在公司的頭兩年里，參加了全國各地許多不同類型的用戶調(diào)研。然而，在最后一年，他發(fā)現(xiàn)他的調(diào)研被拋到一邊了。
"我的新老板不關(guān)心做調(diào)研。似乎整個公司都在降低它的重要性。相反，他們會開辦設(shè)計思維講習(xí)班，直接進入開發(fā)階段。“任何研究或可用性測試都被留到最后，只是為了驗證解決方案。”
由于該公司以嚴(yán)厲對待用戶體驗而聞名，這一點尤其令人不快。
像用戶體驗（ux）這樣流行的詞匯會突然變得受人追捧，我想不出在這個行業(yè)還有什么比“設(shè)計思維”更重要的了。根據(jù)谷歌在過去的五年中的數(shù)據(jù)，對設(shè)計思維的網(wǎng)頁搜索翻了兩倍。
顯示從2012年12月到2017年6月設(shè)計思維搜索增加的圖表。
搜索“設(shè)計思維”，2012年12月-2017年6月（資料來源：Google Trends）
設(shè)計思維過程的第一步是移情化，就是讓用戶參與并觀察他們?nèi)绾握務(wù)摰?，同時觀察他們?nèi)绾握嬲瓿扇蝿?wù)。換句話說，這就是用戶調(diào)研。誰做調(diào)研？做用戶體驗的諸位！不難想象互聯(lián)網(wǎng)項目負(fù)責(zé)人和利益相關(guān)者繞過這個步驟，直接進入步驟2和3，開始定義問題和開展頭腦風(fēng)暴去解決方案。爽死他們了。
在“設(shè)計思考家最初犯的五個錯誤，”Dana Mitroff Silvers，一個設(shè)計思維驅(qū)動者和數(shù)據(jù)戰(zhàn)略家寫道，“我經(jīng)常被客戶要求跳過這個階段，直接進入解決問題的階段。”
她還描述了我有過很多次的經(jīng)歷，公司禁止接近用戶！很多時候，silvers的客戶都會問他們是否可以跳過這個階段，因為他們“已經(jīng)知道他們的受眾需要什么，可以為他們代言。”
這就說的通了。團隊繞過不熟悉的移情階段，直接進入定義問題及其解決方案，過去一直都是這么做的。而且如果沒有在移情方面的訓(xùn)練和指導(dǎo)，或者充分了解，很容易跳過這個階段。在我接下來的交談中可以看到，一個公司告訴我他們需要一個兼并的ux/視覺設(shè)計師。我問他們是否需要設(shè)計思維，產(chǎn)品總監(jiān)回答：“是的。”他們跳過移情步驟了嗎？他同樣回答道：“是的。”
如果一家公司僅僅遵循設(shè)計思維的最后四個階段——設(shè)計、構(gòu)思、原型和測試——那么一個用戶體驗設(shè)計師是什么樣的呢？是一個可以做原型開發(fā)的視覺設(shè)計師。
分離調(diào)研和設(shè)計
用戶體驗架構(gòu)師Alyssa最近與一家大型電信公司簽訂了用戶調(diào)研合同。讓人失望的是，設(shè)計師似乎沒有責(zé)任跟蹤調(diào)研結(jié)果。調(diào)研人員每一到兩周進行一次新的可用性測試，然后將測試結(jié)果提交給設(shè)計師，也不知道設(shè)計師是否會遵循建議
這似乎不對。
我已經(jīng)注意到越來越多的公司在調(diào)研和設(shè)計師之間拆分他們的用戶體驗實踐。問題是，“用戶體驗設(shè)計師”通常不僅要處理交互設(shè)計，還要處理視覺設(shè)計。盡管易于使用的工具的出現(xiàn)使得創(chuàng)建可點擊的原型變得容易，但這是兩個不同的技能。我期望交互設(shè)計師分析行為和工作流程，并充當(dāng)用戶的擁護者；視覺設(shè)計師則負(fù)責(zé)推廣品牌。
將設(shè)計團隊分成調(diào)研人員和設(shè)計師可能會阻礙有效的軟件開發(fā)。為了真正了解用戶，設(shè)計師需要培養(yǎng)共情心。他們和其他團隊成員可以通過進行用戶調(diào)研或可用性研究——或者參與調(diào)研過程來實現(xiàn)這一點。這就鎖定了用戶的目標(biāo)和痛點，并讓設(shè)計師了解到什么是最重要的點，這將有效幫助如何更有針對性的設(shè)計。除了對設(shè)計人員有好處之外，定期的用戶調(diào)研還可以讓公司了解用戶的期望和行為。如果這些好處能被廣泛理解，那公司一定會對共情心和用戶調(diào)研付出比口頭更多的心思了。
功能原型和測試不足
Alan Cooper是視覺基礎(chǔ)的創(chuàng)造者和用戶體驗的領(lǐng)袖，也是《囚犯們管理收容所》一書的作者，他在Twitter上抨擊了“原型和測試”的思維模式并表示：“原型和測試不是交互設(shè)計”。 Cooper寫道交互和測試能讓領(lǐng)導(dǎo)感到高興，但它只是蚍蜉撼大樹。盡管它創(chuàng)造了微小的改進，讓設(shè)計師和他們的領(lǐng)導(dǎo)們充滿希望和快樂，但它從來沒有真正從大的程度上理解用戶或者產(chǎn)品。
我們都搞錯了
我們已經(jīng)看到，在設(shè)計思維的大旗下，公司可能會跳過移情階段，回歸到一個舒適、獨立的設(shè)計過程。設(shè)計思維確實帶來了一個有價值的原型/測試階段，但在用戶研究上的偷工減料卻使本末倒置，并錯過了一個時機，去進行具體的見解和創(chuàng)新，從而可以將產(chǎn)品推向頂峰。而斷斷續(xù)續(xù)的研究只會拖延我們“想要知道我們的用戶想要什么”的心態(tài)。
雖然強調(diào)視覺設(shè)計的技巧，但分離研究和設(shè)計，可能消耗掉那些面向認(rèn)知將用戶體驗放在首位的設(shè)計師。視覺設(shè)計提供了一個重要的初步印象，許多研究表明，人們對第一眼有吸引力的網(wǎng)站的評價通常比較高。但視覺只是用戶體驗中的一部分。一個經(jīng)常使用你的產(chǎn)品的用戶到底是如何評價的？視覺效果將發(fā)揮一定作用，但我認(rèn)為它更有可能依賴于一個偉大的工作流程——需要反復(fù)跟進用戶體驗的流程。
我們到底要什么？
我不知道出了什么問題，但我猜是我們的理由還不夠充分。我們都含蓄地理解真正的用戶體驗過程的價值，但開發(fā)或市場主管是否也是如此？
可能是我們自己被自己的完美所欺騙了。我們已經(jīng)大幅改善了用戶體驗的程度，現(xiàn)在在任何手機上都可以找到偉大設(shè)計的例子。改進后的開發(fā)工具利用了我們創(chuàng)新的交互模式，小工具使平面設(shè)計看起來很棒。也許開發(fā)領(lǐng)導(dǎo)者覺得他們已經(jīng)看到了足夠好的設(shè)計，他們相信他們也可以做到這一點。
作者：March1996
鏈接：https://www.zcool.com.cn/article/ZNzYyNDU2.html
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。
蘭亭妙微(ieapo.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í)成長，咨詢及進群請加藍小助微信ben_lanlan。
在我們使用的產(chǎn)品中，多多少少都會有一些微交互的穿插，但由于微交互性能的不搶眼也不明顯的條件下，所以往往會被很多設(shè)計和開發(fā)人員所忽略。
但在一個優(yōu)秀的產(chǎn)品中，微交互卻是必不可少的重要關(guān)口，它直接承載著用戶在使用產(chǎn)品時對產(chǎn)品細(xì)節(jié)的細(xì)微體驗。雖然在互聯(lián)網(wǎng)產(chǎn)品早期，微交互曾被人稱之為是“很炫酷的特性象征”，但時隔今日，在這百花齊放的產(chǎn)品大環(huán)境中，其實微交互已經(jīng)慢慢從膚淺的炫酷轉(zhuǎn)型為附有內(nèi)涵的用戶體驗關(guān)鍵要素了。
作為產(chǎn)品細(xì)節(jié)體驗的重要承載，微交互的價值與地位逐漸提升，在用戶使用產(chǎn)品過程中，它不僅僅能促進產(chǎn)品與用戶的互動性，而且還能激發(fā)用戶對產(chǎn)品的積極感覺，并且最終影響用戶的整體行為。
微交互的基本概念就是指：關(guān)注一項主要任務(wù)、一個目的得事件過程。通常情況下，微交互需要關(guān)注得是這個事件的整體交互過程，并且它存在的目的也是為了讓用戶在使用產(chǎn)品時能感覺到順暢性、一致性，并產(chǎn)生心理的愉悅感，從而讓用戶喜歡產(chǎn)品，愛上產(chǎn)品，從而留住用戶。
如果籠統(tǒng)概括的話，可以說微交互幾乎會遍布任何設(shè)備、任何應(yīng)用程序中。并且他們存在的價值就是讓用戶高興。就單純從產(chǎn)品說起，如果說在產(chǎn)品設(shè)計中，在大多數(shù)用戶與產(chǎn)品接觸時都能發(fā)現(xiàn)微交互的存在與應(yīng)用。
1、你在Web看一段話時結(jié)尾展示是“…”時，那么通過你的心智程序，你就會下意識的將光標(biāo)停留在這段話上，在這樣的情況下，微交互就會出現(xiàn)了，則在這段話的周圍就會出現(xiàn)這句話完整的展示從而被你瀏覽。
2、還有一種常見的就是在你輸入錯誤的信息時系統(tǒng)會自動識別，并在末尾彈出消息提示，提示你需要從新輸入，更有優(yōu)秀的系統(tǒng)會從你開始輸入時就跟進你的輸入狀態(tài)，時刻提醒你輸入的結(jié)果是否正確。
其實這些小的視覺暗示和微妙的指示就是所謂的為微交互，也有人稱之為“圍觀互動”。雖然這些微交互平日不太容易能被用戶所直觀的發(fā)現(xiàn)，但也就是這些微小的交互，才能提升一個產(chǎn)品的整體用戶體驗。所以說，無論他們是多么的微妙，你都需要重視起來，并嘗試著將一般的設(shè)計方案和這些結(jié)合起來使用，并提供一些有效的信息，這樣才能讓你的用戶在瀏覽產(chǎn)品界面和執(zhí)行操作時有基本的保障。
知道了什么是微交互后，你還需要吃透微交互它到底是怎么工作的，只有這樣才能確保你靈活的使用微交互…
微交互的工作一般要分為四個基本要素：觸發(fā)、規(guī)則、反饋、循環(huán)。
觸發(fā)簡單講就是“啟動微交互”，例如：點擊按鈕或點擊鼠標(biāo)。這里需要注意的是，觸發(fā)并不單純是人為操作的開始，它也同樣包含系統(tǒng)自動啟動的操作，比如說在你設(shè)備上收到一份郵件或短信時，這時的你其實并沒有任何操作，但系統(tǒng)就會有一個微交互啟動為你提示，這時的微交互就是被動的。
這些所謂的啟動微交互，需要注意的是必須與一組已經(jīng)擬定好的操作規(guī)則一起工作，這些規(guī)則里包含了什么能做，什么不能做的內(nèi)容。
微交互的規(guī)則就是表明用戶在操作后產(chǎn)品該如何按照用戶正確的心智程序進行微交互，它決定了觸發(fā)之后會發(fā)生什么事情。因此，當(dāng)你在拉下界面時，產(chǎn)品的規(guī)則就應(yīng)該包含下滑的規(guī)則，這同時也能表明用戶當(dāng)時的心理是希望看到界面以上的結(jié)果或者下拉刷新看到更多新的結(jié)果。同樣，規(guī)則就是規(guī)則，在你沒有進行操作時，規(guī)則時而也在生效，例如：微信里對方并未添加你為好友，但依然和你說了句話，規(guī)則就是生效的，這里的規(guī)則就是阻止了信息的傳入。
顧名思義反饋在現(xiàn)實中就是你與人對話交流，對方饋贈你的信息，在產(chǎn)品中這個環(huán)節(jié)也同樣必不可少，它的存在可以讓用戶明確知道在用戶操作后產(chǎn)品發(fā)生了什么，出現(xiàn)什么結(jié)果的回饋信息。在微交互中，用戶看到的、聽到的、操作的、甚至包含感覺到的，都是可以反饋的。
例如：
1、看到的：希望打車，看到的反饋就是地圖和輸入起始地/目的地的界面，這就符合了用戶心理；
2、聽到的：在與人聊天時，其他人也和你說了句話，就聽到手機“蜂”一聲，這樣的反饋就是提醒用戶聽到有新消息；
3、操作的：在任何產(chǎn)品中都需要用戶操作，那么然后反饋用戶操作結(jié)果；
4、感覺到的：這包含界面樣式、產(chǎn)品交互是否符合用戶心理預(yù)期，并通過預(yù)期實現(xiàn)操作后得到想要結(jié)果，這里面就包含感覺到的反饋；
循環(huán)在微交互里屬于次數(shù)的說明，在我們手機設(shè)置鬧鈴時就經(jīng)?？吹接刑嵝岩淮巍⒁恢芴嵝训日f明，這就是循環(huán)的微交互，循環(huán)的微交互基本上定義了交互的某種性質(zhì)，它會告訴你隨著時間的推移發(fā)生了幾次，發(fā)生了多少。
例如：在你去銀行自動取款機取錢時輸入的密碼，如果輸入錯誤，就會提示你還有幾次輸入，這樣的就是循環(huán)的過程，等于是在原地打轉(zhuǎn)，但當(dāng)你成功進入后就會從這個環(huán)節(jié)進入到下一個環(huán)節(jié)繼續(xù)循環(huán)。
說了這么多，我想你應(yīng)該知道了微交互的工作方式以及流程，那么接下來要說的就是微交互需要在何時、何地以及如何才能正確使用了。
現(xiàn)如今產(chǎn)品幾乎都帶有滑動的交互，之所以滑動越來越多，是因為滑動交互可以清楚的展示給用戶行為操作路徑，而點擊確實短期記憶性的，當(dāng)用戶想要開始滑動時，這是用戶操作前的準(zhǔn)備，而當(dāng)用戶正在滑動時，這是操作中的節(jié)點，這時滑動的界面就會隨著手勢的方向進行移動并告訴用戶界面即將去往哪里，下次想要找到該從哪里找的路徑，在操作結(jié)束后，微交互完成，這時操作后的結(jié)果，這一整套流程下來，通過短小的微交互，就能很清晰的告知用戶他在做什么以及他做了什么。
下拉/側(cè)拉菜單就像產(chǎn)品某個界面內(nèi)的一個抽屜，它里面包含了當(dāng)前界面賦予的更多選擇，并且還能占據(jù)極小的空間，根據(jù)用戶的心智程序來講，竟然是抽屜就應(yīng)該拉取，這才符合環(huán)境映射的條件。當(dāng)前在產(chǎn)品設(shè)計內(nèi)，幾何都包含了下拉/側(cè)拉菜單的微交互，例如淘寶的側(cè)拉菜單、美團的下拉菜單都是微交互的展示，在輕松點擊后，界面tab則下拉或側(cè)拉出一個抽屜，里面就包含了N多個附加選擇或者篩選器。
對于產(chǎn)品的不斷迭代與改版，其界面一定會發(fā)生一些細(xì)微的變化，更有時功能會作為轉(zhuǎn)移，那么為了能更好的引導(dǎo)用戶的操作路徑，就需要用到一些引導(dǎo)頁，我這里說的引導(dǎo)頁并不是啟動頁后的大篇章引導(dǎo)，而是在半黑透明遮罩的同時，流出需要用戶操作的功能引導(dǎo)，在聚焦了操作功能上，賦予一些微交互，會加大用戶對產(chǎn)品的認(rèn)可，包括喜歡新產(chǎn)品。
在用戶正在輸入一個列表菜單時，最需要的微交互就是即使反饋，作為產(chǎn)品首先應(yīng)該賦予用戶的就是安全與人性，安全是指產(chǎn)品在用戶心理的懷疑指數(shù)多少，指數(shù)越低安全度越高，而人性就需要操作的了路徑與展示是符合用戶的心理預(yù)期的。安全與人性都可以通過微交互來實現(xiàn)，例如在建設(shè)銀行APP登陸前會出現(xiàn)安全掃描，在支付寶輸入了支付密碼后出現(xiàn)的結(jié)果符合了人性思維。
有些app會出現(xiàn)卡片類樣式的界面，并通過用戶的操作實現(xiàn)卡片淡化和卡片丟棄等微交互，這樣的微交互則更加具象了用戶的真實空間感受，通過與真實環(huán)境的結(jié)合，將用戶帶入產(chǎn)品，使用戶在使用產(chǎn)品時會有現(xiàn)實版的感覺。例如：陌陌的附近人卡片丟棄，網(wǎng)易音樂的音樂專輯封面淡化。
微交互在產(chǎn)品內(nèi)可以說是無處不在，雖然這些都是一些很小的細(xì)節(jié)，如果只是靜態(tài)展示可能并沒有太大作用，但通過產(chǎn)品與用戶的這種互動，變相交流，微交互在產(chǎn)品的整體體驗上就可以增加巨大的價值，這也可能是所謂的“宜家效應(yīng)”吧，用戶在自己親手制作或行動時，才能賦予產(chǎn)品更大的價值感。
好的產(chǎn)品必須擁有這種精心設(shè)計的標(biāo)志，它不僅包含了對用戶的心智理解，更多的，是對用戶的一種尊重與情感抒發(fā)。
蘭亭妙微(ieapo.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í)成長，咨詢及進群請加藍小助微信ben_lanlan。
在數(shù)字化時代，交互設(shè)計（Interaction Design）已成為產(chǎn)品成功的關(guān)鍵因素之一。無論是移動應(yīng)用、網(wǎng)站還是智能設(shè)備，優(yōu)秀的交互設(shè)計都能為用戶帶來流暢、直觀的體驗。今天，我想和大家探討交互設(shè)計的核心要素，以及如何通過創(chuàng)新思維提升用戶體驗。
交互設(shè)計的核心是“以用戶為中心”。設(shè)計師需要深入理解用戶的需求、行為和痛點，通過用戶研究、原型測試等方法，確保設(shè)計能夠真正解決用戶問題。例如，簡潔的導(dǎo)航、清晰的反饋和一致的操作邏輯，都是提升用戶體驗的基礎(chǔ)。
在追求創(chuàng)新的同時，設(shè)計師需要確保功能的實用性和易用性。過度復(fù)雜的設(shè)計可能會讓用戶感到困惑，而過于保守的設(shè)計則可能缺乏吸引力。如何在創(chuàng)新與功能之間找到平衡，是每個交互設(shè)計師面臨的挑戰(zhàn)。
交互設(shè)計不僅僅是功能的實現(xiàn)，更是情感的傳遞。通過色彩、動畫、音效等元素，設(shè)計師可以創(chuàng)造更具吸引力和情感共鳴的體驗。例如，微交互（Micro-interactions）的巧妙運用，能夠增強用戶的參與感和滿意度。
隨著用戶使用設(shè)備的多樣化，跨平臺設(shè)計變得越來越重要。設(shè)計師需要確保在不同設(shè)備和平臺上，用戶都能獲得一致且無縫的體驗。這不僅需要技術(shù)上的支持，更需要設(shè)計思維的全局觀。
通過數(shù)據(jù)分析，設(shè)計師可以了解用戶行為，發(fā)現(xiàn)設(shè)計中的不足，并持續(xù)優(yōu)化產(chǎn)品。A/B測試、熱圖分析等工具，能夠幫助設(shè)計師做出更科學(xué)的決策，提升產(chǎn)品的整體表現(xiàn)。
交互設(shè)計是一門融合藝術(shù)與科學(xué)的學(xué)科，它需要設(shè)計師不斷學(xué)習(xí)、實踐和創(chuàng)新。無論是新手還是資深設(shè)計師，我們都應(yīng)保持對用戶需求的敏感，以及對技術(shù)趨勢的關(guān)注。期待大家在評論區(qū)分享自己的見解和經(jīng)驗，一起探討交互設(shè)計的未來！
希望能激發(fā)大家的討論和思考！如果你有更多想法或案例，歡迎留言交流
藍藍設(shè)計的小編 http://ieapo.cn