“看似低調(diào)，實則高調(diào)的設(shè)計，UI設(shè)計是用了功力，主頁功能和內(nèi)容一覽無余，方便用戶選擇，金字黑底，給予用戶極好的奢華體驗。原來聽歌也是一種視覺享受。創(chuàng)新性源于對聽歌氛圍的把握，大幅的圖片，刺激的音樂，讓用戶隨心嗨?！?br style="box-sizing: border-box;">
這是專家評委（成都軟件協(xié)會副秘書長楊文輝先生）對Mockplus大賽獲獎作品《High音》的評價。
是的，在High音里，聽音樂，儼然是一場視覺和聽覺的饕餮盛宴。
查看優(yōu)秀設(shè)計獎作品《High音》：https://www.mockplus.cn/ux2017/show/mNGdx
設(shè)計師高杰，藝術(shù)設(shè)計專業(yè)背景，雖是一名90后妹紙，但從事UX設(shè)計行業(yè)已逾五年時間。主要做b端的產(chǎn)品， 現(xiàn)在在北京做基因檢測領(lǐng)域的后臺設(shè)計。關(guān)于《High音》的誕生和本次參賽獲獎，我們聽聽設(shè)計師本人如何說。
1.Mockplus設(shè)計大賽的主題是音樂播放器，您覺得設(shè)計音樂APP原型最大的難點是什么？
“設(shè)計一個音樂App原型并不是什么難事，只要學(xué)會了軟件的基本功能，任何人都可以做原型設(shè)計，原型圖是最終的產(chǎn)出物。難點在于怎么做出一個用戶體驗好的音樂App原型。用戶體驗的主體是用戶，對象是產(chǎn)品，主要是指用戶對產(chǎn)品在使用之前、使用期間和使用之后對全部感受。包括情感、喜好、認(rèn)知印象、生理反應(yīng)、心理反應(yīng)、行為和成就等各方面。用戶體驗并不是我們看到的原型靜態(tài)頁面，而是一個過程，要結(jié)合用戶的真實使用過程。”
2.為什么想要做一款夜間模式的音樂APP原型呢？High音的設(shè)計靈感來自哪里呢？
“在深夜中，總是有那么一群人深感寂寞、沒有安全感、抱怨著社會的不公平、承受著各種壓力而不知所措，他們白天把自己最耀眼的一面展示給別人，而在深夜中的他們才是最真實的他們，他們不愿把深夜中真實的自己暴露給他人。這群人需要的并不是發(fā)泄，而是一個歸屬。high音就是他們的歸屬，high音這個名字表面上看是一款很活力的名字，這只是表象，就像這群人一樣，表面活的很光鮮亮麗。high音是一款專為深夜人群打造的音樂app。”
3.High音的色彩很鮮明，您是如何把控界面色彩的呢？
“有藝術(shù)設(shè)計的背景，色彩把控自然不在話下。整體色調(diào)采用了深藍(lán)底的背景色，襯托了夜間的氛圍，這種暗藍(lán)色，是純度、色相、明度最低的非彩色。象征著力量，有時感覺沉默、虛空，有時感覺莊嚴(yán)肅穆。主色調(diào)為接近金色的色調(diào)，但又不像純金色那樣奢華和刺眼。這種顏色是在橙色和白色中間取的顏色。這種偏白的橙色在暗藍(lán)色的背景上顯得很鮮亮，它的特性得到了最大化的發(fā)揮。整體色彩的把控可以很快的抓住用戶的眼球。”
4.High音中您最滿意的一個設(shè)計什么呢？是如何實現(xiàn)的呢？
“第一：“隨心high”這個功能是整個產(chǎn)品中的一個亮點，這個功能是一個隨機聽歌的功能，這個產(chǎn)品的用戶群在深夜中，他們會有不知所措，不知道自己想聽什么歌的想法，這群人此時腦子可能很空白，或者想著很多事情而不愿去考慮自己想聽什么。所以這個功能是完全隨機的聽歌。交互上采用了左滑不喜歡，右滑喜歡的效果。這種效果可以讓用戶的視覺中心集中在一首歌曲上，而不是常常的列表讓人很難選擇?！?/p>
“第二：首頁上的導(dǎo)航設(shè)計采用了光碟的效果。讓用戶一進來這個App就能感觸到音樂的存在。也正是因為這樣的設(shè)計，恰好突出了“隨心high”這個功能亮點?！?/p>
5.您曾發(fā)表過一篇設(shè)計“十感”的文章，提到了“榮譽感”，您在本次大賽中榮獲優(yōu)秀設(shè)計獎，這是否就是您所說的“榮譽感”呢？
“站在參賽者的角度來講，來參加比賽的大多數(shù)都想著可以獲得個獎項。那么獲獎意味著什么？第一：可以在這個領(lǐng)域中有一定的名氣，為自己的職業(yè)生涯鋪路。第二：當(dāng)你在眾人之中脫穎而出時，別人會羨慕你，甚至嫉妒你。從而你就會產(chǎn)生榮譽感，一種一人之下萬人之上的感覺?！?/p>
6.您有藝術(shù)設(shè)計專業(yè)背景，這對您從事UX設(shè)計是否有什么影響呢？
“優(yōu)勢：可以很好的把控整體原型的設(shè)計感，做出來的效果更親近于用戶使用時候的效果。劣勢：很容易陷入頁面的布局排版中，但其實更重要的是用深入用戶的使用場景，要更深的考慮到用戶的預(yù)期、生理和心理反應(yīng)?！?/p>
7.您從事UX設(shè)計多年，這5年里，您遇到的最大挑戰(zhàn)是什么呢，或者有沒有什么具有挑戰(zhàn)性的項目讓您覺得記憶猶新呢？
“我工作這些年大多數(shù)在從事b端的產(chǎn)品設(shè)計，還有就是b2b2c的產(chǎn)品設(shè)計。之前有做過社交、電商、三級分銷、微營銷、WMS（倉儲系統(tǒng)）、CRM（客戶管理系統(tǒng)）、基因檢測領(lǐng)域等相關(guān)的產(chǎn)品設(shè)計。其中印象最深的就是在做CRM產(chǎn)品設(shè)計的時候，因為使用者有兩類用戶，一類用戶是員工，另一類是管理者。比如當(dāng)時做的簽到和日志功能，員工端的使用場景是只可以看到自己的記錄。而管理員看到的是所有員工的記錄。因為功能是相通的，上線的時候也必須一起上線，所以在做原型設(shè)計的時候就要來回在不同用戶角色中切換。因為員工和管理員關(guān)注的點不一樣。這樣同一時間在不同用戶角色中切換思維對于我來將是一個比較大的挑戰(zhàn)。也是我印象最深記憶。”
8.之前有使用過Mockplus嗎？這次大賽過后對Mockplus有沒有什么新的認(rèn)識呢？有什么功能讓您比較難忘呢？
“之前沒有使用過，我也是無意間在一個群里發(fā)現(xiàn)有個原型設(shè)計大賽。經(jīng)過進一步了解才知道這個比賽的原型需要用Mockplus來實現(xiàn)，畢竟我的工作就是做UX設(shè)計的，對于我來講多學(xué)一個軟件百利而無一害。而且我覺得嘗試用新的軟件可能會給我工作中帶來更大的突破。于是就邊做參賽作品邊學(xué)習(xí)Mockplus。剛開始的時候上手有點不習(xí)慣，后來經(jīng)過官方客服的講解后就容易上手多了。在我做播放頁面光碟宣傳效果和隨心high左右滑動的效果我還是很滿意的，不過隨心high左右滑動的效果還是沒做出來左滑不喜歡，右滑喜歡的效果。以后還會進一步學(xué)習(xí)Mockplus的?！?/p>
9.您之前有參加過設(shè)計大賽嗎？您覺得參加Mockplus原型大賽對您最大的意義是什么呢？
“之前沒有參加過設(shè)計大賽，以前關(guān)注過一些UI的設(shè)計大賽，但是始終還沒聽說過有原型設(shè)計大賽。所以沒有參加過。其實我參加Mockplus原型大賽的目的有四點。1、可以提升自己的知名度和影響力。2、以后找工作又多了一份頭銜。3、對自己這么多年工作能力的認(rèn)可。4、可以結(jié)實更多的業(yè)內(nèi)人士?！?/p>
10.您在Mockplus設(shè)計大賽的QQ群里都積極發(fā)言，看的出是個活潑友善愛交流的人。您平常工作中是否也很看重和其他設(shè)計師之間的溝通呢？您覺得設(shè)計師之間的交流溝通對產(chǎn)品設(shè)計的意義是什么呢？
“我平時確實是一個比較善于溝通的人。其實作為一個UX設(shè)計師在工作中并不是只需要跟其他設(shè)計師溝通就可以了。各個環(huán)節(jié)的各個人員都要有充分的溝通。
1、跟產(chǎn)品經(jīng)理溝通：ux設(shè)計師需要跟產(chǎn)品了解具體的業(yè)務(wù)流程，還有做這個需求的目的是什么，期望達成怎樣的效果，給用戶和公司帶來了什么價值。后期的運營模式如何啟動。沒錯，你們沒聽錯，我說的就是后期的運營。一個產(chǎn)品在決定做這個需求的時候其實他自己心理已經(jīng)考慮好后期的運營模式了，或者是他已經(jīng)跟運營人員有過溝通了。了解的越多就越便于我們做產(chǎn)品設(shè)計。
2、跟UI設(shè)計師溝通：雖然這次比賽做的是高保真原型，不過實際在工作中很少會做高保真，第一是時間成本太大，第二是會影響ui設(shè)計的想法。用戶體驗設(shè)計包含了視覺體驗和交互體驗，所以跟UI設(shè)計師溝通是必不可少的。舉個例子，一個按鈕的位置，對于UX來講更注重放在哪里更便于用戶操作。而ui的角度會考慮到放到哪里好看，怎么設(shè)計好看。所以UX和UI溝通也是必不可少的。
3、跟前端溝通：當(dāng)UX在做一個原型前，比如想做一個復(fù)雜或不好實現(xiàn)的效果時，需要提前跟前端人員溝通這個效果是否可以實現(xiàn)，實現(xiàn)起來的時間成本是多少。然后自己再評估，比如這個功能不重要，是不是就沒有必要花那么多的時間成本去做這個。再比如這個效果實現(xiàn)不了，我們UX是不是可以考慮其他的效果？
4、跟程序員溝通：這種溝通大多數(shù)出現(xiàn)在開發(fā)過程中，在需求和原型評審階段的時，有一些底層的邏輯程序員是考慮不到的，只有在開發(fā)過程中才會發(fā)現(xiàn)這些問題。比如上傳一個文件，應(yīng)該在選擇后直接上傳還是應(yīng)該在點擊保存時上傳到數(shù)據(jù)庫。在做原型的時候我們首先會考慮如果場景是小文件，那么就可以在點擊保存的時候上傳，這樣也會減少數(shù)據(jù)庫里的垃圾數(shù)量。但是當(dāng)真正開發(fā)的時候可能就會推翻我們所想的這個邏輯。此時就是考驗溝通的時候了，UX需要了解到為什么后臺的邏輯不能這樣設(shè)計，然后再考慮如何做出一個優(yōu)化方案。
5、跟測試人員溝通：很多童鞋可能會問，原型設(shè)計跟測試有什么關(guān)系？完整的一套工作流程中，測試并不只是測試功能和邏輯。還有一項用戶體驗的測試，可能有一些公司沒有這樣的測試。所以我一般都是在第二輪測試的時候直接介入到用戶體驗測試。我自己親自來做這個測試，測試過程中很容易疏漏一些細(xì)節(jié)，但是我說這個產(chǎn)品的設(shè)計人員，細(xì)節(jié)問題沒有人比我更了解了。我自己親自測試，這樣可以更好的把控好產(chǎn)品上線的質(zhì)量。
6、跟市場或運營人員溝通：當(dāng)產(chǎn)品上線后，能接觸到一線反饋數(shù)據(jù)的就是市場或運營人員。通過跟他們的溝通，我可以進一步的了解用戶的使用情況和反饋。更便于我在進一步做優(yōu)化?！?/p>
11.您比較青睞的設(shè)計風(fēng)格是什么呢？
“其實我個人非常青睞于“輕設(shè)計”＋“微交互”。
什么是輕設(shè)計？
輕量級的設(shè)計，頁面沒有過多和復(fù)雜的元素做襯托，整體風(fēng)格很簡約，突出功能和內(nèi)容才是關(guān)鍵。
什么是微交互？
微交互指的是用戶與產(chǎn)品交互過程中，發(fā)生的一些細(xì)小的交互瞬間，也有一些操作需要等待較長的時間，微交互設(shè)計是為了減少用戶等待過程中的厭倦感。這些細(xì)節(jié)間經(jīng)常會被產(chǎn)品設(shè)計人員所忽視，非交互崗位的人員也會覺得這些都可有可無?！?/p>
12.您在UX設(shè)計領(lǐng)域從業(yè)多年，有什么經(jīng)驗之談可以分享嗎？
“我來說說初級UX、中級UX和高級UX她們在工作中有什么不同吧！
初級UX：更多的停留在學(xué)習(xí)軟件、基礎(chǔ)設(shè)計理論、了解設(shè)計規(guī)范、交互設(shè)計基本功等。拿到需求后不會過多的去分析，按照產(chǎn)品經(jīng)理的意思做就是了。
中級UX：掌握了初級UX的技能會跟上游（產(chǎn)品）和下游（UI）做好充分的溝通，了解做這次需求的目的是什么，能給用戶和公司帶來什么樣的價值。這次需求中那些是重點。然后綜合多方面緯度去設(shè)計一個最優(yōu)方案，并且可以講出為什么這樣設(shè)計，這樣設(shè)計的優(yōu)勢在哪里。
高級UX：掌握了中級UX的技能，會跟各個環(huán)節(jié)的各個人員進行溝通，上到可以理解公司戰(zhàn)略，下到可以跟市場或運營打成一片。整個工作流形成閉環(huán)。從而不斷的做出更好的方案，只有更好沒有最好。”
聯(lián)系客服
