<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          項(xiàng)目案例|情感化設(shè)計(jì)方法及案例解析

          共 2274字,需瀏覽 5分鐘

           ·

          2021-06-01 21:31


          點(diǎn)擊"三分設(shè)"關(guān)注,回復(fù)"社群"加入我們
          歡迎來到專業(yè)設(shè)計(jì)師學(xué)習(xí)交流社區(qū)
          三分設(shè)|連接知識(shí),幫助全球 1 億設(shè)計(jì)師成長
          阿里巴巴設(shè)計(jì)官方認(rèn)證 MCN 機(jī)構(gòu)
          SUXA 深圳體驗(yàn)設(shè)計(jì)協(xié)會(huì)華東分會(huì)
          全球服務(wù)設(shè)計(jì)共創(chuàng)節(jié)城市站發(fā)起者
          ·
          轉(zhuǎn)自:長弓小子
          編輯:李凱悅
          共 2256 字,預(yù)計(jì)閱讀 6 分鐘



          情感化設(shè)計(jì)簡述


          情感化設(shè)計(jì),由唐納德·諾曼在 《情感化設(shè)計(jì)》 一書中完整提出,書中其由淺入深的將情感化設(shè)計(jì)分成了三個(gè)層次:本能層、行為層、反思層


          本能層:是 用戶對(duì)產(chǎn)品的視覺和第一印象的本能直接反應(yīng)。比如用戶第一眼被產(chǎn)品的外觀所吸引,從而對(duì)產(chǎn)品產(chǎn)生想要了解和觸碰的沖動(dòng)。本能層次是先于思考和邏輯判斷的。


          行為層用戶與產(chǎn)品在行為上產(chǎn)生的交互關(guān)系,具備一定的理性和邏輯感。比如用戶在使用這個(gè)產(chǎn)品會(huì)從操作流程中產(chǎn)生評(píng)價(jià),也會(huì)產(chǎn)生因?yàn)椴僮髟O(shè)計(jì)不合理而產(chǎn)生負(fù)面情緒。


          反思層:體現(xiàn)在 產(chǎn)品的獨(dú)特內(nèi)涵、品牌差異性在用戶的心中根植下獨(dú)有的記憶,用戶因?yàn)檫@份記憶會(huì)經(jīng)常觸發(fā)情感共鳴,從而忠實(shí)于產(chǎn)品。用戶會(huì)產(chǎn)生有意識(shí)的考慮和基于經(jīng)驗(yàn)的反思。


          案例解析與分享


          接下來,我們就從案例中分析,作為設(shè)計(jì)師該如何在這三個(gè)層次中做好情感化設(shè)計(jì) ——


          1.本能層 —— 感官刺激

          對(duì)于本能層,設(shè)計(jì)師需要在 符合功能需求的前提下,盡可能的給用戶帶來聽覺、視覺、觸覺的感官刺激,極力去促成用戶與產(chǎn)品的 “一見鐘情”


          案例 1:知乎 App 在加載內(nèi)容的過程中,增加了 IP 形象的動(dòng)態(tài)效果,在圖片和文字的占位符上也增加了光的移動(dòng)效果,吸引用戶注意力,減緩了用戶等待時(shí)的無聊感。



          案例 2:Pinterest 網(wǎng)站在引導(dǎo)用戶注冊(cè)和登錄的頁面,使用自動(dòng)切換的主題,如園藝技能、服裝搭配等,在每一個(gè)主題下都精心挑選了同一個(gè)色調(diào)的圖片,用高質(zhì)量的視覺效果吸引用戶注冊(cè)網(wǎng)站。



          案例 3:支付寶 App 首頁的應(yīng)用圖標(biāo),有時(shí)會(huì)具有動(dòng)態(tài)效果。比如螞蟻莊園圖標(biāo)會(huì)展示出小雞是否需要喂食、螞蟻森林圖標(biāo)會(huì)展示當(dāng)前是否有能量可收。既增加趣味,又可以使用戶一眼就看到常用的應(yīng)用的狀態(tài)。



          案例 4:微信的朋友圈,在 “跳到還沒看的” 標(biāo)簽處加了好友頭像,以增加用戶點(diǎn)擊率。



          2.行為層 —— 打磨細(xì)節(jié)

          對(duì)于行為層,設(shè)計(jì)師需對(duì)用戶的行為進(jìn)行預(yù)判和引導(dǎo),利用細(xì)節(jié)處理打動(dòng)用戶,讓用戶對(duì)產(chǎn)品產(chǎn)生信任感和依賴感


          案例 1:高德地圖 App 的導(dǎo)航功能在車輛超速行駛時(shí),會(huì)在屏幕左右兩邊出現(xiàn)紅色動(dòng)態(tài)條的提示,增強(qiáng)對(duì)用戶的危險(xiǎn)提示。



          案例 2:在 YouTube 播放視頻時(shí),可通過手指往下滑動(dòng)將視頻變?yōu)樽钚』翱诓シ牛俅问种竿匣瑒?dòng)可恢復(fù)原狀,操作簡便,同時(shí)可以讓用戶在瀑布流中繼續(xù)瀏覽其他感興趣的內(nèi)容,讓用戶感覺到對(duì)時(shí)間和內(nèi)容的掌控感。



          案例 3:阿里云盤 App 用小福利 / 小游戲的概念,引導(dǎo)用戶開啟權(quán)限和填寫資料,把用戶對(duì)授權(quán)的安全擔(dān)憂和填寫資料的枯燥感,轉(zhuǎn)化為獲得福利的喜悅,讓用戶主動(dòng)、心甘情愿的完成這些操作。


          案例 4:京東 App 的一些商品在提交訂單頁面,會(huì)顯示商品進(jìn)入了某個(gè)排行榜,給予用戶肯定(你挑的這個(gè)東西很不錯(cuò),趕緊下單吧!),促使用戶開開心心買單。



          案例 5:搜狗輸入法,數(shù)字鍵盤就可以變身計(jì)算器,聊天的時(shí)候需要運(yùn)算復(fù)雜的加減乘除時(shí),這個(gè)功能很方便。



          3.反思層 —— 記憶聯(lián)想

          對(duì)于反思層,設(shè)計(jì)師要調(diào)動(dòng)用戶最深層的記憶和感知,形成用戶對(duì)于產(chǎn)品和品牌的深刻認(rèn)知


          案例 1:重慶的 “鐘書閣” 書店,用鏡子進(jìn)行反射,拓寬了空間維度,并營造出山城的層層疊疊的感覺,讓人不由的將圖書館的和山城重慶結(jié)合到一起,提起重慶的圖書館,便會(huì)想起 “鐘書閣”。



          案例 2:在 Google 上查單詞發(fā)音時(shí),會(huì)配上發(fā)音的口型動(dòng)畫,放慢語速發(fā)音時(shí)口型動(dòng)畫也會(huì)跟著放慢節(jié)奏,非常形象的加深了用戶的印象。



          案例 3:鏈家 App 在看房的時(shí)候,不僅有 VR 全景功能,還增加了 “設(shè)計(jì)效果” 方案。當(dāng)用戶點(diǎn)開 “設(shè)計(jì)效果” 后會(huì)看到分屏對(duì)比的效果。給用戶對(duì)于房子空間的全新感受。



          案例 4:日本路邊的 “小鳥居”:日本的某些街道的角落里,經(jīng)常會(huì)有人或狗在那里大小便。鳥居是神社的入口,總是能讓人聯(lián)想到因果報(bào)應(yīng),從而約束自己的言行。遛狗的人看到設(shè)置在路邊的小鳥居,便會(huì)不讓狗狗在那里大小便,也減少了亂扔垃圾的行為。





          超值課程推薦

          華為用戶體驗(yàn)設(shè)計(jì)的體系搭建方法

          超 10 億用戶的產(chǎn)品,到底是怎么做用戶體驗(yàn)的?

          揭秘滴滴、蔚來等大廠的用戶體驗(yàn)設(shè)計(jì)策略


          原創(chuàng)好文推薦

          一款為你帶來難忘體驗(yàn)的美食 APP

          Web Vitals —— 谷歌的新一代 Web 性能體驗(yàn)和質(zhì)量指標(biāo)

          2021 年用戶體驗(yàn)設(shè)計(jì)趨勢分析

          想要引導(dǎo)用戶行為轉(zhuǎn)化,設(shè)計(jì)師必須深刻理解這 4 個(gè)認(rèn)知心理學(xué)理論

          讓設(shè)計(jì)圈一片嘩然的 Google 新 logo 到底出了什么問題?國外的設(shè)計(jì)專家這么說

          如何系統(tǒng)的增強(qiáng)用戶粘性,提升產(chǎn)品轉(zhuǎn)化率?你要懂得“行為設(shè)計(jì)學(xué)”

          設(shè)計(jì)新趨勢「玻璃擬態(tài)」到底是什么?這里有一份實(shí)現(xiàn)效果的詳細(xì)教程

          如何將設(shè)計(jì)系統(tǒng)快速的從 Sketch 切換到 Figma?這里有 6 個(gè)需要注意的關(guān)鍵點(diǎn)




          歡迎大家關(guān)注三分設(shè),每天分享優(yōu)質(zhì)設(shè)計(jì)、創(chuàng)意靈感、新知新識(shí),定期大咖老師直播分享,零距離連麥,答疑解惑。

          瀏覽 154
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評(píng)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  www.国产豆花精品区 | 99好逼网| 五月天婷婷丁香 | 伊人大香蕉75 | 被扒开腿猛进入爽爽A片软件 |