這些內容來自Tumblr的一個博客，Little Big Detail。那邊的用戶提交了很多Web和App產品中設計用心的小細節(jié)，可以說，包括一些精妙的微交互模式，一些小小的情感化元素，我很喜歡，于是就挑出一些自己覺得有點意思的，匯總成期，童鞋們感受一下。

1、Google驗證

用戶點擊驗證碼后系統(tǒng)會自動對其進行復制（便于后續(xù)的粘貼操作）

2、Gumroad

聚焦到CVC安全碼字段時，右上方的信用卡圖標會自動翻轉并提示安全碼的位置。

3、Google Docs

準備為某段文字添加連接時，系統(tǒng)會基于選中的文字自動提供URL建議。

4、New Republic

頂部固定的標題欄當中有一條細紅線(進度條)，可以隨著滾屏而自動伸展或收縮，用來提示當前閱讀的部分在全文當中的位置。

5、MailChimp

注冊時，如果你填寫的用戶名已經被占用了，系統(tǒng)會問你是否有個邪惡雙胞胎。

6、Chrome

無法找到頁面時，會提供一個與你輸入的URL非常相似的正確網址建議。

7、Medium

在小引用中，選擇一段文字后，出現(xiàn)的上下文工具當中，雙引號圖標只有一半是高亮的；而對大引用來說，這里的高亮狀態(tài)是完整的。

8、Turtable.fm

訂閱方案的選擇，使用了滑塊模式；小猴的表情會隨著你愿意支付的金額而動態(tài)的產生變化。

9、Google圖片搜索

在加載完整圖片的過程中，縮略圖下方會展示一個進度條。

10、Hipmunk

如果用戶輸入了過去的時間，會報錯”我們尚未提供時空回朔的旅行服務”。

11、Chec

直接使用更有意義、更有上下文關聯(lián)感的語句來呈現(xiàn)選項(交互選項擁有高亮背景)。

12、Wikipedia

在文章中點擊引用內容時，頁面底部會展示內容來源的相關信息。

13、Google Maps

會顯示當前地圖當中區(qū)域的即時天氣信息。

14、Any.do Cal

會顯示兩個事件之間的間隔時間。

15、Pinterest

忘記登錄密碼時，收到的密碼重置郵件來自ohno@pinterest.com。

16、Forbes

熱門文章列表中，每個條目都有白色的背景條，以展示這些文章的受歡迎程度(點擊量)。

17、Close.io

當你從其他地方直接復制了”John Smith” <john@example.com>這種形式的郵箱信息，并粘貼到Close.io的郵箱地址輸入框中，信息會被自動分割，其中的姓名會被自動填寫到Name輸入框，郵箱則留在郵箱地址輸入框。

18、Podio

創(chuàng)建新組織時，系統(tǒng)會根據你填寫的組織名稱自動推薦相關的logo供選擇。

19、Litmus

當你準備取消服務時，頁面中的垃圾桶里會出現(xiàn)你曾經使用Litmus發(fā)起過的調研郵件實際截圖。

標簽： 用戶體驗 產品設計 APP設計 

版權申明：本站文章部分自網絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。