每期分享10個優(yōu)秀設(shè)計(jì) 1個思考；

靈感、方案、審美、眼界 來源于日常儲備。

1.支付寶

設(shè)計(jì)點(diǎn)：對用戶的操作進(jìn)行預(yù)判，預(yù)判結(jié)果大概率滿足大部分人即可，體驗(yàn)設(shè)計(jì)的行為 是將產(chǎn)品變的更聰明（既產(chǎn)品與用戶交流、解決問題時），操作預(yù)判就是體現(xiàn)“聰明”的設(shè)計(jì)點(diǎn)

以前在支付寶給好友轉(zhuǎn)賬時你可能遇到過在聊天窗口直接將數(shù)字發(fā)送給對方的尷尬體驗(yàn)，新版支付寶針對這一問題進(jìn)行了很好的優(yōu)化。在好友聊天窗口輸入純數(shù)字，系統(tǒng)會自動彈出“給對方轉(zhuǎn)賬xx元”的懸浮條提示。點(diǎn)擊懸浮條即可進(jìn)行一鍵轉(zhuǎn)賬操作。這個細(xì)節(jié)的優(yōu)化不僅修復(fù)了以前的問題提升了產(chǎn)品易用性，也更加突出了支付寶作為支付工具的功能屬性。

2.有道云筆記

設(shè)計(jì)點(diǎn)：記住用戶的小習(xí)慣和記住密碼一樣方便。體貼的產(chǎn)品關(guān)心用戶喜好——《交互設(shè)計(jì)精髓-第8章-數(shù)字產(chǎn)品的禮儀》

第三方授權(quán)登錄因其無需注冊降低了體驗(yàn)成本也利于快速整合用戶資源，越來越受到產(chǎn)品設(shè)計(jì)的青睞。但新的困擾又出現(xiàn)了：如果你不總是使用同一個第三方賬號去授權(quán)登錄不同App，很有可能會記混淆授權(quán)賬號。有道云筆記的登錄頁上自動提示了上次登錄的ID信息，對于總是忘記登錄賬號的人來說 瞬間有種被拯救的感動。很小的一個細(xì)節(jié)卻讓人對產(chǎn)品的好感度蹭蹭往上漲。

3.愛彼迎

設(shè)計(jì)點(diǎn)：場景細(xì)分，將一個流程細(xì)分為多個場景，根據(jù)當(dāng)前場景考慮用戶最需要的點(diǎn)

注冊流程中，愛彼迎將該流程拆分成了4步，每個頁面致力于只做1件事情，不知不覺中減少了用戶的認(rèn)知負(fù)荷，進(jìn)入界面時鍵盤自動彈起（自動提供相應(yīng)的鍵盤），減少了用戶操作次數(shù)，當(dāng)App注冊流程出現(xiàn)問題時，產(chǎn)品團(tuán)隊(duì)也可以及時發(fā)現(xiàn)定位到哪個步驟出了問題，譬如為什么驗(yàn)證碼會發(fā)送會有延遲。同時文案的處理方式也感覺是在聊天，而不是“審問”，這才是表單錄入該有的樣子。

4.VUE

 視頻的編輯處理通常比較耗費(fèi)時間，當(dāng)辛苦了大半天編輯好準(zhǔn)備存儲時，你肯定不想出現(xiàn)什么差錯，所以VUE在這里告訴用戶不要急著退出，防止視頻保存失敗，并采用長方形的順時針進(jìn)度條，打破存儲時枯燥無預(yù)期的形式，簡約不失時尚感，讓用戶既能專注于內(nèi)容本身，又能緩解存儲等待時的焦慮情緒。這份儀式感也充分體現(xiàn)了'操作中有反饋'的交互原理。

5.掌上生活

設(shè)計(jì)點(diǎn)：有效的組織信息能達(dá)到簡化流程的目的

在各平臺購買電影票時我們都會遇到同一個困擾 ：好不容易選好影院與片子還要在電影放送時間與座位上做選擇，如果位置不合適就需要不斷退出當(dāng)前頁面切換其他場次查看。這種需要多次跳轉(zhuǎn)切換頁面的操作十分麻煩也不利于對電影不同場次的可選座位進(jìn)行對比。招行信用卡的官方APP'掌上生活'在這一塊兒的設(shè)計(jì)就特別人性化：同一影院里某部影片的所有排片場次信息都可在一個頁面里切換查看并進(jìn)行選座，減少了不必要的頁面跳轉(zhuǎn)、簡化了操作流程也為用戶對比排片信息提供了方便。

6.微信讀書

設(shè)計(jì)點(diǎn)：設(shè)計(jì)源于生活，將現(xiàn)實(shí)場景映射到設(shè)計(jì)中

讀紙質(zhì)書時我們習(xí)慣將書簽卡在書頁上方來標(biāo)記閱讀進(jìn)度，然而如果是電子書你會期待怎樣的書簽添加方式呢？'下拉添加書簽，松手刪除書簽'，'微信讀書'用交互手勢輕松實(shí)現(xiàn)了給書本添刪書簽的功能。帶有彈力感的滑動過程讓下拉的交互流暢有爽感，模擬紙質(zhì)書書簽放置習(xí)慣的書簽出現(xiàn)位置讓用戶感到合理而親切。完成本次閱讀退出App等到下一次再進(jìn)入應(yīng)用時，用戶閱讀記錄最近的那本書會自動翻開至添加書簽的那一頁，這個小細(xì)節(jié)的設(shè)置對使用體驗(yàn)而言也是很棒的加分項(xiàng)。

7.夸克瀏覽器

設(shè)計(jì)點(diǎn)：密密麻麻的英文字母，想要從中插入或補(bǔ)全都是件非常費(fèi)眼的事，將常用的后綴、符號、光標(biāo)操作提前為用戶準(zhǔn)備好，將會大大降低錄入成本

大多數(shù)瀏覽器會將地址欄放在頁面頂部，夸克瀏覽器卻特立獨(dú)行地將搜索框與地址欄整合到一起放置到頁面底部。離鍵盤更近的距離，讓用戶進(jìn)行輸入操作更輕松。此外，應(yīng)用在輸入網(wǎng)址時還貼心地為用戶提供了一個快速補(bǔ)全工具條，用于一鍵輸入常用網(wǎng)址的符號與后綴。工具條中間還放置著一個可以移動輸入光標(biāo)的“搖桿”，這個功能在進(jìn)行復(fù)雜網(wǎng)址輸入的時候相當(dāng)有用，真的比手機(jī)系統(tǒng)自帶的光標(biāo)移動方式方便靈活太多了呢～

8.QQ音樂

對于音樂類的App而言，播放器肯定是操作頻次最高的部分之一。為了方便用戶在進(jìn)行App其他版塊瀏覽時仍可對音樂播放進(jìn)行操控，各家音樂產(chǎn)品都有將播放器縮小在頁面置頂或底部顯示的設(shè)計(jì)，但通常仍需回到播放器頁面內(nèi)才能進(jìn)行歌曲切換的操作。QQ音樂的做法是將播放器常駐頁面底部，在當(dāng)前頁面直接通過對模塊的左右滑動操作就能輕松實(shí)現(xiàn)歌曲切換了。巧妙利用手勢滑動進(jìn)行歌曲切換，不僅簡化了用戶對播放器的操作路徑，由于操作邏輯與播放頁面借助左右按鈕切歌保持一致也很符合用戶對換歌操作的習(xí)慣與認(rèn)知。不過，新的交互方式也帶來了一些感知上的成本，所以更新后首次進(jìn)入APP時會有一個新手引導(dǎo)

9.滴答清單

如果你急需一款幫你合理規(guī)劃時間與高效完成任務(wù)的效率類應(yīng)用，“滴答清單”會是一個不錯的選擇。這款應(yīng)用最常見的使用場景是作為用戶的待辦事項(xiàng)清單，可隨時記錄并同步工作與生活任務(wù)的完成進(jìn)度，還可對待辦任務(wù)設(shè)置特定時間提醒。最近在使用“滴答清”時，還發(fā)現(xiàn)了一個很棒的提醒設(shè)計(jì)：當(dāng)你在當(dāng)日凌晨00:00以后設(shè)置今天的任務(wù)安排，App會貼心的提醒你當(dāng)前時間已過凌晨，別把“今天”錯當(dāng)成“明天”。凌晨過后時間點(diǎn)的變更是很容易被用戶忽略的細(xì)節(jié)，這個具有前瞻性的提醒設(shè)計(jì)很好地幫用戶避免了因疏忽錯誤設(shè)置任務(wù)時間的狀況，實(shí)用又貼心（當(dāng)然這個設(shè)計(jì)也需要看產(chǎn)品本身的定位，像該款式清單工具類，那必然是發(fā)揮其特有產(chǎn)品屬性）。

10.PC端團(tuán)隊(duì)展示hover效果

團(tuán)隊(duì)展示界面的hover效果，就讓人意想不到眼前一亮：當(dāng)鼠標(biāo)移入到單個成員的半身像時，原本正襟危坐的照片會變成另一張展示該成員個性或喜好的搞怪照片。原照片展示了成員在工作中嚴(yán)謹(jǐn)專業(yè)的一面，這樣的設(shè)計(jì)利于團(tuán)隊(duì)的歸屬感與凝聚力提升，也展現(xiàn)了團(tuán)隊(duì)的開放、活力、創(chuàng)新、年輕化。

本期思考

【微交互如何在產(chǎn)品設(shè)計(jì)中體現(xiàn)價值？】

最好的產(chǎn)品通常會做好兩件事情：功能和細(xì)節(jié)。功能能夠吸引用戶關(guān)注這個產(chǎn)品、幫用戶解決相應(yīng)的問題，而細(xì)節(jié)則能夠讓關(guān)注的用戶留下來且產(chǎn)生好感。值得注意的是，功能和細(xì)節(jié)兩者都很重要，但是功能居首，細(xì)節(jié)次之，也可以理解為：視覺服務(wù)于功能。

不過，讓用戶喜歡或者討厭一個產(chǎn)品，往往起源于細(xì)節(jié)。隨著交互動效的大規(guī)模普及，我們現(xiàn)在所看到的許多細(xì)節(jié)設(shè)計(jì)，都可以歸類于微交互。雖然在整體性的設(shè)計(jì)當(dāng)中，微交互似乎顯得微不足道，但從產(chǎn)品體驗(yàn)角度來講，它是密不可分的。

一個有趣的微交互可能讓用戶“愛上”這一功能，不自覺地就會點(diǎn)開它，如果在這個交互中引入情感傳遞功能，比如寵物類主題的產(chǎn)品或功能模塊，點(diǎn)擊后出現(xiàn)一只淡淡的貓爪，或者一個笑臉等，也可以在推送文案中帶上情感的文字。不同的文案和圖片總會引起一些不同情感。即使在產(chǎn)品表現(xiàn)一般的情況下，微交互也可以是守住用戶負(fù)面情緒的最后一道防線，甚至還有一些驚喜層面的彩蛋設(shè)計(jì)，這些都是保證用戶注意力長時間停留的一個點(diǎn)。并且在產(chǎn)品同質(zhì)化嚴(yán)重的時代，微交互能作為差異化、品牌化設(shè)計(jì)的一個突破口。