小細節,大設計:盤點那些觸動人心的設計細節

0 評論 31616 瀏覽 454 收藏 11 分鐘

一直看little big details,這個網站會收集電子產品的非常優秀的小的細節設計,這些細節設計不但體現了設計師的情懷,關鍵是還能帶給用戶好的情感體驗,同時提高可用性,比如這個:

524264-d2bb64481aae4b0c

網站圖標指示網絡連接狀況

正所謂“麻雀雖小,五臟俱全”,不不,是“細節雖小,意義重大”,好的設計往往體現在這些細節當中。

蜻蜓FM

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

另外,我們知道聽歌軟件都有類似的保存聽歌進度的功能,下次聽歌時會從上次播放的位置開始播放。我倒覺得這不必要,因為一首歌和FM類的音頻或視頻不一樣,一首歌最多只有5分鐘左右,非常短,當用戶暫停超過30分鐘(或更短)后,從上次播放的位置播放并沒有多大意義,而應該從頭開始播放。這不僅是歌曲和FM,視頻時間長短的問題,最關鍵的是同一首歌曲可以循環聽,聽幾遍都沒事,而視頻音頻從頭播放再看一遍已經看過的就是浪費時間了。

win10 Groove音樂

524264-046113c97f931143

win10的音樂客戶端Groove在播放音頻文件時,當你把鼠標指針放在進度條上的滑塊時,滑塊會變大,同時滑塊的上方顯示時間。方便用戶更精確地調整時間。

有道詞典網頁版

524264-1127bf2d6023b0ae

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

千圖網

524264-7db884c4e2bc8fe1

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

對不起,忘了哪個應用了

524264-f9e0a99002586283

移動端上的網頁

524264-864ad9a6340f127c

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

返利網

QQ20160125110647

返利網中當用戶輸入手機號碼時,也會出現類似放大鏡的功能,放大手機號碼的同時也會對手機格式進行分段,保證了手機號碼的易讀性,防止用戶輸錯號碼。

PPT

524264-aabd4756f4b3429e

選擇倆個對象

524264-eeafa73f3a8dfc3b

選擇一個對象

在制作幻燈片時,如果你選擇一個對象,這時你點擊對齊,最下方的“對齊幻燈片,對齊所選對象”會默認為選擇“對齊幻燈片”。如果你同時選擇倆個或大于倆個的對象,對齊選項組中的“對齊幻燈片,對齊所選對象”會默認選擇“對齊所選對象”。

360云盤

524264-ddbe78c37e6489ad

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

豆瓣

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

524264-c884e9491b36c15e

天貓

“遇見你,真美好”。當然我所說的是在不影響應用啟動時間的情況下的,如果啟動時因為考慮了人文的因素卻需要大大的增加應用的啟動時間,則就不必要了。

524264-f583af31d948889a

最近幾天當在天貓手機客戶端搜索猴子時,會在屏幕中出現很多猴子,是不是很有趣?聽說人高興了容易買東西,易沖動!哈哈。

技術在發展,甚至到了技術過剩的時代,不信你看那么多人在寫代碼,但真正有溫度的產品卻很少很少,甚至都沒有。

微信

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

524264-8963d6c5c63f98d5

雖然有些手機操作系統針對左右手進行優化,但在應用內部對左右手操作優化的并不多見。左手操作與右手操作都占了很大的比例,倆種操作習慣對于應用內部的一些元素的布局位置要求是不一樣的,比如側滑,左手操作從左往右滑動比較友好,而右手操作從右往左滑動比較友好。

#專欄作家#

法海,微信公眾號:uxd_design。人人都是產品經理專欄作家。熱愛交互設計,熱愛用戶體驗。

本文原創發布于人人都是產品經理,未經許可,不得轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!