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原型大賽的目的有四點。1、可以提升自己的知名度和影響力。2、以後找工作又多了一份頭銜。3、對自己這麼多年工作能力的認可。4、可以結實更多的業內人士。”

10.您在Mockplus設計大賽的QQ群裡都積極發言，看的出是個活潑友善愛交流的人。您平常工作中是否也很看重和其他設計師之間的溝通呢？您覺得設計師之間的交流溝通對產品設計的意義是什麼呢？

“我平時確實是一個比較善於溝通的人。其實作為一個UX設計師在工作中並不是只需要跟其他設計師溝通就可以了。各個環節的各個人員都要有充分的溝通。

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

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

3、跟前端溝通：當UX在做一個原型前，比如想做一個複雜或不好實現的效果時，需要提前跟前端人員溝通這個效果是否可以實現，實現起來的時間成本是多少。然後自己再評估，比如這個功能不重要，是不是就沒有必要花那麼多的時間成本去做這個。再比如這個效果實現不了，我們UX是不是可以考慮其他的效果？

4、跟程式設計師溝通：這種溝通大多數出現在開發過程中，在需求和原型評審階段的時，有一些底層的邏輯程式設計師是考慮不到的，只有在開發過程中才會發現這些問題。比如上傳一個檔案，應該在選擇後直接上傳還是應該在點選儲存時上傳到資料庫。在做原型的時候我們首先會考慮如果場景是小檔案，那麼就可以在點選儲存的時候上傳，這樣也會減少資料庫裡的垃圾數量。但是當真正開發的時候可能就會推翻我們所想的這個邏輯。此時就是考驗溝通的時候了，UX需要了解到為什麼後臺的邏輯不能這樣設計，然後再考慮如何做出一個優化方案。

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

6、跟市場或運營人員溝通：當產品上線後，能接觸到一線反饋資料的就是市場或運營人員。通過跟他們的溝通，我可以進一步的瞭解使用者的使用情況和反饋。更便於我在進一步做優化。”

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

“其實我個人非常青睞於“輕設計”＋“微互動”。

什麼是輕設計？

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

什麼是微互動？

微互動指的是使用者與產品互動過程中，發生的一些細小的互動瞬間，也有一些操作需要等待較長的時間，微互動設計是為了減少使用者等待過程中的厭倦感。這些細節間經常會被產品設計人員所忽視，非互動崗位的人員也會覺得這些都可有可無。”

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

“我來說說初級UX、中級UX和高階UX她們在工作中有什麼不同吧！

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

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

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