如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

「設(shè)計(jì)」區(qū)別于「藝術(shù)」，在于藝術(shù)的主題是「我」，而設(shè)計(jì)的主題是「我們」。因?yàn)樗囆g(shù)多關(guān)乎于藝術(shù)家本身，而設(shè)計(jì)更多的是與產(chǎn)品和用戶相關(guān)。所以最常被接受的觀點(diǎn)是：設(shè)計(jì)的本質(zhì)其實(shí)是找到解決問(wèn)題的方法。

解決問(wèn)題的最佳方式可以是最大限度地降低問(wèn)題的負(fù)面影響甚至將其消除，也可能是讓事物呈現(xiàn)出其應(yīng)有的樣子，此外再無(wú)更好的選擇。就像 Facebook 的產(chǎn)品設(shè)計(jì)師 Ruthia He 提到的「Good design is both invisible and obvious」（好設(shè)計(jì)是無(wú)形也是顯而易見的）。真正的好設(shè)計(jì)能給到用戶的是用戶心中對(duì)它所期待的樣子，所以「設(shè)計(jì)」會(huì)符合常理到讓人無(wú)從察覺。其實(shí)這其中的每一個(gè)體驗(yàn)流程、觸點(diǎn)安排抑或是設(shè)計(jì)細(xì)節(jié)，都是設(shè)計(jì)師們的精心策劃與用心。

為什么有時(shí)候在「朋友圈」發(fā)狀態(tài)，文字信息會(huì)被折疊？

自從「微信」發(fā)布 7.0 的新版本后，部分朋友圈信息會(huì)被折疊的問(wèn)題受到了廣泛的討論。騰訊的公關(guān)總監(jiān)張軍對(duì)此給出了官方解釋：當(dāng)用戶在「微信」發(fā)表原創(chuàng)內(nèi)容即直接輸入文字，信息會(huì)折疊較少，文字會(huì)得到較大面積的展示；而當(dāng)用戶發(fā)布粘貼復(fù)制的內(nèi)容時(shí)，文字只會(huì)顯示一行，其他信息將會(huì)被折疊。團(tuán)隊(duì)做這樣的信息呈現(xiàn)設(shè)計(jì)是為了鼓勵(lì)用戶多發(fā)原創(chuàng)內(nèi)容，提升朋友圈的整體使用體驗(yàn)。

旅游達(dá)人都愛的Booking為什么這么好用？

從「Booking繽客」預(yù)定酒店住宿后，系統(tǒng)會(huì)自動(dòng)下載訂單信息至本地。這樣，當(dāng)用戶到達(dá)目的地時(shí)無(wú)論當(dāng)?shù)鼐W(wǎng)絡(luò)狀況如何（哪怕出現(xiàn)因網(wǎng)絡(luò)原因無(wú)法正常訪問(wèn) App 的情況），仍可毫無(wú)壓力地隨時(shí)查看訂單詳情頁(yè)。畢竟作為一家定位于幫用戶在網(wǎng)絡(luò)上預(yù)訂世界各地住宿的國(guó)際化平臺(tái)，用戶身處異國(guó)地區(qū)需要查看住宿信息的使用場(chǎng)景很普遍。這個(gè)看似不起眼的小細(xì)節(jié)，卻從設(shè)計(jì)邏輯的層面優(yōu)化提升了產(chǎn)品的易用性，讓產(chǎn)品真正貼近用戶真實(shí)的使用場(chǎng)景，變得更加好用。

B站是如何營(yíng)造陪伴感，讓用戶看劇不孤單的？

Bilibili 網(wǎng)站的電腦端不僅會(huì)在主頁(yè)顯示在線總用戶人數(shù)，還會(huì)在每個(gè)視頻的播放頁(yè)面顯示當(dāng)前正在觀看此視頻的人數(shù)。將原本后臺(tái)統(tǒng)計(jì)的數(shù)據(jù)顯性化呈現(xiàn)在用戶可見的頁(yè)面，一方面利用訪問(wèn)數(shù)據(jù)吸引用戶的好奇心進(jìn)行觀看，另一方面也會(huì)給予用戶陪伴感與歸屬感。當(dāng)看到有這么多小伙伴與你同時(shí)在線觀看同一部影片，雖然看不見彼此，但心理上會(huì)有陪伴感。一個(gè)人在家看劇仿佛也沒那么孤單了。

如何保證用戶的操作行為，始終位于手部舒適區(qū)之內(nèi)？

多數(shù)產(chǎn)品在設(shè)計(jì)頁(yè)面模態(tài)彈窗引導(dǎo)用戶操作行為時(shí)，都會(huì)將操作控件放在固定的頁(yè)面位置（一般居中或者處于頁(yè)面底部）。但「抖音」的設(shè)計(jì)卻讓人眼前一亮：系統(tǒng)會(huì)自動(dòng)檢測(cè)用戶進(jìn)行操作時(shí)手指與屏幕的接觸位置，并將模態(tài)彈窗的操控按鈕顯示在離用戶手指最近的地方。隨用戶手部活動(dòng)區(qū)域變化而靈活變更位置的模態(tài)彈窗設(shè)計(jì)，使用戶在進(jìn)行手勢(shì)交互的過(guò)程中，操作動(dòng)作能始終在手部的舒適區(qū)域內(nèi)進(jìn)行，是應(yīng)對(duì)大屏?xí)r代十分友好的體驗(yàn)設(shè)計(jì)。

為了改善長(zhǎng)文閱讀體驗(yàn)，我們悄悄開發(fā)了這個(gè)小功能

不知道你有沒有發(fā)現(xiàn)「優(yōu)設(shè)」的文章瀏覽頁(yè)面右下角隱藏有「文章目錄」的按鈕。將鼠標(biāo)移到按鈕上可以看到文章目錄的小導(dǎo)航。小標(biāo)題的羅列既清晰呈現(xiàn)了文章結(jié)構(gòu)，幫助讀者迅速理解文章；又能起到快速定位文章內(nèi)容的作用，一鍵直達(dá)想看的內(nèi)容區(qū)域。閱讀篇幅較長(zhǎng)的文章對(duì)于缺少耐心或講究效率的同學(xué)而言，無(wú)疑是痛苦的。有了這個(gè)「目錄」功能的設(shè)計(jì)，看長(zhǎng)文時(shí)的舒適度與閱讀效率都加倍了。

天天聽「網(wǎng)易云音樂(lè)」的你，可能都沒發(fā)現(xiàn)這個(gè)小秘密

我們天天聽歌的「網(wǎng)易云音樂(lè)」，在有網(wǎng)與無(wú)網(wǎng)狀態(tài)下打開應(yīng)用的跳轉(zhuǎn)頁(yè)面其實(shí)是不同的。因?yàn)閷?duì)用戶而言，只有在有網(wǎng)絡(luò)尤其是無(wú)線網(wǎng)絡(luò)的場(chǎng)景里才會(huì)在線聽歌，當(dāng)播放器處于無(wú)網(wǎng)狀態(tài)下能夠播放的只有本地音樂(lè)資源。所以設(shè)計(jì)團(tuán)隊(duì)根據(jù)用戶具體的使用場(chǎng)景，設(shè)定用戶在有網(wǎng)狀態(tài)下打開 App 會(huì)進(jìn)入「發(fā)現(xiàn)」的音樂(lè)首頁(yè)，而在無(wú)網(wǎng)情境里會(huì)直接跳轉(zhuǎn)「我的音樂(lè)」頁(yè)面。音樂(lè)首頁(yè)便于用戶發(fā)現(xiàn)音樂(lè)資訊與歌單推薦，在線聽歌；而「我的音樂(lè)」方便直接打開「本地音樂(lè)」列表，離線聽歌。區(qū)別化的頁(yè)面跳轉(zhuǎn)為用戶縮短了行為路徑，節(jié)省了操作步驟，讓使用體驗(yàn)更貼合具體使用場(chǎng)景。

當(dāng)你在「騰訊視頻」追劇播放進(jìn)程被電話打斷…

在「騰訊視頻」看視頻如果遇到播放進(jìn)程被其他任務(wù)打斷暫停的情況（比如接電話或者分享），當(dāng)再次回到播放界面時(shí)當(dāng)前視頻并不是接著剛剛的暫停處播放的，而是會(huì)從暫停處往前倒幾秒播放。這就如同我們追劇時(shí)會(huì)看到很多片頭都有回顧上一集劇情的道理。在這里，「騰訊視頻」是想讓用戶通過(guò)復(fù)習(xí)倒回的幾秒老畫面回憶起之前的劇情，接著看新畫面時(shí)就能更好地連接完整劇情，得到更加沉浸的觀看體驗(yàn)了。同樣擁有這個(gè)貼心設(shè)計(jì)的還有「優(yōu)酷視頻」。

「抖音」是怎樣利用一個(gè)按鈕的小心機(jī)，達(dá)到鼓勵(lì)用戶分享行為的目標(biāo)的？

在「抖音」的內(nèi)容推薦頁(yè)面刷視頻時(shí)，你會(huì)發(fā)現(xiàn)正常情況下頁(yè)面右側(cè)的「分享」按鈕顯示為代表分享含義的普通 icon。但如果你在當(dāng)前頁(yè)面停留時(shí)間較久觀看該短視頻第三遍時(shí)，系統(tǒng)會(huì)預(yù)判用戶對(duì)此內(nèi)容感興趣并有潛在分享意愿，此時(shí)右側(cè)的「分享」按鈕就會(huì)變成閃動(dòng)的朋友圈或微信圖標(biāo)了。差異化的圖標(biāo)變化設(shè)計(jì)突出了「分享」功能，一方面是對(duì)用戶心理與動(dòng)作的預(yù)判揣摩，另一方面也從潛意識(shí)里起到了鼓勵(lì)用戶分享行為的目的。做產(chǎn)品，想辦法驅(qū)動(dòng)用戶分享行為真的很重要。

在社交產(chǎn)品發(fā)布狀態(tài)收到CEO的點(diǎn)贊，是種什么樣的心情？

玩「即刻」的同學(xué)應(yīng)該都有發(fā)現(xiàn)，「即刻」CEO 瓦恁的賬號(hào)在社區(qū)內(nèi)活躍得像高仿。時(shí)常更新自己的狀態(tài)分享生活日常以及常常點(diǎn)贊回復(fù)用戶的舉動(dòng)，讓瓦總收獲了一批忠實(shí)粉絲。還有一個(gè)很有意思的互動(dòng)是：所有用戶在「即刻」發(fā)表的第一條狀態(tài)都會(huì)被 CEO 瓦恁點(diǎn)贊，這對(duì)于新用戶而言會(huì)得到很大的驚喜和虛榮心上的小滿足吧。雖然新用戶第一條點(diǎn)贊應(yīng)該是代碼小哥哥又調(diào)皮了，但 CEO 時(shí)不時(shí)地參與到用戶的互動(dòng)中，確實(shí)是不錯(cuò)的增加用戶粘性的方式。

「支付寶」收款碼的隱藏小心機(jī)

「支付寶」的收錢功能我們都很熟悉：打開自己的收款碼設(shè)置好金額，再拿給對(duì)方掃碼即為收錢。但你可能沒注意，當(dāng)手機(jī)處于向下傾斜的角度給對(duì)方進(jìn)行展示時(shí)，界面會(huì)自動(dòng)旋轉(zhuǎn)二維碼的朝向并將按鈕置灰不可點(diǎn)擊。這里的二維碼旋轉(zhuǎn)設(shè)計(jì)是為了方便對(duì)方看即掃碼，而按鈕置灰則是防止用戶誤操作點(diǎn)擊到設(shè)置金額。從用戶日常行為出發(fā)，解決掃碼不便的麻煩，真是隱藏很深的小細(xì)節(jié)大體驗(yàn)。

藍(lán)藍(lán)設(shè)計(jì)( www.alimai.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。