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

1、Google驗證

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

2、Gumroad

聚焦到CVC安全碼字段時，右上方的信用卡圖標(biāo)會自動翻轉(zhuǎn)并提示安全碼的位置。

3、Google Docs

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

4、New Republic

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

5、MailChimp

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

6、Chrome

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

7、Medium

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

8、Turtable.fm

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

9、Google圖片搜索

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

10、Hipmunk

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

11、Chec

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

12、Wikipedia

在文章中點擊引用內(nèi)容時，頁面底部會展示內(nèi)容來源的相關(guān)信息。

13、Google Maps

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

14、Any.do Cal

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

15、Pinterest

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

16、Forbes

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

17、Close.io

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

18、Podio

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

19、Litmus

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

標(biāo)簽： 用戶體驗 產(chǎn)品設(shè)計 APP設(shè)計 

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