很多人把設計原則都想得很復雜偷卧,還別說佩厚,它真的挺復雜姆钉,但是對我來說它就是四點:
·清晰 ·流暢 ·統(tǒng)一 ·美觀
重要性也是按這個順序來排列,那么下面我們一點點來說說抄瓦。
清晰
何為清晰潮瓶?對任何產品而言,界面“清晰”是最為重要的一點钙姊。人們必須能夠辨別出它是什么毯辅,才能有效地使用你設計出來的產品。而在設計的過程中相信大家經常會被產品的需求搞得蒙圈煞额,最后出來一個亂得連自己都會吐槽的界面思恐。
設計師在設計產品時,真正要做的應該是去關心用戶使用產品的原因膊毁,去預測并觀察用戶使用產品時的行為然后快速做出反饋胀莹。產品在設計之初就應該定位清晰,明確自己的受眾群體媚媒,設計出符合目標用戶的產品。這樣才能留住用戶涩僻,讓用戶對產品更有期待缭召。
但是每類應用的需求不同,受眾群體也不同逆日,所以每個設計師在設計產品時都會糾結怎么把產品做到清晰嵌巷。比如攝影產品,打開就是快門和取景框室抽,相信大家都懂得怎么用搪哪,這類工具類應用很簡單的就能做到清晰。再說社交類應用坪圾,微信打開界面大家都能知道聊天框和標簽欄的作用晓折,這類產品說難也不難惑朦,畢竟同類產品還是很多的。其實最難做好的漓概,還是購物類應用漾月,不知道為什么,這類產品總是喜歡把界面元素設計得又多又亂才肯罷休胃珍,可能是我們的文化背景和生存環(huán)境導致的吧梁肿。
但是話說回來,這么多類應用都要根據自己的產品定位來設計觅彰,每個產品定位的清晰性都是不同的吩蔑。所以要做到產品設計清晰,必須讓目標用戶在符合產品條件的基礎上填抬,去正確的理解產品界面烛芬。不需要思考就對界面的設計有所了解;或者是讓用戶通過產品簡單的提示或幫助說明痴奏,就能夠理解產品界面蛀骇,并進行使用。
要做到這點就要讓用戶知道自己目前處于什么位置读拆,并知道自己能干什么或要干什么擅憔。其實這些說起來很簡單,但是要做到卻并不容易檐晕,所以對用戶的研究必不可少暑诸,讓產品定位精準,明確目標用戶等等辟灰,都是非常重要的步驟个榕。這也是為什么清晰是產品設計原則中最重要的原因。如果能做到這點芥喇,即使頁面再多西采,也不會讓用戶覺得不知所措。(當然頁面數量還是有點影響的)
流暢
在保證了產品界面清晰的前提下继控,界面的流暢性可以讓用戶和產品之間產生良好的互動械馆。一個優(yōu)秀的產品,在用戶使用的過程中不僅不需要復雜的學習就能使用武通,而且還能高效的使用霹崎。
如何保證流暢性?很簡單冶忱,就是突出產品的核心尾菇。我們生活在一個快速發(fā)展的時代,做任何事情都容易被打擾,導致過程中斷派诬。所以想要留住用戶劳淆,必須讓用戶沒有負擔且?guī)椭脩艨焖偻瓿扇蝿铡_@樣才能贏得用戶的尊重千埃。
想必所有人都在網上買過東西憔儿,不說遠的,就說說外賣放可。每當我們打開一款外賣App看到最多的永遠是商家吧谒臼?這些商家的排序是從距離最近的到距離最遠的,然后排除無法送達的耀里。其實我想說:用戶會關心距離遠近么蜈缤?不要每次讓用戶打開你們的App時都是出現一樣的排序,記住用戶點餐時商家的記錄以及篩選出類似的商家排在前面才是用戶關心的冯挎。這樣不至于每次打開App都要去重新搜索或翻半天記錄或者是找訂單底哥。如果用戶記不住商家名稱呢?如果用戶不想點這家的但是想點同類的食物呢房官?
保持使用流暢的另一個說法就是高效趾徽。讓用戶快速的完成任務,才是App存在的理由翰守。也不要以為用戶點了下單就不想刪減購物車的東西孵奶,留個路口讓用戶刪減多余的商品而不是返回去重新操作。
流暢不是讓用戶別無選擇的去執(zhí)行你設計的任務蜡峰,而是引導用戶去做正確的選擇了袁。不要害怕讓用戶掌握一切,也不要覺得你的設計就是顯而易見湿颅,這世上從來沒有顯而易見的事情存在载绿。
統(tǒng)一
讓頁面保持一致性。很多設計師在設計產品時油航,都會把統(tǒng)一性拋之腦后崭庸。統(tǒng)一性在設計過程中至少要做到:視覺、交互谊囚、結果統(tǒng)一怕享。這樣不僅可以降低用戶學習成本,還能讓開發(fā)節(jié)省不少時間來做那些必要的東西秒啦。
經常有人會問一些關于界面設計的問題熬粗。而發(fā)出來的界面很多時候都是前后不統(tǒng)一搀玖,上個界面的下一步還在左邊余境,到了下個頁面就到了右邊了,問他原因就說:這個界面的排版這樣放更好看點。其實這樣的回答很不專業(yè)芳来。在做產品時含末,統(tǒng)一性是非常重要的,它是清晰和流暢的結果即舌,要求做到自然而然的效果佣盒。能夠通過巧妙的布局,來降低用戶的認知負擔顽聂。
相信大家都聽過一句話:好的設計都是看不見的肥惭。這里說的不是真的看不見(要真看不見還搞啥),而是說讓用戶察覺不到它的存在是多余的紊搪。要做到統(tǒng)一不僅要做到均衡的構圖蜜葱,讓畫面整體具有穩(wěn)定性,還要透出空間感耀石,不會使得用戶覺得在使用的過程中產生擁擠的念頭牵囤。而創(chuàng)新并給用戶帶來驚喜就是后話了。
美觀
其實美觀沒什么好說的滞伟,因為每個人對它認知是不同的揭鳞。新人覺得美觀是把一個界面做到漂亮;而資深設計師就知道美觀是讓界面的設計無瑕疵梆奈,整齊野崇,細節(jié)完美。
簡單來說說美觀的幾個方面:
1. 文字:一個界面要做到信息閱讀流暢鉴裹,符合人們閱讀習慣舞骆。
2. 顏色:不要為了突出設計感,就采用夸張的顏色來設計径荔,有時候簡單的搭配反而更能體現出產品的功能督禽。
3. 圖標:大家都說一個交互設計師的功底是看交互設計文檔,那么一個UI視覺設計師的功底看什么呢总处?沒錯狈惫,就是(線性)圖標。
4. 布局:有時候一個界面的布局好壞不能完全看交互設計師鹦马,這里面視覺的設計至關重要胧谈,即使做得再爛的布局都是可以通過視覺設計師來逆轉乾坤的(不包括搗亂的那些孩子)。
再提一個點荸频,動效菱肖,當然動效也屬于美觀中的一種。近年非常流行動效旭从,很多設計師沉迷其中稳强,然后在自己的產品中加入各式各樣的動效场仲。其實,動效是是一把雙刃劍退疫,這里也不詳說了渠缕,大家有需要我可以單獨出一篇動效的文章。只要在設計的過程中把控好度褒繁,動效是可以起到美化產品的作用的亦鳞。
總結
說完上面這四個原則,大家可以聯(lián)系自己的產品去想想是不是這么回事棒坏。清晰>流暢>統(tǒng)一>美觀燕差,一個好的產品一定是按照這個順序來設計產品的。在做設計之前一定要理解需求再下手坝冕,如果你的界面已經滿足需求谁不,就不要再加入其它元素了,千萬不要覺得頁面太簡單東西太少徽诲,我就要加入其它東西來充實刹帕,這樣很傻。如果之前沒有考慮到這四個點來做設計谎替,那從現在開始好好想想自己應該怎么入手偷溺。
清晰,理解需求钱贯;流暢挫掏,明確用戶目標;統(tǒng)一秩命,界面元素保持一致尉共;美觀,做到簡約而不簡單弃锐。