想要你的設(shè)計(jì)有亮點(diǎn)，你需要“記錄”。本文作者梳理了自己記錄的趣設(shè)計(jì)整合，對(duì)其中的亮點(diǎn)進(jìn)行解讀，與大家分享。

大家是否有過(guò)這樣的經(jīng)歷，老板天天催稿，辛辛苦苦通宵加班做的界面“被罵是垃圾”、“界面大平了”、“和競(jìng)品太像了”、“界面沒(méi)亮點(diǎn)”，這段時(shí)間出現(xiàn)嚴(yán)重的自我懷疑，“我真的是做設(shè)計(jì)的料嗎？“

首先我們應(yīng)該相信能做好設(shè)計(jì)，對(duì)于界面沒(méi)有亮點(diǎn)該怎么辦呢？

方法其實(shí)很簡(jiǎn)單，只需要我們?cè)谄綍r(shí)養(yǎng)成“玩APP”的習(xí)慣，將產(chǎn)品中一些功能、交互、視覺(jué)亮點(diǎn)都記錄下來(lái)，同時(shí)描述他的操作方式、作用，我們?yōu)槭裁从X(jué)得好。

通過(guò)這樣的分析和總結(jié)，當(dāng)你“玩”的APP達(dá)到一定量時(shí)，你發(fā)現(xiàn)你的設(shè)計(jì)水平也上了一個(gè)臺(tái)階，界面設(shè)計(jì)也變得越來(lái)越豐富，交互方式越來(lái)越新穎了，加班的時(shí)間也少了……

具體該如何記錄呢，下面我將近幾個(gè)月記錄的趣設(shè)計(jì)整合到一起和大家進(jìn)行分享，當(dāng)你做界面不知如何設(shè)計(jì)時(shí)，看看這些趣設(shè)計(jì)也許會(huì)給你帶來(lái)靈感。

01 樂(lè)動(dòng)力 滑塊調(diào)節(jié)

設(shè)置身高和體重時(shí)，分別采用豎向和橫向標(biāo)尺進(jìn)行調(diào)節(jié)，讓設(shè)置更加直觀易操作，適用于一定范圍內(nèi)選定一個(gè)參數(shù)的場(chǎng)景，例如設(shè)置投資金額、地圖距離等。

02 小猿口算 拍照檢查作業(yè)

使用拍照檢查，系統(tǒng)會(huì)自動(dòng)幫你檢查作業(yè)，并給出檢查結(jié)果，同時(shí)對(duì)于做錯(cuò)的題目還給出了解析，媽媽再也不用擔(dān)心給孩子輔導(dǎo)作業(yè)了～，目前該功能在教育APP中比較常見(jiàn)。

當(dāng)然做記錄是為了能夠舉一反三，這個(gè)功能一定是可以應(yīng)用到其他行業(yè)，其他類型的APP中；

因此我就在想這個(gè)功能是否可以用在醫(yī)療類APP中，通過(guò)拍照檢查體檢單，系統(tǒng)自動(dòng)分析并給出檢查結(jié)果和相應(yīng)的建議，這樣的功能作為一個(gè)輔助檢查窗口，可以解決等待醫(yī)生宣布病情的那種忐忑情緒。

03 鏈家 一問(wèn)多答

鏈家這個(gè)功能出現(xiàn)簡(jiǎn)直大愛(ài)，以前每次使用咨詢時(shí)都需要手動(dòng)一個(gè)人的去問(wèn)，同時(shí)還需要跳轉(zhuǎn)到消息界面，效率極低，哪怕我只是問(wèn)一個(gè)首付多少時(shí)也需要一個(gè)人一個(gè)人的問(wèn)，現(xiàn)在我們只需提一個(gè)問(wèn)題，就可以得到多位經(jīng)紀(jì)人反饋，大大的降低用戶咨詢成本。

04 MOO音樂(lè) 滑動(dòng)切換

滑動(dòng)唱片，可快速切換音樂(lè)。同時(shí)也可快速點(diǎn)擊播放和暫停按鈕。MOO音樂(lè)推薦大家可以下載來(lái)玩玩，相比傳統(tǒng)的音樂(lè)APP，它有很不一樣的視覺(jué)、交互體驗(yàn)。

05 好搭盒子 虛擬人物搭配

進(jìn)入APP可根據(jù)身高體重三圍，捏一個(gè)和你身材很像的人，你在逛衣服的時(shí)候可以直觀的看到上身效果，以及你看中衣服的相關(guān)搭配。

這個(gè)功能其實(shí)更多的是產(chǎn)品層面規(guī)劃的內(nèi)容，同時(shí)還需要根據(jù)技術(shù)實(shí)力來(lái)進(jìn)行。

06 NAVER 撥盤(pán)設(shè)計(jì)

我們?cè)谕鍭PP時(shí)，不要限制在國(guó)內(nèi)的應(yīng)用，國(guó)外的應(yīng)用大家也可以下載來(lái)體驗(yàn)下，NAVER是韓國(guó)的一款類似百度的APP應(yīng)用，其分類頁(yè)采用撥盤(pán)設(shè)計(jì)相比傳統(tǒng)設(shè)計(jì)更方便拇指操作、更具趣味性。

當(dāng)然這也的設(shè)計(jì)在國(guó)內(nèi)其實(shí)不太常見(jiàn)，因?yàn)槲覀兊男畔⒍急容^多，這也設(shè)計(jì)延展性不太好，但是這樣的方式在一些場(chǎng)景，我們?nèi)匀豢梢越栌?，比如汽車之家的智慧展廳也用了類似撥盤(pán)的設(shè)計(jì)。

07 馬蜂窩 短視頻預(yù)告功能

馬蜂窩是我比較喜歡逛的應(yīng)用之一，因?yàn)樗ㄆ诳偸菚?huì)更新一些亮點(diǎn)的功能和交互，比如短視頻底部顯示即將播放內(nèi)容，讓用戶可提前預(yù)知播放內(nèi)容，相比微博這種傳統(tǒng)Feed流沉浸式體驗(yàn)更好。

08 馬蜂窩 懸浮定位

點(diǎn)擊懸浮按鈕可快速定位到對(duì)應(yīng)欄目，這個(gè)功能讓我想起了網(wǎng)頁(yè)專題中的快捷導(dǎo)航，點(diǎn)擊對(duì)于的導(dǎo)航即可到相應(yīng)的界面去，大家是否發(fā)現(xiàn)交互是不是只要能夠解決問(wèn)題，就算網(wǎng)頁(yè)端中的交互效果，用在APP中也是一大亮點(diǎn)呢。

09 馬蜂窩 評(píng)論區(qū)卡通貼紙

評(píng)論模塊，通過(guò)情感化的卡通貼紙?jiān)O(shè)計(jì)，讓評(píng)論變得更加有趣。

其實(shí)大家發(fā)現(xiàn)，這個(gè)評(píng)論貼紙和抖音的打賞貼紙是不是很像，它讓整個(gè)評(píng)論區(qū)都熱鬧了起來(lái)。

10 脈脈 快捷評(píng)論

脈脈的好友祝福模塊，點(diǎn)擊快捷評(píng)論標(biāo)簽可快速完成祝福，降低互動(dòng)門(mén)檻。

當(dāng)然在設(shè)計(jì)時(shí)這樣的快捷方式不單單只用在評(píng)論區(qū)，也可用在其他輸入場(chǎng)景或者聊天窗口中，比如淘寶消息頁(yè)和UC瀏覽器搜索頁(yè)。

總結(jié)

我經(jīng)常會(huì)聽(tīng)到大家說(shuō)，”老板說(shuō)界面太平“、”沒(méi)亮點(diǎn)“、”我感覺(jué)自己不適合做設(shè)計(jì)“等消極的態(tài)度。其實(shí)這只是我們還沒(méi)有掌握學(xué)習(xí)的方法，當(dāng)你堅(jiān)持分享總結(jié)，堅(jiān)持每天抽半個(gè)小時(shí)玩玩手機(jī)中的APP，長(zhǎng)期下去你的界面就會(huì)上一個(gè)臺(tái)階。

PS：今天和大家分享了10條我記錄的趣設(shè)計(jì)，大家可以舉一反三，建立自己的知識(shí)庫(kù)。

作者：風(fēng)箏KK，《UI那些事兒》作者；公眾號(hào)：海鹽社

本文由 @風(fēng)箏KK 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議