在如今的設(shè)計(jì)理念當(dāng)中,移動設(shè)計(jì)先行??v觀國內(nèi)外一些優(yōu)秀的APP和網(wǎng)站,25學(xué)堂幫大家整理了15個(gè)小而見大的交互體驗(yàn)設(shè)計(jì)細(xì)節(jié)。值得我們來學(xué)習(xí)。
之前25學(xué)堂也分享過《APP交互設(shè)計(jì)之10個(gè)值得設(shè)計(jì)師學(xué)習(xí)的創(chuàng)新方向》
1、Google驗(yàn)證
用戶點(diǎn)擊驗(yàn)證碼后系統(tǒng)會自動對其進(jìn)行復(fù)制(便于后續(xù)的粘貼操作)
2.?Basecamp?—?當(dāng)填寫表單出錯(cuò)時(shí),左邊的小人物會從微笑變成驚訝的表情。
3.?Asos?-?當(dāng)你在ASOS購物時(shí),你可以隱藏一個(gè)品牌的所有商品。
4、Turtable.fm
訂閱方案的選擇,使用了滑塊模式;小猴的表情會隨著你愿意支付的金額而動態(tài)的產(chǎn)生變化。
5.?Android Device Manager?-?當(dāng)你定位一個(gè)你正在使用的設(shè)備時(shí),軟件會告訴你“它就在你手上”。
6.?WordPress?-?當(dāng)你的郵箱域名輸錯(cuò)的時(shí)候,軟件會自動給出糾正提醒。
7.?Windows 8 Calculator?-?當(dāng)你使用單位換算計(jì)算100,000茶匙時(shí),還會告訴你它能裝滿多少個(gè)浴缸。
8.?Google?-?當(dāng)你搜索身體狀況時(shí),Google會建議你去咨詢醫(yī)生才是最正確的。
9.?Waymate?-?當(dāng)你在搜索行程時(shí),加載頁面會顯示目的地的天氣信息,并且會顯示從你到達(dá)那天開始的三天。
10.?Paypal?-?在iOS應(yīng)用切換界面下,PayPal界面會呈現(xiàn)模糊的狀態(tài)。
11.Timehop?- 當(dāng)你瀏覽到界面底部時(shí),如果繼續(xù)滾屏,就會看到吉祥物小恐龍只穿底褲的樣子。
12.Eventbrite?- 在顯示二維碼供用戶掃描的界面中,系統(tǒng)會自動檢測屏幕亮度,如果發(fā)現(xiàn)過低,則會暫時(shí)提高屏幕亮度(事先向用戶知會)。
13.Coda 2?- 訂單提交按鈕被點(diǎn)擊之后會直接轉(zhuǎn)變?yōu)檫M(jìn)度條的角色。
14.Github?- 點(diǎn)擊搜索框后,右側(cè)導(dǎo)航項(xiàng)會自動隱藏,給搜索框更多空間。
15.iOS?- 在“朗讀所選項(xiàng)”的設(shè)置中,用來代表朗讀速率快慢的是烏龜與兔子形象的圖標(biāo)。
全站高品質(zhì)素材免費(fèi)下載!