這樣的設計細節讓你覺得很貼心


登入賬號時候的密碼可見與隱藏選項

我們知道不管是手機端還是電腦端的鍵盤輸入容易輸錯

在登入時候需要輸入密碼,由於密碼需要保證安全一般都會設置成點狀隱藏形式

但有時候的確會輸錯導致輸入幾次才可以登入

或者忘記密碼不能及時發現

 

 

情感化設計

比較典型的就是啟動頁,加載動畫,空白提示等

 

為了讓用戶的等待過程不至於太焦慮

做些能引起用戶共鳴的小設計降低用戶等待壓力

我就說一個吧,比如頁面沒有內容的時候不是白茫茫的一片

很多時候都會做個圖標或小插畫提示雖然同樣是內容空白,但給用戶的感受會稍微親近

 

上方文字有提醒可以點擊獨角獸,就會出現有趣的對話跟動作

 

XDDDD這設計師正在畫新的404頁面

 

把PACMAN的路做成了404,真的可以玩喔!


台灣似乎不流行這種,所以我找了幾張中國那邊有趣的設計
 
 
 
另外一個是我覺得最貼心最貼心的設計
 
 
Facebook, Slack和Medium都在加載頁面內容時都使用了類似線框圖的淺灰色
 
placeholder來告知用戶你馬上會看到的頁面的大致結構佈局
 
這樣似乎會讓你感覺加載的更快
 
 
Facebook還在這個基礎上加入了一個非常微妙的動畫效果來表示loading
 
(比一朵菊花在那裡轉啊轉的好多了...)
 
有網友貼出瞭如何用CSS實現這個效果
 
 
 
以上分享希望大家會喜歡

本文章發表於:閒聊

加入210

鼓勵作者

目前持有 Blink Coin: Loading..

選擇禮物


愛心

(Coin 10)

幫高調

(Coin 20)

咖啡

(Coin 30)

掌聲鼓勵

(Coin 40)

崇拜眼神

(Coin 50)

驚呆了

(Coin 60)

神人4ni

(Coin 70)

花束

(Coin 100)

鑽石

(Coin 300)

紅寶石

(Coin 500)

藍寶石

(Coin 1000)

黃寶石

(Coin 3000)


送出鼓勵



發表匿名文章不會出現你的大頭圖與名稱,你可暢所欲言,但文章內容務必遵守「佈告欄使用規範」!


回應

送出回應


2 則回應

匿名

2017-08-16 02:32 #1

鼓勵了作者

0

匿名

2017-08-16 09:05 #2

真的是很貼心的設計耶

沒有講還真的不曾思考過他們的用心

0

想回應這篇文章嗎?也想發表文章嗎?
馬上登入來發表文章、追蹤作者、收藏文章或回應文章吧!

註冊 登入