這10個設計細節我不說你肯定不知道,但是看完你肯定會點贊! - 優設網 - UISDC

這10個設計細節我不說你肯定不知道,但是看完你肯定會點贊!

2019/06/18 14550評論區

「設計」區別于「藝術」,在于藝術的主題是「我」,而設計的主題是「我們」。因為藝術多關乎于藝術家本身,而設計更多的是與產品和用戶相關。所以最常被接受的觀點是:設計的本質其實是找到解決問題的方法。

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

往期回顧:

為什么有時候在「朋友圈」發狀態,文字信息會被折疊?

自從「微信」發布 7.0 的新版本后,部分朋友圈信息會被折疊的問題受到了廣泛的討論。騰訊的公關總監張軍對此給出了官方解釋:當用戶在「微信」發表原創內容即直接輸入文字,信息會折疊較少,文字會得到較大面積的展示;而當用戶發布粘貼復制的內容時,文字只會顯示一行,其他信息將會被折疊。團隊做這樣的信息呈現設計是為了鼓勵用戶多發原創內容,提升朋友圈的整體使用體驗。

旅游達人都愛的Booking為什么這么好用?

從「Booking繽客」預定酒店住宿后,系統會自動下載訂單信息至本地。這樣,當用戶到達目的地時無論當地網絡狀況如何(哪怕出現因網絡原因無法正常訪問 App 的情況),仍可毫無壓力地隨時查看訂單詳情頁。畢竟作為一家定位于幫用戶在網絡上預訂世界各地住宿的國際化平臺,用戶身處異國地區需要查看住宿信息的使用場景很普遍。這個看似不起眼的小細節,卻從設計邏輯的層面優化提升了產品的易用性,讓產品真正貼近用戶真實的使用場景,變得更加好用。

B站是如何營造陪伴感,讓用戶看劇不孤單的?

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

如何保證用戶的操作行為,始終位于手部舒適區之內?

多數產品在設計頁面模態彈窗引導用戶操作行為時,都會將操作控件放在固定的頁面位置(一般居中或者處于頁面底部)。但「抖音」的設計卻讓人眼前一亮:系統會自動檢測用戶進行操作時手指與屏幕的接觸位置,并將模態彈窗的操控按鈕顯示在離用戶手指最近的地方。隨用戶手部活動區域變化而靈活變更位置的模態彈窗設計,使用戶在進行手勢交互的過程中,操作動作能始終在手部的舒適區域內進行,是應對大屏時代十分友好的體驗設計。

為了改善長文閱讀體驗,我們悄悄開發了這個小功能

不知道你有沒有發現「優設」的文章瀏覽頁面右下角隱藏有「文章目錄」的按鈕。將鼠標移到按鈕上可以看到文章目錄的小導航。小標題的羅列既清晰呈現了文章結構,幫助讀者迅速理解文章;又能起到快速定位文章內容的作用,一鍵直達想看的內容區域。閱讀篇幅較長的文章對于缺少耐心或講究效率的同學而言,無疑是痛苦的。有了這個「目錄」功能的設計,看長文時的舒適度與閱讀效率都加倍了。

天天聽「網易云音樂」的你,可能都沒發現這個小秘密

我們天天聽歌的「網易云音樂」,在有網與無網狀態下打開應用的跳轉頁面其實是不同的。因為對用戶而言,只有在有網絡尤其是無線網絡的場景里才會在線聽歌,當播放器處于無網狀態下能夠播放的只有本地音樂資源。所以設計團隊根據用戶具體的使用場景,設定用戶在有網狀態下打開 App 會進入「發現」的音樂首頁,而在無網情境里會直接跳轉「我的音樂」頁面。音樂首頁便于用戶發現最新音樂資訊與歌單推薦,在線聽歌;而「我的音樂」方便直接打開「本地音樂」列表,離線聽歌。區別化的頁面跳轉為用戶縮短了行為路徑,節省了操作步驟,讓使用體驗更貼合具體使用場景。

當你在「騰訊視頻」追劇播放進程被電話打斷…

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

「抖音」是怎樣利用一個按鈕的小心機,達到鼓勵用戶分享行為的目標的?

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

在社交產品發布狀態收到CEO的點贊,是種什么樣的心情?

玩「即刻」的同學應該都有發現,「即刻」CEO 瓦恁的賬號在社區內活躍得像高仿。時常更新自己的狀態分享生活日常以及常常點贊回復用戶的舉動,讓瓦總收獲了一批忠實粉絲。還有一個很有意思的互動是:所有用戶在「即刻」發表的第一條狀態都會被 CEO 瓦恁點贊,這對于新用戶而言會得到很大的驚喜和虛榮心上的小滿足吧。雖然新用戶第一條點贊應該是代碼小哥哥又調皮了,但 CEO 時不時地參與到用戶的互動中,確實是不錯的增加用戶粘性的方式。

「支付寶」收款碼的隱藏小心機

「支付寶」的收錢功能我們都很熟悉:打開自己的收款碼設置好金額,再拿給對方掃碼即為收錢。但你可能沒注意,當手機處于向下傾斜的角度給對方進行展示時,界面會自動旋轉二維碼的朝向并將按鈕置灰不可點擊。這里的二維碼旋轉設計是為了方便對方看即掃碼,而按鈕置灰則是防止用戶誤操作點擊到設置金額。從用戶日常行為出發,解決掃碼不便的麻煩,真是隱藏很深的小細節大體驗。

優設大課堂

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址:http://www.bwxlya.live/10-design-details

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

扁平化設計 設計師干貨 版式設計 交互設計師 界面設計 排版布局 職場 優設專訪 優設大課堂 配色 視覺設計 web前端開發 素材下載 設計流程 AI教程 設計理論 神器下載 字體下載 設計師專訪 psd下載 平面設計 設計趨勢 用戶體驗設計 設計規范 海報設計 動效設計 圖標設計 logo設計 產品設計 ICON 神器推薦 App設計 職場規劃 字體設計 酷站推薦 交互設計 ui設計 設計師職場 優秀網頁設計 ps技巧 酷站 用戶體驗 PS教程 網頁設計 經驗分享

您還沒有登錄

優設啟用更安全省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!優設網是極具人氣的設計師平臺
2012年成立至今,一直專注于設計師的學習成長交流

把好文章收藏到微信

打開微信,掃碼分享
學設計 優設網 在這里

今日内蒙古快三开奖号