2018-12-24 資深UI設(shè)計者
如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里
當(dāng)你的產(chǎn)品短時間內(nèi)無法使用時,如斷網(wǎng)、跨平臺無法分享等等。用戶可能會因而產(chǎn)生挫敗感,產(chǎn)生焦慮不爽的負(fù)面情緒。如何安撫用戶情緒?如何拉近用戶和平臺的距離?如何改善或提高用戶體驗?zāi)??本期案例,就分享一些有趣的小彩蛋、微交互,讓你靈感爆棚!
往期回顧:
如果不是互聯(lián)網(wǎng)從業(yè)者,大概你永遠都不會發(fā)現(xiàn)百度主頁的代碼控制臺(console)里藏著那條最浪漫的招聘啟事。因為只有擁有開發(fā)網(wǎng)頁習(xí)慣的人,才會在瀏覽喜歡的網(wǎng)站時按下F12 調(diào)出網(wǎng)頁代碼查看。所以這條百度針對程序員的招聘被寫進網(wǎng)站首頁代碼的console里,可謂是絕對精準(zhǔn)的招聘廣告投放了。
據(jù)說這個彩蛋的設(shè)計并非百度的獨創(chuàng)而是 Google 先使用過的「小心機」,可是由于無從考證,所以小編并不能確定是哪家公司有才華的程序員小哥哥想出了這個妙計(知道的大神麻煩留言告知哦)。
但不得不承認(rèn)的是,很多時候我們都對程序員有太多刻板印象的誤解。那些看起來「木訥無趣」的程序員們認(rèn)真起來,真的可能是最浪漫的人呢。
Google Chrome 是一款由 Google開發(fā)的 Web瀏覽工具,大氣的界面設(shè)計、良好的使用體驗以及強大的插件擴展功能,使其受到大量用戶的喜愛。在完善產(chǎn)品功能的同時,Google 的設(shè)計師們也不忘花費一些「小心思」讓產(chǎn)品更加有趣味性:在瀏覽器出現(xiàn)錯誤或無網(wǎng)的情況下(想試試么?斷開Wi-Fi或者拔下網(wǎng)線看看),我們會看到這只可愛的像素小恐龍。
小恐龍出現(xiàn)時是靜止的,但只要你按下鍵盤的左右鍵,這只小恐龍就會跑起來,而操控上下鍵它就能躲避路上的障礙物。當(dāng)出錯頁面變成可愛的小游戲,原本焦慮不爽的負(fù)面情緒好像也就沒那么嚴(yán)重了。一旦網(wǎng)絡(luò)恢復(fù),瀏覽器會自動刷新到你所要瀏覽的頁面。真的是超貼心的設(shè)計了。
小米計算器內(nèi)置「親戚計算器」的功能,各種復(fù)雜的親戚關(guān)系幫你一鍵解決。老婆弟弟的妻子應(yīng)該怎樣稱呼呢?相信很多人都有過類似的對親戚關(guān)系產(chǎn)生疑問的困擾。
梳理親戚關(guān)系有時候真讓人頭大,小米手機就很貼心的在系統(tǒng)里自帶了「親戚計算器」。將日常的復(fù)雜關(guān)系都羅列了出來,真是符合中國特色的計算器設(shè)計呢~
「作文紙條」App對于每日信息與文章的推送有著自己獨特的設(shè)計邏輯,如果推送內(nèi)容用戶當(dāng)天未讀,系統(tǒng)會將推送內(nèi)容自動移到「廢紙簍」里。為了讓用戶在瀏覽「廢紙簍」內(nèi)容時,明確感知到被刪內(nèi)容與正常內(nèi)容的差別,躺在「廢紙簍」里的信息視覺上模擬了揉皺紙團的形象。
如同我們在現(xiàn)實生活里,會將寫作時不滿意的內(nèi)容從筆記本中撕掉,并揉成紙團丟進垃圾桶的行為一般。將用戶熟悉的真實生活里的行為狀態(tài),移植到虛擬的交互設(shè)計里,會使用戶與產(chǎn)品的交互過程更形象生動。
偶然在支付寶的芝麻信用里發(fā)現(xiàn)滿700分,就可以免押金租用一些數(shù)碼產(chǎn)品了。覺得很不錯想分享這個信息給朋友,就點了一下轉(zhuǎn)發(fā)微信好友,結(jié)果發(fā)現(xiàn)微信不讓分享支付寶的信息。
本來分享受限的挫敗感讓人心情很不好,但當(dāng)看到支付寶很無奈的提示文案「微信又不讓分享了,整個人都不好了」,不愉快的心情立馬被逗樂了。相較之前微信分享失敗的一串鏈接,這樣幽默的微文案提示真的可愛多了呢~
當(dāng)初在制作優(yōu)優(yōu)網(wǎng)首頁的時候,為了不讓 hover狀態(tài)(鼠標(biāo)懸?。┻^于無趣,分別在「靈感頻道」「教程排行榜 」「軟件排行榜」的 hover狀態(tài)里設(shè)計了不同的3個小表情,而且設(shè)計者大有來頭,正是人見人愛、花見花開的美丫姐。
她機靈的調(diào)整了圖標(biāo)狀態(tài)后,從后臺數(shù)據(jù)來看,這里的點擊確實停駐時間長了一些,相信讓用戶會心一笑的同時,也拉近了用戶和平臺的距離感。不妨在你的下一個案例里也試試喲~
登錄網(wǎng)站或應(yīng)用在輸入密碼時,無論周圍環(huán)境如何,我們總會潛意識里產(chǎn)生一絲不安全感。B站對于這個問題的處理方式顯得十分可愛,在用戶登錄賬號輸入密碼時背景里的2233娘會出現(xiàn)雙手捂眼的小動畫。整個輸入密碼的操作其實與其他應(yīng)用可能并無差別,但因為有了這個蒙眼動作的心理暗示作用,用戶會感到自己的隱私受到保護與尊重從而產(chǎn)生安全感。
drygital設(shè)計工作室的網(wǎng)站有著個性又炫酷的視覺與交互效果。團隊展示界面的 hover效果,就讓人意想不到眼前一亮:當(dāng)鼠標(biāo)的光標(biāo)移到單個成員的半身像時,原本正襟危坐的照片會變成另一張,展示該成員個性或喜好的搞怪照片。
原照片展示了團隊成員在工作中嚴(yán)謹(jǐn)專業(yè)的一面,而 hover效果呈現(xiàn)的圖片則展示了成員們私下生活里幽默有趣、個性鮮明的另一面。這樣的設(shè)計不僅突出了團隊成員的個人特色展示,利于團隊的歸屬感與凝聚力提升,也展現(xiàn)了團隊的開放包容與活力創(chuàng)新。
大家都知道 iOS系統(tǒng)的時鐘桌面圖標(biāo)會始終顯示當(dāng)前時間,但很少有人關(guān)注過時鐘圖標(biāo)里秒針的走動方式。在常規(guī)狀態(tài)下,時鐘圖標(biāo)的秒針會呈現(xiàn)掃秒式地轉(zhuǎn)動;但當(dāng)桌面圖標(biāo)處于長按狀態(tài)的晃動效果時,小時鐘的秒針會立馬變?yōu)樘胧降未鸬未鸬刈邉悠饋怼?
據(jù)說這個隱蔽的小細(xì)節(jié)設(shè)計是想表達向傳統(tǒng)時鐘的運行模式致敬的意思。機械鐘秒變石英鐘,你 get到了 iPhone時鐘的小秘密了么?
似信息崩潰,或加載緩慢的問題,在產(chǎn)品實際使用中實在在所難免,一旦出現(xiàn),用戶的好情緒一定會受到影響。在這種時刻,一句生動而有溫度的文案就是可以安撫用戶情緒、改善使用體驗的利器法寶。
藍藍設(shè)計( www.b186.net )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。
藍藍設(shè)計的小編 http://www.b186.net