小細(xì)節(jié),大設(shè)計(jì):盤點(diǎn)那些觸動(dòng)人心的設(shè)計(jì)細(xì)節(jié)

0 評(píng)論 31647 瀏覽 454 收藏 11 分鐘

一直看little big details,這個(gè)網(wǎng)站會(huì)收集電子產(chǎn)品的非常優(yōu)秀的小的細(xì)節(jié)設(shè)計(jì),這些細(xì)節(jié)設(shè)計(jì)不但體現(xiàn)了設(shè)計(jì)師的情懷,關(guān)鍵是還能帶給用戶好的情感體驗(yàn),同時(shí)提高可用性,比如這個(gè):

524264-d2bb64481aae4b0c

網(wǎng)站圖標(biāo)指示網(wǎng)絡(luò)連接狀況

正所謂“麻雀雖小,五臟俱全”,不不,是“細(xì)節(jié)雖小,意義重大”,好的設(shè)計(jì)往往體現(xiàn)在這些細(xì)節(jié)當(dāng)中。

蜻蜓FM

當(dāng)用蜻蜓FM聽已經(jīng)下載好的音頻時(shí),如果中途退出,進(jìn)程被殺死時(shí),下次再聽時(shí),蜻蜓FM會(huì)自動(dòng)從上次播放的位置開始播放,免得你再去去重復(fù)聽相同的內(nèi)容或者得自己找進(jìn)度。“保存用戶的工作”,這個(gè)挺好的,不過好像很普及了,而我發(fā)現(xiàn)蜻蜓FM并不是準(zhǔn)確的從上次離開的位置開始播放,而是比那個(gè)時(shí)間早幾秒鐘,這樣就可以喚起用戶對(duì)當(dāng)時(shí)聽音頻場(chǎng)景時(shí)的回憶,不至于突然聽到那聽不懂了。類似的,視頻播放網(wǎng)站不應(yīng)該只做到保存用戶播放的進(jìn)度就完事了,當(dāng)用戶下次再播放時(shí),把進(jìn)度條往前推移幾秒鐘,體驗(yàn)會(huì)更好,當(dāng)用戶離開“工作”場(chǎng)景時(shí)再次回來后喚起用戶對(duì)當(dāng)時(shí)情境的記憶。(至于推移具體幾秒鐘?我不敢隨便說,這個(gè)可能需要做測(cè)試,并且根據(jù)用戶離開時(shí)間的長(zhǎng)短推移不同的時(shí)間)

另外,我們知道聽歌軟件都有類似的保存聽歌進(jìn)度的功能,下次聽歌時(shí)會(huì)從上次播放的位置開始播放。我倒覺得這不必要,因?yàn)橐皇赘韬虵M類的音頻或視頻不一樣,一首歌最多只有5分鐘左右,非常短,當(dāng)用戶暫停超過30分鐘(或更短)后,從上次播放的位置播放并沒有多大意義,而應(yīng)該從頭開始播放。這不僅是歌曲和FM,視頻時(shí)間長(zhǎng)短的問題,最關(guān)鍵的是同一首歌曲可以循環(huán)聽,聽?zhēng)妆槎紱]事,而視頻音頻從頭播放再看一遍已經(jīng)看過的就是浪費(fèi)時(shí)間了。

win10 Groove音樂

524264-046113c97f931143

win10的音樂客戶端Groove在播放音頻文件時(shí),當(dāng)你把鼠標(biāo)指針放在進(jìn)度條上的滑塊時(shí),滑塊會(huì)變大,同時(shí)滑塊的上方顯示時(shí)間。方便用戶更精確地調(diào)整時(shí)間。

有道詞典網(wǎng)頁版

524264-1127bf2d6023b0ae

在有道詞典中,當(dāng)查詢一個(gè)單詞后,如果鼠標(biāo)再次只要到達(dá)搜索框中,不需要點(diǎn)擊,搜索框的單詞默認(rèn)被全選中,用戶只需要輸入新的待查詢的單詞就可以了,而不需要點(diǎn)擊搜索框再按“Ctrl + A”。到這里體驗(yàn)一下。剛看了必應(yīng)詞典,也是這樣。類似的,對(duì)于谷歌瀏覽器,地址欄直接可以進(jìn)行搜索,因此用戶經(jīng)常直接在地址欄鍵入搜索內(nèi)容。當(dāng)用戶點(diǎn)擊地址欄時(shí),地址默認(rèn)為全選狀態(tài),而不需要按“Ctrl + A”。更近一步,像有道詞典那樣只要鼠標(biāo)指針到達(dá)地址欄 地址默認(rèn)被全選,則可以省略點(diǎn)擊了,更方便。不過由于那一塊離標(biāo)簽欄比較近,誤操作的可能性會(huì)大一些,因此還需要再考慮。

千圖網(wǎng)

524264-7db884c4e2bc8fe1

千圖網(wǎng)是設(shè)計(jì)師尋找素材的平臺(tái),大家可能都用過。為了鼓勵(lì)分享,他用了比較搞笑的語氣,并且很合設(shè)計(jì)師的口:“展現(xiàn)設(shè)計(jì)品味”。而不是直接讓你分享。另外,在那直接顯示出數(shù)字有那么多人已經(jīng)分享了,更加具體。

對(duì)不起,忘了哪個(gè)應(yīng)用了

524264-f9e0a99002586283

移動(dòng)端上的網(wǎng)頁

524264-864ad9a6340f127c

在安卓系統(tǒng)(不知道iOS系統(tǒng)有沒有)的瀏覽器中打開某一個(gè)網(wǎng)頁時(shí),該網(wǎng)頁沒有適配移動(dòng)端的情況下,由于頁碼會(huì)非常小,用戶點(diǎn)擊容易誤觸碰到相鄰的頁碼,因此當(dāng)用戶點(diǎn)擊一個(gè)頁碼時(shí),會(huì)出現(xiàn)一個(gè)放大鏡,顯示與該頁臨近的另一個(gè)頁碼,讓用戶選擇。

返利網(wǎng)

QQ20160125110647

返利網(wǎng)中當(dāng)用戶輸入手機(jī)號(hào)碼時(shí),也會(huì)出現(xiàn)類似放大鏡的功能,放大手機(jī)號(hào)碼的同時(shí)也會(huì)對(duì)手機(jī)格式進(jìn)行分段,保證了手機(jī)號(hào)碼的易讀性,防止用戶輸錯(cuò)號(hào)碼。

PPT

524264-aabd4756f4b3429e

選擇倆個(gè)對(duì)象

524264-eeafa73f3a8dfc3b

選擇一個(gè)對(duì)象

在制作幻燈片時(shí),如果你選擇一個(gè)對(duì)象,這時(shí)你點(diǎn)擊對(duì)齊,最下方的“對(duì)齊幻燈片,對(duì)齊所選對(duì)象”會(huì)默認(rèn)為選擇“對(duì)齊幻燈片”。如果你同時(shí)選擇倆個(gè)或大于倆個(gè)的對(duì)象,對(duì)齊選項(xiàng)組中的“對(duì)齊幻燈片,對(duì)齊所選對(duì)象”會(huì)默認(rèn)選擇“對(duì)齊所選對(duì)象”。

360云盤

524264-ddbe78c37e6489ad

上圖是360云盤的啟動(dòng)圖,啟動(dòng)時(shí)間確實(shí)還是蠻長(zhǎng)的,因此設(shè)計(jì)師說了一句話“下午好”,這倒也沒什么,只是判斷一下時(shí)間,然后問好。原本是不值得一提的,但是那天晚上大概1點(diǎn)多鐘我準(zhǔn)備打開360云盤(表問我那么晚打開云盤干什么,我盤里沒資源的),啟動(dòng)圖上面的話大概是“夜深了,注意早點(diǎn)休息”。說實(shí)話,對(duì)360公司印象并不好,但那句話確實(shí)觸動(dòng)我了,很喜歡那點(diǎn)小小的文案。

豆瓣

設(shè)計(jì)師如果再發(fā)揮一下就更好了,啟動(dòng)圖上面根據(jù)時(shí)間顯示一些實(shí)時(shí)景色,每次打開都不一樣,可以有效地減少用戶感知的啟動(dòng)時(shí)間。要是能模擬天氣還能告訴用戶天氣呢!對(duì)于APP也一樣,啟動(dòng)快的應(yīng)用當(dāng)然立即啟動(dòng)盡管沒有啟動(dòng)頁面也很好,但是對(duì)于啟動(dòng)有點(diǎn)慢的應(yīng)用,利用一些人文的設(shè)計(jì)可以關(guān)懷用戶,畢竟等那幾秒真的很無聊,比如豆瓣:

524264-c884e9491b36c15e

天貓

“遇見你,真美好”。當(dāng)然我所說的是在不影響應(yīng)用啟動(dòng)時(shí)間的情況下的,如果啟動(dòng)時(shí)因?yàn)榭紤]了人文的因素卻需要大大的增加應(yīng)用的啟動(dòng)時(shí)間,則就不必要了。

524264-f583af31d948889a

最近幾天當(dāng)在天貓手機(jī)客戶端搜索猴子時(shí),會(huì)在屏幕中出現(xiàn)很多猴子,是不是很有趣?聽說人高興了容易買東西,易沖動(dòng)!哈哈。

技術(shù)在發(fā)展,甚至到了技術(shù)過剩的時(shí)代,不信你看那么多人在寫代碼,但真正有溫度的產(chǎn)品卻很少很少,甚至都沒有。

微信

微信的啟動(dòng)屏幕永遠(yuǎn)都是那個(gè)人站在一個(gè)不知道是什么鬼的地方,背后有一個(gè)星球叫地球,宇宙很陰冷,地球很陰冷,就連微信里面的人也在越來越冷。我想只有在這樣冷的應(yīng)用里才會(huì)有人在公眾號(hào)里為了營(yíng)銷寫出《借錢,是毀滅友誼的最佳方式》(講的是不要借錢給朋友)吧!

524264-8963d6c5c63f98d5

雖然有些手機(jī)操作系統(tǒng)針對(duì)左右手進(jìn)行優(yōu)化,但在應(yīng)用內(nèi)部對(duì)左右手操作優(yōu)化的并不多見。左手操作與右手操作都占了很大的比例,倆種操作習(xí)慣對(duì)于應(yīng)用內(nèi)部的一些元素的布局位置要求是不一樣的,比如側(cè)滑,左手操作從左往右滑動(dòng)比較友好,而右手操作從右往左滑動(dòng)比較友好。

#專欄作家#

法海,微信公眾號(hào):uxd_design。人人都是產(chǎn)品經(jīng)理專欄作家。熱愛交互設(shè)計(jì),熱愛用戶體驗(yàn)。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,不得轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!