以下分享內(nèi)容整理自黑馬家族成員提交的部分產(chǎn)品體驗(yàn)日記，在描述上面如有疑問(wèn)歡迎大家留言指正。

01、Video Lab 的音樂(lè)編輯模塊

Video Lab 的添加音樂(lè)功能選擇直接在音樂(lè)庫(kù)界面展示編輯模塊內(nèi)容，讓用戶在試聽(tīng)音樂(lè)時(shí)可自由編輯內(nèi)容音樂(lè)的長(zhǎng)短，達(dá)到想要的效果。

該產(chǎn)品解決方案與市面上其他視頻剪輯產(chǎn)品相比，在去掉反復(fù)在選區(qū)試聽(tīng)界面來(lái)回的繁瑣操作之后，使產(chǎn)品更加輕便好用。

——小菜包o 摘錄

02、QQ 底部標(biāo)簽欄消息 icon 交互小心思

手機(jī)版的 QQ 在 iOS 8.0 版本更新后，不僅設(shè)計(jì)風(fēng)格更加簡(jiǎn)潔清爽，在底部標(biāo)簽欄常用功能“消息”模塊的 icon 設(shè)計(jì)上面也蘊(yùn)含了交互小心思。

當(dāng)你用手指輕滑 icon 時(shí)，會(huì)出現(xiàn)不同的搞怪表情，增強(qiáng)產(chǎn)品趣味性。當(dāng)用戶滑動(dòng)瀏覽消息列表內(nèi)容后進(jìn)行操作，還具備置頂?shù)墓δ堋Ｗ鳛樵O(shè)計(jì)師我們?cè)谶M(jìn)行產(chǎn)品設(shè)計(jì)的時(shí)候，所謂的增強(qiáng)用戶體驗(yàn)，需要從細(xì)微的地方帶給用戶不一樣的體驗(yàn)。

——Daisy 摘錄

03、RK Cam 拍照模板功能設(shè)計(jì)

RK Cam 在拍照時(shí)，拍攝按鈕的左側(cè)提供了快捷排版的功能操作，點(diǎn)擊進(jìn)入排版選項(xiàng)，用戶可自行挑選適合的模版。選擇對(duì)應(yīng)的模板后，在拍攝過(guò)程中會(huì)進(jìn)行提示當(dāng)前為模版中的哪個(gè)位置。

該產(chǎn)品的解決方案不僅可以直接享用濾鏡，還可以直接幫助排版，這個(gè)操作為喜歡排版照片的用戶提供了極大的便利。

——小菜包o 摘錄

04、Alook 瀏覽器不一樣的體驗(yàn)

第一次打開(kāi) App 會(huì)給用戶進(jìn)行彈窗引導(dǎo)，以此來(lái)強(qiáng)調(diào)產(chǎn)品的服務(wù)功能，便于用戶了解產(chǎn)品，更易上手。

這款瀏覽器在觀看視頻時(shí)會(huì)自動(dòng)懸浮，并配有瀏覽器自帶的倍速等功能，而且可以類似直播那樣的后臺(tái)播放（只有聲音），可以滿足視頻播放的多種需求。

另外還設(shè)計(jì)了移動(dòng)端和 web 端互換的小工具，滿足一些電腦版排版和功能略有不同的網(wǎng)站呈現(xiàn)，用戶可以根據(jù)需求進(jìn)行切換，目前大部分瀏覽器還沒(méi)有這個(gè)功能設(shè)置。

——阿玉兒 摘錄

05、QQ 語(yǔ)音進(jìn)度條的貼心功能設(shè)計(jì)

眾所周知，常見(jiàn)的語(yǔ)音消息都是點(diǎn)擊收聽(tīng)，再次點(diǎn)擊停止。騰訊 QQ 本次更新之后，語(yǔ)音進(jìn)度條的功能設(shè)計(jì)進(jìn)行了優(yōu)化提升。除了播放/暫停操作外，可以拖動(dòng)游標(biāo)進(jìn)行進(jìn)度控制，對(duì)于語(yǔ)音過(guò)長(zhǎng)時(shí)，用戶可以挑選重點(diǎn)傾聽(tīng)，節(jié)省時(shí)間成本。

視覺(jué)呈現(xiàn)上采用更加清晰的聲紋波段，既能很好的展示進(jìn)度信息，又能讓用戶都能對(duì)語(yǔ)音進(jìn)度有更直觀化的操作，增強(qiáng)用戶體驗(yàn)。

——飛鷹創(chuàng)意之旅 摘錄

06、看理想-看見(jiàn)另一種可能

整個(gè)產(chǎn)品設(shè)計(jì)界面排版極簡(jiǎn)化，色彩搭配清新高級(jí)。沒(méi)有過(guò)多的裝飾，每一張插圖都是為內(nèi)容而服務(wù)，整體調(diào)性文藝、富有內(nèi)涵。

滑動(dòng)閱讀文章時(shí)，上下兩個(gè)部分功能將會(huì)隱藏，排除一切干擾用戶閱讀的因素，提升用戶閱讀時(shí)的效率。

——小菜包o 摘錄

07、ETC 車(chē)寶 App 廣告位交互小細(xì)節(jié)

在體驗(yàn) ETC 車(chē)寶首頁(yè)時(shí)，廣告位的設(shè)計(jì)與眾不同。當(dāng)處于首屏?xí)r，內(nèi)部廣告折疊展示，可左右滑動(dòng)切換，當(dāng)屏幕上拉時(shí)，折疊廣告將全部展開(kāi)顯示。下拉回到頂部時(shí)，即自動(dòng)折疊恢復(fù)最初界面樣式。

這樣的交互處理可以更大程度的增強(qiáng)首屏利用率，可以露出更多不同板塊信息。當(dāng)屏幕發(fā)生變化時(shí)，板塊內(nèi)部信息再全部展示，也不會(huì)被忽略，還能增強(qiáng)用戶操作趣味性。

——飛鷹創(chuàng)意之旅 摘錄

08、每日優(yōu)鮮 App 隱藏的會(huì)員權(quán)益

在體驗(yàn)每日優(yōu)鮮產(chǎn)品時(shí)，進(jìn)入我的頁(yè)面，點(diǎn)擊任一區(qū)域下拉，即可出現(xiàn)隱藏的 7 大會(huì)員權(quán)益，松開(kāi)后內(nèi)容自動(dòng)上移覆蓋。

很小的交互細(xì)節(jié)，抓住了用戶的心里，直接展示出來(lái)可能會(huì)被忽略，一個(gè)小的交互可以引起用戶的注意。一般看到需要收費(fèi)開(kāi)通會(huì)員，很多用戶都不會(huì)去點(diǎn)擊，如果用戶優(yōu)先看到會(huì)員權(quán)益，可能會(huì)勾起開(kāi)通會(huì)員的欲望，從而達(dá)到引導(dǎo)的目的。另外也減少了頁(yè)面的跳轉(zhuǎn)，減少了用戶的操作成本，因而提升用戶體驗(yàn)。

——飛鷹創(chuàng)意之旅 摘錄

09、Forest 通過(guò)游戲讓你專注于學(xué)習(xí)

這是一款不僅限于游戲的產(chǎn)品，當(dāng)你想專心投入學(xué)習(xí)，又想要防止自己玩手機(jī)時(shí)，可以在 forest 中選擇種下一棵樹(shù)，設(shè)定好時(shí)間，在規(guī)定時(shí)間內(nèi)不玩手機(jī)這棵樹(shù)就會(huì)成功生長(zhǎng)。

在種樹(shù)過(guò)程中，樹(shù)會(huì)隨著時(shí)間的推移，在不同階段呈現(xiàn)出不同的外形（樹(shù)苗苗→小樹(shù)→中等的樹(shù)

→大樹(shù)），如果你在期間玩手機(jī)這棵樹(shù)就會(huì)死掉，通過(guò)趣味性的小游戲，讓你可以專心投入學(xué)習(xí)。

——CoolG 摘錄

10、花生地鐵 人性化的到站提醒

乘坐地鐵的時(shí)候由于時(shí)間較長(zhǎng)，我們都會(huì)拿起手機(jī)玩游戲、看小說(shuō)、看新聞、看電視劇等等。因此，經(jīng)常容易錯(cuò)過(guò)換成或者坐過(guò)站。

在花生地鐵產(chǎn)品中，新增了到站提醒功能，可以點(diǎn)擊進(jìn)入界面進(jìn)行設(shè)置你的回家和上班站點(diǎn)，還可以設(shè)置換乘站提醒，這樣你就可以肆無(wú)忌憚的玩手機(jī)或者美美的睡上一覺(jué)了。這個(gè)設(shè)計(jì)解決方案，從用戶的角度出發(fā)，非常具有人性化，體驗(yàn)極佳。

在設(shè)計(jì)表現(xiàn)上面，選擇城市界面中，熱門(mén)城市利用地標(biāo)的插畫(huà)來(lái)表現(xiàn)。在切換城市界面中，城市是由地鐵的標(biāo)志來(lái)表現(xiàn)。不單單是直接的文字信息傳遞，增加了趣味性，加深了對(duì)各地方地鐵標(biāo)志與地標(biāo)的記憶性。

——涼沐橙 摘錄

11、英語(yǔ)流利說(shuō) 知識(shí)星球探索

從打開(kāi) App 開(kāi)始產(chǎn)品的引導(dǎo)做得都非常不錯(cuò)，整個(gè)界面布局設(shè)計(jì)簡(jiǎn)潔清爽，信息引導(dǎo)處理使得用戶可以很快探索到自己喜歡的內(nèi)容。

左上角的“我的知識(shí)星球”版塊，置于左上角，雖然不是最突出的，但是也能引發(fā)用戶的好奇欲，很想看看這個(gè)版板是干什么的。點(diǎn)擊進(jìn)入之后，就是一個(gè)驚喜，用戶可以一邊學(xué)習(xí)一邊游戲，一次不一樣的體驗(yàn)之旅。

——碎碎的藍(lán) 摘錄

12、騰訊翻譯君 同聲傳譯的人性化設(shè)計(jì)

對(duì)于很多英語(yǔ)不好的用戶來(lái)說(shuō)，借助翻譯工具是非常便利的選擇。在體驗(yàn)騰訊翻譯君 App 的時(shí)候，同聲傳譯的人性化設(shè)計(jì)印象比較深刻。

進(jìn)入到騰訊翻譯君產(chǎn)品首頁(yè)，點(diǎn)擊右上角的圖標(biāo)即可在展開(kāi)的功能中進(jìn)入到同聲傳譯模式。在界面中通過(guò)語(yǔ)音翻譯后，可以通過(guò)點(diǎn)擊右上角的圖標(biāo)進(jìn)行上屏旋轉(zhuǎn)。這種交互形式的運(yùn)用，使得用戶在與他人對(duì)話場(chǎng)景中溝通更加方便順暢，滿足了用戶使用時(shí)的心理需求。

——Rachel醬 摘錄

本周的產(chǎn)品體驗(yàn)日記分享到此結(jié)束，希望拋磚引玉，可以看到更多伙伴去發(fā)現(xiàn)更多好玩的設(shè)計(jì)。

原創(chuàng)： 黑馬家族

公眾號(hào)：行設(shè)視覺(jué)