2019-6-19 資深UI設計者
如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中, 請點這里
「設計」區(qū)別于「藝術」,在于藝術的主題是「我」,而設計的主題是「我們」。因為藝術多關乎于藝術家本身,而設計更多的是與產(chǎn)品和用戶相關。所以最常被接受的觀點是:設計的本質其實是找到解決問題的方法。解決問題的最佳方式可以是最大限度地降低問題的負面影響甚至將其消除,也可能是讓事物呈現(xiàn)出其應有的樣子,此外再無更好的選擇。就像 Facebook 的產(chǎn)品設計師 Ruthia He 提到的「Good design is both invisible and obvious」(好設計是無形也是顯而易見的)。真正的好設計能給到用戶的是用戶心中對它所期待的樣子,所以「設計」會符合常理到讓人無從察覺。其實這其中的每一個體驗流程、觸點安排抑或是設計細節(jié),都是設計師們的精心策劃與用心。
自從「微信」發(fā)布 7.0 的新版本后,部分朋友圈信息會被折疊的問題受到了廣泛的討論。騰訊的公關總監(jiān)張軍對此給出了官方解釋:當用戶在「微信」發(fā)表原創(chuàng)內容即直接輸入文字,信息會折疊較少,文字會得到較大面積的展示;而當用戶發(fā)布粘貼復制的內容時,文字只會顯示一行,其他信息將會被折疊。團隊做這樣的信息呈現(xiàn)設計是為了鼓勵用戶多發(fā)原創(chuàng)內容,提升朋友圈的整體使用體驗。
從「Booking繽客」預定酒店住宿后,系統(tǒng)會自動下載訂單信息至本地。這樣,當用戶到達目的地時無論當?shù)鼐W(wǎng)絡狀況如何(哪怕出現(xiàn)因網(wǎng)絡原因無法正常訪問 App 的情況),仍可毫無壓力地隨時查看訂單詳情頁。畢竟作為一家定位于幫用戶在網(wǎng)絡上預訂世界各地住宿的國際化平臺,用戶身處異國地區(qū)需要查看住宿信息的使用場景很普遍。這個看似不起眼的小細節(jié),卻從設計邏輯的層面優(yōu)化提升了產(chǎn)品的易用性,讓產(chǎn)品真正貼近用戶真實的使用場景,變得更加好用。
Bilibili 網(wǎng)站的電腦端不僅會在主頁顯示在線總用戶人數(shù),還會在每個視頻的播放頁面顯示當前正在觀看此視頻的人數(shù)。將原本后臺統(tǒng)計的數(shù)據(jù)顯性化呈現(xiàn)在用戶可見的頁面,一方面利用訪問數(shù)據(jù)吸引用戶的好奇心進行觀看,另一方面也會給予用戶陪伴感與歸屬感。當看到有這么多小伙伴與你同時在線觀看同一部影片,雖然看不見彼此,但心理上會有陪伴感。一個人在家看劇仿佛也沒那么孤單了。
多數(shù)產(chǎn)品在設計頁面模態(tài)彈窗引導用戶操作行為時,都會將操作控件放在固定的頁面位置(一般居中或者處于頁面底部)。但「抖音」的設計卻讓人眼前一亮:系統(tǒng)會自動檢測用戶進行操作時手指與屏幕的接觸位置,并將模態(tài)彈窗的操控按鈕顯示在離用戶手指最近的地方。隨用戶手部活動區(qū)域變化而靈活變更位置的模態(tài)彈窗設計,使用戶在進行手勢交互的過程中,操作動作能始終在手部的舒適區(qū)域內進行,是應對大屏時代十分友好的體驗設計。
不知道你有沒有發(fā)現(xiàn)「優(yōu)設」的文章瀏覽頁面右下角隱藏有「文章目錄」的按鈕。將鼠標移到按鈕上可以看到文章目錄的小導航。小標題的羅列既清晰呈現(xiàn)了文章結構,幫助讀者迅速理解文章;又能起到快速定位文章內容的作用,一鍵直達想看的內容區(qū)域。閱讀篇幅較長的文章對于缺少耐心或講究效率的同學而言,無疑是痛苦的。有了這個「目錄」功能的設計,看長文時的舒適度與閱讀效率都加倍了。
我們天天聽歌的「網(wǎng)易云音樂」,在有網(wǎng)與無網(wǎng)狀態(tài)下打開應用的跳轉頁面其實是不同的。因為對用戶而言,只有在有網(wǎng)絡尤其是無線網(wǎng)絡的場景里才會在線聽歌,當播放器處于無網(wǎng)狀態(tài)下能夠播放的只有本地音樂資源。所以設計團隊根據(jù)用戶具體的使用場景,設定用戶在有網(wǎng)狀態(tài)下打開 App 會進入「發(fā)現(xiàn)」的音樂首頁,而在無網(wǎng)情境里會直接跳轉「我的音樂」頁面。音樂首頁便于用戶發(fā)現(xiàn)音樂資訊與歌單推薦,在線聽歌;而「我的音樂」方便直接打開「本地音樂」列表,離線聽歌。區(qū)別化的頁面跳轉為用戶縮短了行為路徑,節(jié)省了操作步驟,讓使用體驗更貼合具體使用場景。
在「騰訊視頻」看視頻如果遇到播放進程被其他任務打斷暫停的情況(比如接電話或者分享),當再次回到播放界面時當前視頻并不是接著剛剛的暫停處播放的,而是會從暫停處往前倒幾秒播放。這就如同我們追劇時會看到很多片頭都有回顧上一集劇情的道理。在這里,「騰訊視頻」是想讓用戶通過復習倒回的幾秒老畫面回憶起之前的劇情,接著看新畫面時就能更好地連接完整劇情,得到更加沉浸的觀看體驗了。同樣擁有這個貼心設計的還有「優(yōu)酷視頻」。
在「抖音」的內容推薦頁面刷視頻時,你會發(fā)現(xiàn)正常情況下頁面右側的「分享」按鈕顯示為代表分享含義的普通 icon。但如果你在當前頁面停留時間較久觀看該短視頻第三遍時,系統(tǒng)會預判用戶對此內容感興趣并有潛在分享意愿,此時右側的「分享」按鈕就會變成閃動的朋友圈或微信圖標了。差異化的圖標變化設計突出了「分享」功能,一方面是對用戶心理與動作的預判揣摩,另一方面也從潛意識里起到了鼓勵用戶分享行為的目的。做產(chǎn)品,想辦法驅動用戶分享行為真的很重要。
玩「即刻」的同學應該都有發(fā)現(xiàn),「即刻」CEO 瓦恁的賬號在社區(qū)內活躍得像高仿。時常更新自己的狀態(tài)分享生活日常以及常常點贊回復用戶的舉動,讓瓦總收獲了一批忠實粉絲。還有一個很有意思的互動是:所有用戶在「即刻」發(fā)表的第一條狀態(tài)都會被 CEO 瓦恁點贊,這對于新用戶而言會得到很大的驚喜和虛榮心上的小滿足吧。雖然新用戶第一條點贊應該是代碼小哥哥又調皮了,但 CEO 時不時地參與到用戶的互動中,確實是不錯的增加用戶粘性的方式。
「支付寶」的收錢功能我們都很熟悉:打開自己的收款碼設置好金額,再拿給對方掃碼即為收錢。但你可能沒注意,當手機處于向下傾斜的角度給對方進行展示時,界面會自動旋轉二維碼的朝向并將按鈕置灰不可點擊。這里的二維碼旋轉設計是為了方便對方看即掃碼,而按鈕置灰則是防止用戶誤操作點擊到設置金額。從用戶日常行為出發(fā),解決掃碼不便的麻煩,真是隱藏很深的小細節(jié)大體驗。
藍藍設計( m.bouu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務。