Mockplus設計大賽獲獎選手專訪 | High音：輕鬆生活，隨心嗨音

「看似低調，實則高調的設計，UI設計是用了功力，主頁功能和內容盡收眼底，方便用戶選擇，金字黑底，給予用戶極好的奢華體驗。原來聽歌也是一種視覺享受。創新性源於對聽歌氛圍的把握，大幅的圖片，刺激的音樂，讓用戶隨心嗨。」

這是專家評委（成都軟件協會副祕書長楊文輝先生）對Mockplus大賽獲獎做品《High音》的評價。

是的，在High音裏，聽音樂，儼然是一場視覺和聽覺的饕餮盛宴。

查看優秀設計獎做品《High音》：https://www.mockplus.cn/ux2017/show/mNGdx

設計師高傑，藝術設計專業背景，雖是一名90後妹紙，但從事UX設計行業已逾五年時間。主要作b端的產品， 如今在北京作基因檢測領域的後臺設計。關於《High音》的誕生和本次參賽獲獎，咱們聽聽設計師本人如何說。

1.Mockplus設計大賽的主題是音樂播放器，您以爲設計音樂APP原型最大的難點是什麼？

「設計一個音樂App原型並非什麼難事，只要學會了軟件的基本功能，任何人均可以作原型設計，原型圖是最終的產出物。難點在於怎麼作出一個用戶體驗好的音樂App原型。用戶體驗的主體是用戶，對象是產品，主要是指用戶對產品在使用以前、使用期間和使用以後對所有感覺。包括情感、喜愛、認知印象、生理反應、心理反應、行爲和成就等各方面。用戶體驗並非咱們看到的原型靜態頁面，而是一個過程，要結合用戶的真實使用過程。」

2.爲何想要作一款夜間模式的音樂APP原型呢？High音的設計靈感來自哪裏呢？

「在深夜中，老是有那麼一羣人深感寂寞、沒有安全感、抱怨着社會的不公平、承受着各類壓力而不知所措，他們白天把本身最耀眼的一面展現給別人，而在深夜中的他們纔是最真實的他們，他們不肯把深夜中真實的本身暴露給他人。這羣人須要的並非發泄，而是一個歸屬。high音就是他們的歸屬，high音這個名字表面上看是一款很活力的名字，這只是表象，就像這羣人同樣，表面活的很光鮮亮麗。high音是一款專爲深夜人羣打造的音樂app。」

3.High音的色彩很鮮明，您是如何把控界面色彩的呢？

「有藝術設計的背景，色彩把控天然不在話下。總體色調採用了深藍底的背景色，陪襯了夜間的氛圍，這種暗藍色，是純度、色相、明度最低的非彩色。象徵着力量，有時感受沉默、虛空，有時感受莊嚴肅穆。主色調爲接近金色的色調，但又不像純金色那樣奢華和刺眼。這種顏色是在橙色和白色中間取的顏色。這種偏白的橙色在暗藍色的背景上顯得很鮮亮，它的特性獲得了最大化的發揮。總體色彩的把控能夠很快的抓住用戶的眼球。」

4.High音中您最滿意的一個設計什麼呢？是如何實現的呢？

「第一：「隨心high」這個功能是整個產品中的一個亮點，這個功能是一個隨機聽歌的功能，這個產品的用戶羣在深夜中，他們會有不知所措，不知道本身想聽什麼歌的想法，這羣人此時腦子可能很空白，或者想着不少事情而不肯去考慮本身想聽什麼。因此這個功能是徹底隨機的聽歌。交互上採用了左滑不喜歡，右滑喜歡的效果。這種效果可讓用戶的視覺中心集中在一首歌曲上，而不是經常的列表讓人很難選擇。」

「第二：首頁上的導航設計採用了光碟的效果。讓用戶一進來這個App就能感觸到音樂的存在。也正是由於這樣的設計，剛好突出了「隨心high」這個功能亮點。」

5.您曾發表過一篇設計「十感」的文章，提到了「榮譽感」，您在本次大賽中榮獲優秀設計獎，這是否就是您所說的「榮譽感」呢？

「站在參賽者的角度來說，來參加比賽的大多數都想着能夠得到個獎項。那麼獲獎意味着什麼？第一：能夠在這個領域中有必定的名氣，爲本身的職業生涯鋪路。第二：當你在衆人之中脫穎而出時，別人會羨慕你，甚至嫉妒你。從而你就會產生榮譽感，一種一人之下萬人之上的感受。」

6.您有藝術設計專業背景，這對您從事UX設計是否有什麼影響呢？

「優點：能夠很好的把控總體原型的設計感，作出來的效果更親近於用戶使用時候的效果。劣勢：很容易陷入頁面的佈局排版中，但其實更重要的是用深刻用戶的使用場景，要更深的考慮到用戶的預期、生理和心理反應。」

7.您從事UX設計多年，這5年裏，您遇到的最大挑戰是什麼呢，或者有沒有什麼具備挑戰性的項目讓您以爲記憶猶新呢？

「我工做這些年大多數在從事b端的產品設計，還有就是b2b2c的產品設計。以前有作過社交、電商、三級分銷、微營銷、WMS（倉儲系統）、CRM（客戶管理系統）、基因檢測領域等相關的產品設計。其中印象最深的就是在作CRM產品設計的時候，由於使用者有兩類用戶，一類用戶是員工，另外一類是管理者。好比當時作的簽到和日誌功能，員工端的使用場景是隻能夠看到本身的記錄。而管理員看到的是全部員工的記錄。由於功能是相通的，上線的時候也必須一塊兒上線，因此在作原型設計的時候就要來回在不一樣用戶角色中切換。由於員工和管理員關注的點不同。這樣同一時間在不一樣用戶角色中切換思惟對於我來將是一個比較大的挑戰。也是我印象最深記憶。」

8.以前有使用過Mockplus嗎？此次大勝過後對Mockplus有沒有什麼新的認識呢？有什麼功能讓您比較難忘呢？

「以前沒有使用過，我也是無心間在一個羣裏發現有個原型設計大賽。通過進一步瞭解才知道這個比賽的原型須要用Mockplus來實現，畢竟個人工做就是作UX設計的，對於我來說多學一個軟件百利而無一害。並且我以爲嘗試用新的軟件可能會給我工做中帶來更大的突破。因而就邊作參賽做品邊學習Mockplus。剛開始的時候上手有點不習慣，後來通過官方客服的講解後就容易上手多了。在我作播放頁面光碟宣傳效果和隨心high左右滑動的效果我仍是很滿意的，不過隨心high左右滑動的效果仍是沒作出來左滑不喜歡，右滑喜歡的效果。之後還會進一步學習Mockplus的。」

9.您以前有參加過設計大賽嗎？您以爲參加Mockplus原型大賽對您最大的意義是什麼呢？

「以前沒有參加過設計大賽，之前關注過一些UI的設計大賽，可是始終還沒據說過有原型設計大賽。因此沒有參加過。其實我參加Mockplus原型大賽的目的有四點。一、能夠提高本身的知名度和影響力。二、之後找工做又多了一份頭銜。三、對本身這麼多年工做能力的承認。四、能夠結實更多的業內人士。」

10.您在Mockplus設計大賽的QQ羣裏都積極發言，看的出是個活潑友善愛交流的人。您日常工做中是否也很看重和其餘設計師之間的溝通呢？您以爲設計師之間的交流溝通對產品設計的意義是什麼呢？

「我平時確實是一個比較善於溝通的人。其實做爲一個UX設計師在工做中並非只須要跟其餘設計師溝通就能夠了。各個環節的各我的員都要有充分的溝通。

一、跟產品經理溝通：ux設計師須要跟產品瞭解具體的業務流程，還有作這個需求的目的是什麼，指望達成怎樣的效果，給用戶和公司帶來了什麼價值。後期的運營模式如何啓動。沒錯，大家沒聽錯，我說的就是後期的運營。一個產品在決定作這個需求的時候其實他本身心理已經考慮好後期的運營模式了，或者是他已經跟運營人員有過溝通了。瞭解的越多就越便於咱們作產品設計。

二、跟UI設計師溝通：雖然此次比賽作的是高保真原型，不過實際在工做中不多會作高保真，第一是時間成本太大，第二是會影響ui設計的想法。用戶體驗設計包含了視覺體驗和交互體驗，因此跟UI設計師溝通是必不可少的。舉個例子，一個按鈕的位置，對於UX來說更注重放在哪裏更便於用戶操做。而ui的角度會考慮到放到哪裏好看，怎麼設計好看。因此UX和UI溝通也是必不可少的。

三、跟前端溝通：當UX在作一個原型前，好比想作一個複雜或很差實現的效果時，須要提早跟前端人員溝通這個效果是否能夠實現，實現起來的時間成本是多少。而後本身再評估，好比這個功能不重要，是否是就沒有必要花那麼多的時間成本去作這個。再好比這個效果實現不了，咱們UX是否是能夠考慮其餘的效果？

四、跟程序員溝通：這種溝通大多數出如今開發過程當中，在需求和原型評審階段的時，有一些底層的邏輯程序員是考慮不到的，只有在開發過程當中纔會發現這些問題。好比上傳一個文件，應該在選擇後直接上傳仍是應該在點擊保存時上傳到數據庫。在作原型的時候咱們首先會考慮若是場景是小文件，那麼就能夠在點擊保存的時候上傳，這樣也會減小數據庫裏的垃圾數量。可是當真正開發的時候可能就會推翻咱們所想的這個邏輯。此時就是考驗溝通的時候了，UX須要瞭解到爲何後臺的邏輯不能這樣設計，而後再考慮如何作出一個優化方案。

五、跟測試人員溝通：不少童鞋可能會問，原型設計跟測試有什麼關係？完整的一套工做流程中，測試並不僅是測試功能和邏輯。還有一項用戶體驗的測試，可能有一些公司沒有這樣的測試。因此我通常都是在第二輪測試的時候直接介入到用戶體驗測試。我本身親自來作這個測試，測試過程當中很容易疏漏一些細節，可是我說這個產品的設計人員，細節問題沒有人比我更瞭解了。我本身親自測試，這樣能夠更好的把控好產品上線的質量。

六、跟市場或運營人員溝通：當產品上線後，能接觸到一線反饋數據的就是市場或運營人員。經過跟他們的溝通，我能夠進一步的瞭解用戶的使用狀況和反饋。更便於我在進一步作優化。」

11.您比較青睞的設計風格是什麼呢？

「其實我我的很是青睞於「輕設計」＋「微交互」。

什麼是輕設計？

輕量級的設計，頁面沒有過多和複雜的元素作陪襯，總體風格很簡約，突出功能和內容纔是關鍵。

什麼是微交互？

微交互指的是用戶與產品交互過程當中，發生的一些細小的交互瞬間，也有一些操做須要等待較長的時間，微交互設計是爲了減小用戶等待過程當中的厭倦感。這些細節間常常會被產品設計人員所忽視，非交互崗位的人員也會以爲這些均可有可無。」

12.您在UX設計領域從業多年，有什麼經驗之談能夠分享嗎？

「我來講說初級UX、中級UX和高級UX她們在工做中有什麼不一樣吧！

初級UX：更多的停留在學習軟件、基礎設計理論、瞭解設計規範、交互設計基本功等。拿到需求後不會過多的去分析，按照產品經理的意思作就是了。

中級UX：掌握了初級UX的技能會跟上游（產品）和下游（UI）作好充分的溝通，瞭解作此次需求的目的是什麼，能給用戶和公司帶來什麼樣的價值。此次需求中那些是重點。而後綜合多方面緯度去設計一個最優方案，而且能夠講出爲何這樣設計，這樣設計的優點在哪裏。

高級UX：掌握了中級UX的技能，會跟各個環節的各我的員進行溝通，上到能夠理解公司戰略，下到能夠跟市場或運營打成一片。整個工做流造成閉環。從而不斷的作出更好的方案，只有更好沒有最好。」