產品設計的四大原則

很多人把設計原則都想得很復雜偷卧,還別說佩厚,它真的挺復雜姆钉,但是對我來說它就是四點:

·清晰 ·流暢 ·統(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)一秩命,界面元素保持一致尉共;美觀,做到簡約而不簡單弃锐。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末袄友,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子霹菊,更是在濱河造成了極大的恐慌剧蚣,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,194評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件旋廷,死亡現場離奇詭異鸠按,居然都是意外死亡,警方通過查閱死者的電腦和手機饶碘,發(fā)現死者居然都...
    沈念sama閱讀 90,058評論 2 385
  • 文/潘曉璐 我一進店門目尖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人扎运,你說我怎么就攤上這事瑟曲∧际椋” “怎么了?”我有些...
    開封第一講書人閱讀 156,780評論 0 346
  • 文/不壞的土叔 我叫張陵测蹲,是天一觀的道長。 經常有香客問我鬼吵,道長扣甲,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,388評論 1 283
  • 正文 為了忘掉前任齿椅,我火速辦了婚禮琉挖,結果婚禮上,老公的妹妹穿的比我還像新娘涣脚。我一直安慰自己示辈,他們只是感情好,可當我...
    茶點故事閱讀 65,430評論 5 384
  • 文/花漫 我一把揭開白布遣蚀。 她就那樣靜靜地躺著矾麻,像睡著了一般。 火紅的嫁衣襯著肌膚如雪芭梯。 梳的紋絲不亂的頭發(fā)上险耀,一...
    開封第一講書人閱讀 49,764評論 1 290
  • 那天,我揣著相機與錄音玖喘,去河邊找鬼甩牺。 笑死,一個胖子當著我的面吹牛累奈,可吹牛的內容都是我干的贬派。 我是一名探鬼主播,決...
    沈念sama閱讀 38,907評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼澎媒,長吁一口氣:“原來是場噩夢啊……” “哼搞乏!你這毒婦竟也來了?” 一聲冷哼從身側響起戒努,我...
    開封第一講書人閱讀 37,679評論 0 266
  • 序言:老撾萬榮一對情侶失蹤查描,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后柏卤,有當地人在樹林里發(fā)現了一具尸體冬三,經...
    沈念sama閱讀 44,122評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,459評論 2 325
  • 正文 我和宋清朗相戀三年缘缚,在試婚紗的時候發(fā)現自己被綠了勾笆。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,605評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡桥滨,死狀恐怖窝爪,靈堂內的尸體忽然破棺而出弛车,到底是詐尸還是另有隱情,我是刑警寧澤蒲每,帶...
    沈念sama閱讀 34,270評論 4 329
  • 正文 年R本政府宣布纷跛,位于F島的核電站,受9級特大地震影響邀杏,放射性物質發(fā)生泄漏贫奠。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,867評論 3 312
  • 文/蒙蒙 一望蜡、第九天 我趴在偏房一處隱蔽的房頂上張望唤崭。 院中可真熱鬧,春花似錦脖律、人聲如沸谢肾。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽芦疏。三九已至,卻和暖如春微姊,著一層夾襖步出監(jiān)牢的瞬間眯分,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評論 1 265
  • 我被黑心中介騙來泰國打工柒桑, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留弊决,地道東北人。 一個月前我還...
    沈念sama閱讀 46,297評論 2 360
  • 正文 我出身青樓魁淳,卻偏偏與公主長得像飘诗,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子界逛,可洞房花燭夜當晚...
    茶點故事閱讀 43,472評論 2 348

推薦閱讀更多精彩內容