【 設計理論】淺談UI設計師不可不學的易用性原則

淺談UI設計師不可不學的易用性原則

這一次的教學是屬於設計理論領域中的設計理論的相關教學。

文章出處是來自優設的設計理論類文章,寫教學的作者是爆炒UI部落,感謝爆炒UI部落提供設計理論的實作教學。

教學大綱:

評價一款界面設計時,設計師的眼裡,視覺美感是第一位的,但在產品經理和程序員那邊,好用才是王道。究竟好看好用哪個重要,爭吵無休無止。不過如果設計師掌握了界面設計的易用性原則,那不僅可以避免這類矛盾,百萬年薪當上總監也不是夢了,今天爆炒UI部落


設計理論教學開始

評價一款界面設計時,設計師的眼裡,視覺美感是第一位的,但在產品經理和程序員那邊,好用才是王道。究竟好看好用哪個重要,爭吵無休無止。不過如果設計師掌握了界面設計的易用性原則,那不僅可以避免這類矛盾,百萬年薪當上總監也不是夢了,今天爆炒UI部落分享了幾個重點原則,權當拋磚引玉,有心得的設計師也趕緊來分享。

爆炒UI部落 :當下正是遊戲產業蓬勃發展的時期,相較於端游、頁游只能在PC上操作的固定模式,手機遊戲已經無處不在,就像人要喝水吃飯一樣,成為了一種生活必需品。然而,隨着人們審美的不斷提升,對遊戲的可玩性,以及畫面畫質的要求更加嚴苛。

隨着手游市場的擴大,手機遊戲的需求更是日益添增,大量的研發團隊與美術外包佔領了業界的主導,而大批量的遊戲生產 ,也同時促就了遊戲UI設計師這個新興量產的職業,成為遊戲市場的最大需求端。

最近很多朋友常會討論,個人的審美不同,如何才能評定一款遊戲的UI是否優秀,而標準又是什麼?

其實這個題目太大,能講的理論太多,為此,本人在寫這篇文章時,特地請教了數位UI同仁,並做了大量考察,得出的結論卻大致相同——用心。

拋開美術質量這類原畫人更擅長的基本準則,我們談一談UI設計規範,以如何分辨一款遊戲UI的設計是否優秀與如何定義自己是製圖工匠還是一位真正意義上的遊戲設計師為中心來展開探索!

UI是英文User’s Interface的縮寫,本意是用戶界面。字面上的意思是用戶與界面兩個組成部分,實際上包括的是用戶與界面之間的交互關係。一個友好美觀的界面會給人帶來舒適的視覺效果,也同時可以拉近人與機器之間的距離。

由上得出的結論,我們把自己的職業拆分成【遊戲】 【UI】 【設計師】3個詞語,來重新審視我們自己的工作。

檢驗一款遊戲界面的設計是否成功,不能完全依賴表面,最重要的是玩家在操作過程中的使用感受和視覺感受。金玉其外敗絮其中不過是空殼,很難讓人接受。

讓你的玩家理解你的設計意圖,有效地傳達了信息的內容。在操作過程中,能夠快速地把想法轉化為遊戲中的行動,並且產生正面情緒。這種情緒會使玩家產生愉悅的記憶,從而樂於繼續操作下去。相反的,如果你的界面信息量太多,過於冗雜,又或者太少,提示引導不足,都會破壞玩家在遊戲里的沉浸感。糟糕的界面設計甚至可能徹底破壞你的遊戲體驗。

此次分析傾向於手游規範

我們下面舉幾個簡單的例子來證明好的UI設計與糟糕的UI設計的區別

1.突出設計重點,減少識別誤區

淺談UI設計師不可不學的易用性原則

2.界面簡潔,體現重要信息,找到玩家習慣,隱藏冷門應用

淺談UI設計師不可不學的易用性原則

3.使用普通接受習慣,不輕易嘗試新的設計規範。

淺談UI設計師不可不學的易用性原則

4.減少學習信息,簡化重複操作,節省空間加載資源

淺談UI設計師不可不學的易用性原則

UI是一件創造性的工作,其實程序員、策劃人與美術都應該參與其中,UI設計很大程度上與邏輯相關。

UI設計規範怎麼學?來看台灣美女設計師總結的經典十大易用性規範:《刀刀必中!UI設計師非學不可的十大易用性原則》

淺談UI設計師不可不學的易用性原則

現在的行業里 ,我們經常能看到設計師與負責產品的策劃與程序無休止的爭吵,那到底問題究竟出在哪裡?

結論無非就是:誰的理念更易於操作實踐,誰的理念易用性更強 。

如果UI設計師能遵循以上幾點規則,整體的把握好界面的控局,爭吵在絕大程度上是可以避免的。

但前提一定是 ,遊戲UI設計師自身的理論知識得到大家的認可。事實上,程序員正是一個了解遊戲里裡外外各方面的人,他們知道什麼信息重要和不重要 。策劃和產品經理正是知曉項目的製作重點 、思路清晰的人。他們比任何人都希望自己的產品得到認可 。 而某些程度上,一個不成熟的UI設計師更注重自己作品的“美觀 程度“而忽略了製作之中的重點。

我們更應該把設計的重心專註於玩家的用戶體驗之上。如UI元素多大,是否有動效體現 ,在哪裡展示哪些信息,玩家如何導航,減少顏色變化的複雜多樣與添加裝飾等是否花哨影響整體。

綜上所述,我們把遊戲UI的設計過程與注意事項,歸納為以下幾個基本點。

給玩家帶來的感受:

1. 你的畫面是否製作精美,能夠吸引我的眼球。

2. 界面上的所有信息,是否直觀讓我理解、清晰易懂(圖標表達是否清晰)

3. 我能否快速的找到我所需要的信息(圖標是否明確?界面信息量過大?菜單隱藏的太深?)

4. 我不需要閱讀說明,就知道如何操作使用這個界面

5. 重複性操作是否太多, 使我產生對遊戲的厭倦(子界面太多 ,返回重複性太高 ,是否可刪減重複界面)

對於自己的工作需求:

1, 我跟策劃、產品經理一樣理解這個遊戲的玩法與規則(提高團隊意識)。

2, 我能夠主動擔心起這個遊戲的交互方案設計(把職業當做事業)。

3, 我的畫面是否製作精美,達到自我的認同。

4, 我圖標製作意思清晰,表達明確。

5, 我是不是太過於強調界面美觀,而忽略了實際想表達的信息重點

6, 我的界面是不是簡潔易懂,能否指引玩家抓住玩法重點,確保玩家操作思路清晰 。

7, 我的重複界面信息的表達,是否呈現一致。

8, 在研發階段,會遇見不同的更改信息,我是否考慮前期的預留修改。

9, 我是否注意了資源類型的統一,以及界面顏色是否花哨。

10,製作過程中,我是否注意了資源的重複利用性,主動減少最終資源的大小

11, 我是否考慮到產品的易用性,給玩家添加心意。(在普通的地方稍稍添加新奇,製造一些細微的差異化)。

當自己在做設計的同時,設計師需要經常思考以上幾個問題。

UI是一個不斷挑剔的過程,也是遊戲開發中必須力求完美的環節之一。好的界面設計師,優秀的地方就在於更多的思考與用心,懂得在不同的產品類型中取其優而運用。

結尾引用一個大師帖子里的一段話:

UI設計是一項講究邏輯的工作,但你不應該為此感到害怕。留心你所玩的遊戲,研究它們展示信息的方法及其讓你產生的感覺。注意你反覆做的事,以及如何改進這些重複性操作。尋找那些裝飾性信息,考慮是否可以用其他東西取代它。思考讓你感到困惑的東西。

以上皆是本人的一些愚見,有不對的地方還望各位同仁不吝賜教。

–本文轉載自 http://www.missyuan.net 教學網 —

文章永久連結為: 淺談UI設計師不可不學的易用性原則