UI設(shè)計(jì)遵循的4個(gè)原則

設(shè)計(jì)師往往面臨這個(gè)問題:改、改、改。
文案錯(cuò)了要改;傳達(dá)信息不明確要改;色調(diào)風(fēng)格不統(tǒng)一要改;需求調(diào)整又要改;設(shè)計(jì)師往往就是在改改改中,從最出的什么都沒,有到第一稿,再到第N稿,到最終完成了一個(gè)設(shè)計(jì)項(xiàng)目。

只要是設(shè)計(jì)師,幾乎無可避免的都面臨著這個(gè)處境,那么有沒有想過,我們該怎樣解決這個(gè)問題?
之前我也從需求的溝通詳見《設(shè)計(jì)師:為什么一直要我改、改、改》方面入手著手講了如何減少設(shè)計(jì)中改改改的方法。那今天我主要從設(shè)計(jì)過程中進(jìn)行講解個(gè)人工作中的一些體悟。

在工作中要想減少改改改,這個(gè)設(shè)計(jì)要求就顯得尤為重要:

不靠感覺做設(shè)計(jì),設(shè)計(jì)要有理有據(jù)。

那么有理有據(jù)就要遵從一些設(shè)計(jì)的原則,即設(shè)計(jì)準(zhǔn)則。那UI設(shè)計(jì)師要遵從哪些設(shè)計(jì)中的原則呢?

主要有以下四點(diǎn):

1.清晰明了的設(shè)計(jì)。

我想先問一個(gè)問題,“設(shè)計(jì)是為了什么?”。
我的理解是:“解決問題”。
你看,室內(nèi)設(shè)計(jì)師要了解客戶需求,設(shè)計(jì)出適合客戶需求的設(shè)計(jì)方案;產(chǎn)品設(shè)計(jì)師要設(shè)計(jì)出適合用戶群適應(yīng)的產(chǎn)品方案;交互設(shè)計(jì)師要了解產(chǎn)品需求、用戶群體、用戶習(xí)慣等,設(shè)計(jì)出適合用戶群體使用的交互流程;視覺設(shè)計(jì)師要了解用戶群體,針對不同特性用戶群,選用不同風(fēng)格,設(shè)計(jì)出用戶喜歡的視覺方案。
......
無一例外,這所有的,設(shè)計(jì)!
其背后都永遠(yuǎn)有一個(gè)本質(zhì)真存,一個(gè)永遠(yuǎn)不會(huì)變的東西存在!
那就是:問題!

那么作為UI設(shè)計(jì)師,你的設(shè)計(jì)是服務(wù)于產(chǎn)品的,是為了解決產(chǎn)品上某個(gè)問題而發(fā)揮作用的,因此你設(shè)計(jì)的的產(chǎn)品也是為了在某個(gè)界面和節(jié)點(diǎn)上解決某個(gè)問題。

用戶在使用產(chǎn)品的過程中,在某個(gè)界面和節(jié)點(diǎn)上清晰明的完成某個(gè)任務(wù)就顯得尤為重要。因此一個(gè)清晰明了的設(shè)讓用戶盡可能減輕用戶認(rèn)知負(fù)荷是設(shè)計(jì)的重中之重的。

如果用戶面對你的界面或者App不知道點(diǎn)哪里,或者找個(gè)想要的功能按鈕著了半天,這個(gè)時(shí)候你的設(shè)計(jì)再漂亮也白搭。其實(shí)這類設(shè)計(jì)也很常見,市場上并不缺這類設(shè)計(jì)。其實(shí)從產(chǎn)品經(jīng)理角度看,那些牛逼的產(chǎn)品經(jīng)理并不會(huì)和設(shè)計(jì)師過不起去,只要設(shè)計(jì)的界面或流程能夠滿足產(chǎn)品需要,一般都會(huì)通過,他們喜歡把主要精力放在產(chǎn)品邏輯和用戶體驗(yàn)上,而不是設(shè)計(jì)的好看不好看細(xì)節(jié)上。
**因此消滅歧義,幫助用戶清晰明了的使用產(chǎn)品是放在首位的。
**

2.高效操作。
其實(shí)單就高效無障礙的操作,和清晰明了的設(shè)計(jì)看似有些相似,但其**實(shí)高效操作≠ 清晰明了。
**
高效無障礙不代表不會(huì)出錯(cuò),順暢的出錯(cuò)才叫慘。這個(gè)成本相當(dāng)?shù)么蟆?/p>

再從另外一個(gè)層面講,就是交互層面太復(fù)雜,本來能兩部完成的任務(wù),要四五步。為什么iPhone那么火嗎,就是因?yàn)樗慕换ロ槙澈唵?,操作起來相對于其手機(jī)簡單。一個(gè)從來沒有玩過iPhone的人你拿起來很容易就可以上手。這也讓我想起了錘子手機(jī),Smartisan OS 3.0 / 3.1系統(tǒng),開創(chuàng)性地加入了 One Step 、Big Bang 等新特性,創(chuàng)造出信息處理的全新交互模式,通過拖拽完成將信息發(fā)送至應(yīng)用或聯(lián)系人的動(dòng)作,節(jié)省了在不同應(yīng)用之間切換的諸多步驟,只要一步就可以完成操作。這大大提升了錘子的用戶體驗(yàn)。
**
因此優(yōu)化功能邏輯,減少邏輯,同時(shí)預(yù)判結(jié)果。讓流程更順暢,讓用戶更輕松快捷的完成設(shè)計(jì)目標(biāo)才是王道。**

3.設(shè)計(jì)的一致性。
人是個(gè)很敏銳的動(dòng)物,很容易發(fā)現(xiàn)一堆同類中的異類,就像我們很容發(fā)現(xiàn)一群天鵝中的一只火雞一樣。這是我們視覺功能所具有的特性。因此設(shè)計(jì)的一致性就顯得尤為重要。

對于相同的問題,提供相同個(gè)解決方案。減輕用戶的認(rèn)知及記憶負(fù)荷。一但確定一個(gè)記憶模式,打造更符合用戶的產(chǎn)品體驗(yàn),顯得相當(dāng)終重要。

當(dāng)然在某些時(shí)候突出某個(gè)功能或讓人加深印象故意設(shè)計(jì)成不一樣的情況也不是沒有。所以說到還是為了產(chǎn)品的目標(biāo)。靈活運(yùn)用此原則,就對了。

4.美觀大方的設(shè)計(jì)。
很遺憾,盡管我也是一名UI設(shè)計(jì)師,但經(jīng)過仔細(xì)分析后,一個(gè)產(chǎn)品產(chǎn)品漂不漂亮,確實(shí)是排在前三個(gè)原則之后的。因?yàn)樗皇怯脩趔w驗(yàn)的核心所在。我之前文章里也有提到,如果把產(chǎn)品比做一個(gè)人的話,那產(chǎn)片美觀大方是就相當(dāng)這個(gè)人的外表。而外表漂不漂亮要給予這個(gè)人骨架結(jié)構(gòu),一個(gè)一米五,體重150斤的人,即便臉蛋長得再好看我想也不會(huì)漂亮到哪去吧?

再舉例一個(gè)簡單的例子,作為設(shè)計(jì)師的你覺得微信設(shè)計(jì)漂亮嗎?當(dāng)然多數(shù)人的答案是微信設(shè)計(jì)的中規(guī)中矩,與很多漂亮的炫酷的App相比,它設(shè)計(jì)上并不出色。但是微信設(shè)計(jì)的讓愛挑不出太多的毛病。甚至有些細(xì)節(jié)讓人覺得很棒。對于一個(gè)日活躍用戶8億的用戶的產(chǎn)品,不出錯(cuò),且用戶讓用戶能夠清晰快速的完成目標(biāo),他就妥妥的成功了。

有句話說最后的設(shè)計(jì)就是沒有設(shè)計(jì),換句話話說就像是好的設(shè)計(jì)讓感覺不出來他是設(shè)計(jì)的,一切都順其自然。所以漂亮和好看之時(shí)提升用戶愉悅和引起共鳴的一個(gè)手段,對于一個(gè)產(chǎn)品而言,特別是大的產(chǎn)品,完成目標(biāo)永遠(yuǎn)是第一位的。

最后:
作為設(shè)計(jì)師的你,如果你在一開始開展設(shè)計(jì)的時(shí)候所思考的東西不僅僅是視覺層面所思考的東西,那么你的高度和別人的高度也就不一樣了。我時(shí)常會(huì)想一個(gè)人和另一個(gè)人之所以有差距最根本的原因是他們認(rèn)知層次上的差異。就像窮人好富人思維一樣,窮人永遠(yuǎn)只想著省錢,而富人卻想著如何賺錢。這一開始的認(rèn)知上的差異其實(shí)已經(jīng)決定了他做做事的方式的不同,以及結(jié)果。
**所以作為設(shè)計(jì)師的你,站在更高的層面去俯瞰你的產(chǎn)品就顯的非常重要了。
**
以上。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容