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

靈感、方案、審美,、眼界 來源于日常儲(chǔ)備,。

1.支付寶

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

以前在支付寶給好友轉(zhuǎn)賬時(shí)你可能遇到過在聊天窗口直接將數(shù)字發(fā)送給對(duì)方的尷尬體驗(yàn),，新版支付寶針對(duì)這一問題進(jìn)行了很好的優(yōu)化,。在好友聊天窗口輸入純數(shù)字，系統(tǒng)會(huì)自動(dòng)彈出“給對(duì)方轉(zhuǎn)賬xx元”的懸浮條提示,。點(diǎn)擊懸浮條即可進(jìn)行一鍵轉(zhuǎn)賬操作,。這個(gè)細(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)登錄因其無(wú)需注冊(cè)降低了體驗(yàn)成本也利于快速整合用戶資源，越來越受到產(chǎn)品設(shè)計(jì)的青睞,。但新的困擾又出現(xiàn)了：如果你不總是使用同一個(gè)第三方賬號(hào)去授權(quán)登錄不同App,，很有可能會(huì)記混淆授權(quán)賬號(hào)。有道云筆記的登錄頁(yè)上自動(dòng)提示了上次登錄的ID信息,，對(duì)于總是忘記登錄賬號(hào)的人來說 瞬間有種被拯救的感動(dòng),。很小的一個(gè)細(xì)節(jié)卻讓人對(duì)產(chǎn)品的好感度蹭蹭往上漲。

3.愛彼迎

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

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

4.VUE

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

5.掌上生活

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

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

6.微信讀書

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

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

7.夸克瀏覽器

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

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

8.QQ音樂

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

9.滴答清單

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

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

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

本期思考

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

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

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

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