手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

產(chǎn)品簡(jiǎn)化改版怎么做?

2020-4-6    資深UI設(shè)計(jì)者

編者按:這篇文章來(lái)自 Taras Bakusevych 的文章《How to simplify your design》

如今的數(shù)字產(chǎn)品,在不斷迭代過(guò)程中,會(huì)加入更多功能,添加更多的技術(shù)支持,更新進(jìn)階的特性。而另一方面,企業(yè)對(duì)于構(gòu)建簡(jiǎn)單實(shí)用的產(chǎn)品,也同樣非常著迷。這當(dāng)中當(dāng)中毫無(wú)疑問(wèn)是存在微妙的對(duì)抗和沖突的——如何讓更好更多的信息,以更加輕量易用的方式呈現(xiàn)出來(lái)?這就涉及到產(chǎn)品的簡(jiǎn)化改版的技巧了。

到底怎么算是簡(jiǎn)單?

讓產(chǎn)品變簡(jiǎn)單,其實(shí)一件困難的事情。

我們可以將「簡(jiǎn)單」定義為「更加易于理解或完成」,或者是「不困難」。值得一提的是,簡(jiǎn)單與否,它是主觀的,對(duì)于一個(gè)人而言簡(jiǎn)單,對(duì)于另一個(gè)人而言不一定簡(jiǎn)單。通常,我們是通過(guò)下面的三個(gè)步驟來(lái)判斷一件事情是簡(jiǎn)單還是困難:

在《簡(jiǎn)單法則》當(dāng)中,John Maeda 提供了10條法則,這些法則能夠幫你平衡商業(yè)、技術(shù)、設(shè)計(jì)所帶來(lái)的復(fù)雜性——更通俗的來(lái)說(shuō),就是如何合理簡(jiǎn)化但是又能收獲更多。

The Laws of Simplicity, John Maeda

Meada,作為麻省理工多媒體實(shí)驗(yàn)室的教授,他也是舉世聞名的平面設(shè)計(jì)師。在書中,他非常慎重地探討了「改進(jìn)」這一概念,在他看來(lái),它通常并不總意味著「更多」。無(wú)論是對(duì)于復(fù)雜度,還是簡(jiǎn)化,都只是相對(duì)概念。結(jié)合合理的培訓(xùn),培養(yǎng)制造火箭的科學(xué)家也不是難事,但是總會(huì)有一些關(guān)鍵的因素,會(huì)讓簡(jiǎn)單的事情變復(fù)雜,在設(shè)計(jì)中我們應(yīng)該盡量去規(guī)避它們:

那么,我們?cè)诰唧w的產(chǎn)品改版中,要如何合理地簡(jiǎn)化呢?下面,是我結(jié)合這些原則來(lái)總結(jié)的21條建議:

1、創(chuàng)造有焦點(diǎn)價(jià)值的產(chǎn)品

有太多的產(chǎn)品試圖讓你更用戶做更多的事情,每個(gè)企業(yè)都試圖成為行業(yè)中的瑞士軍刀。但是,如果你希望產(chǎn)更加簡(jiǎn)單,那么你需要有一個(gè)核心價(jià)值,并且確定產(chǎn)品真正針對(duì)的是誰(shuí),并非每個(gè)產(chǎn)品都應(yīng)該成為 Facebook。你的產(chǎn)品的核心價(jià)值是什么?

2、刪除所有不必要的內(nèi)容

想要簡(jiǎn)化產(chǎn)品,最簡(jiǎn)單的方法,是經(jīng)過(guò)深思熟慮之后再進(jìn)行簡(jiǎn)化和刪除。如果組件或者模塊的功能、價(jià)值存疑,那么請(qǐng)刪除。次要信息、不常用的控件、分散注意力的樣式,都在這個(gè)范疇內(nèi)。就這么簡(jiǎn)單。一旦采用這一的方式,你會(huì)立刻馬上看到結(jié)果。當(dāng)然,刪除的時(shí)候,請(qǐng)務(wù)必深思熟慮。

「簡(jiǎn)單并非完全沒有混亂,因?yàn)殡s亂必然會(huì)伴隨簡(jiǎn)化而存在。簡(jiǎn)單本質(zhì)上是對(duì)產(chǎn)品的定位和目的有更精準(zhǔn)的描述。而沒有雜亂僅僅意味著這是一件不雜亂的產(chǎn)品,但是這并非簡(jiǎn)單。」

——喬納森·艾維

3、將數(shù)據(jù)轉(zhuǎn)換為有意義的樣式

我們?nèi)粘TO(shè)計(jì)的絕大多數(shù)產(chǎn)品,都涉及到需要用戶理解大量數(shù)據(jù)。當(dāng)用戶對(duì)于趨勢(shì)和變化感興趣的時(shí)候,請(qǐng)盡量使用可視化的方式來(lái)呈現(xiàn)信息,而不是一堆數(shù)字。嘗試從數(shù)據(jù)中提取有效的內(nèi)容,可視化地呈現(xiàn)在用戶眼前,這才是有意義的簡(jiǎn)化。

4、提供對(duì)快速?zèng)Q策的支持

用戶長(zhǎng)期遭受復(fù)雜決策機(jī)制的折磨,幫助用戶看清各種信息,更好的決策是簡(jiǎn)化的方向之一。席克定律曾經(jīng)對(duì)此作出過(guò)非常經(jīng)典的解釋:用戶做選擇所需要花費(fèi)的時(shí)間和精力往往會(huì)隨著選項(xiàng)數(shù)量的增加而增加。因此,如果你希望用戶決策變得簡(jiǎn)單,那么你需要簡(jiǎn)化選擇,消除不必要的選項(xiàng),來(lái)幫助用戶進(jìn)行選擇。

5、太多選擇會(huì)嚇走用戶

當(dāng)前心理學(xué)理論和調(diào)研肯定了一件事,就是足夠多的選擇可能會(huì)給人帶來(lái)積極的情緒,相應(yīng)的衍生出一個(gè)流行的觀點(diǎn),就是選擇越多越好,但是人類天性中的管理能力是不足以支撐過(guò)多選擇的。

果醬實(shí)驗(yàn)是消費(fèi)心理學(xué)當(dāng)中最著名的實(shí)驗(yàn)之一:為消費(fèi)者提供更少的選擇,對(duì)于銷售更加有利。這一點(diǎn)是至關(guān)重要的——更少的選擇,能夠帶來(lái)更多的銷量。

在這個(gè)實(shí)驗(yàn)當(dāng)中,選擇較少所帶來(lái)的轉(zhuǎn)化率幾乎是更多選擇的轉(zhuǎn)化率的10倍。這是一個(gè)選擇過(guò)載帶來(lái)不良后果的一個(gè)重要范例——過(guò)多選擇抑制了用戶選擇購(gòu)買的想法。

6、在提供多種選擇的時(shí)候,給用戶以建議

如果多個(gè)選擇總是無(wú)法避免,那么不妨給用戶提供建議,或者告訴用戶多數(shù)用戶的選擇。向用戶清楚地傳達(dá)選項(xiàng)之間的差別,這在定價(jià)策略上會(huì)帶來(lái)更多積極的效果。

7、將用戶注意力吸引到對(duì)的區(qū)域

當(dāng)你了解用戶流程的時(shí)候,就應(yīng)該有針對(duì)性將用戶注意力引導(dǎo)到的對(duì)的目標(biāo)上去,找到關(guān)鍵區(qū)域,讓用戶在界面中優(yōu)先注意到它們。

8、使用色彩和版式來(lái)呈現(xiàn)內(nèi)容的結(jié)構(gòu)層次

你應(yīng)該經(jīng)常會(huì)聽到類似「可讀性很差」這樣的表述。有很多設(shè)計(jì)的確存在這樣的問(wèn)題。在設(shè)計(jì)當(dāng)中,有太多的因素會(huì)影響信息的傳達(dá)——字體的選取,大小變化、間距、大小寫和配色,都會(huì)影響到層次結(jié)構(gòu),影響到用戶汲取信息的方式。使用正確的配色和版式,讓內(nèi)容的層次結(jié)構(gòu)更加清晰,最好還能反映出品牌特征,這樣就更能增強(qiáng)吸引力和用戶對(duì)它的印象了。

9、優(yōu)化組織結(jié)構(gòu),便于管理

下面兩張圖當(dāng)中,要你數(shù)清楚有多少個(gè)圓點(diǎn),哪一張圖會(huì)讓你這個(gè)過(guò)程更快?

如同你所看到的,無(wú)序的點(diǎn)狀方陣和有序的是截然不同的,后者的認(rèn)知負(fù)擔(dān)更低,識(shí)別速度更快。面對(duì)無(wú)序的信息和內(nèi)容,我們需要逐個(gè)計(jì)數(shù),但是面對(duì)有序的信息,則截然不同。

有組織的元素不僅有著更高的識(shí)別度,也更容易被記住。在數(shù)字產(chǎn)品當(dāng)中,記住常見控件的位置和功能無(wú)疑是重要的。同樣是上面這張圖,如果不是計(jì)數(shù),而是記住每個(gè)點(diǎn)的位置,你能不能做到?毫無(wú)疑問(wèn),缺少組織結(jié)構(gòu),這是一件艱難的事情。

10、給相關(guān)內(nèi)容分組

在簡(jiǎn)化復(fù)雜頁(yè)面結(jié)構(gòu)的時(shí)候,對(duì)組件和內(nèi)容進(jìn)行分組通常是最為有效的方法之一。通過(guò)層級(jí)劃分,用戶每次需要處理的信息量都會(huì)更小,而不是在無(wú)關(guān)的組件中來(lái)回穿梭尋找。借助邊框和卡片將相關(guān)度更高的內(nèi)容整合到一起,這是非常便捷的方法。此外,關(guān)于關(guān)于分組,格式塔原理中的分組原則是非常值得借鑒的:接近性、相似性、連續(xù)性、閉合性和連通性。

11、拆分任務(wù),按列布局

幾乎任何產(chǎn)品當(dāng)中都會(huì)涉及到不同類別的表單,這是獲取用戶信息的一種方式。有的時(shí)候,即使刪除掉一些不必要的字段,表單依然會(huì)很長(zhǎng)。因此,我們可以將巨大的表單或者任務(wù)拆分開來(lái),這樣一來(lái),整個(gè)執(zhí)行過(guò)程會(huì)變得簡(jiǎn)單不少。

設(shè)計(jì)表單的時(shí)候,盡量使用單列而非多列,這樣更加順暢、易于填寫。用戶無(wú)需思考接下來(lái)要填寫什么,而是按照一條線繼續(xù)操作下去即可。

12、透明清晰地展現(xiàn)路徑和狀態(tài)

不確定性讓人感到焦慮,盡可能地在設(shè)計(jì)當(dāng)中規(guī)避這種不確定性。這就是為什么要讓用戶在任何時(shí)候都清晰地知道他在流程中所處的位置,以及接下來(lái)會(huì)發(fā)生什么。總結(jié)之前所提供的信息也是個(gè)好主意,能夠減輕用戶的負(fù)擔(dān),避免反復(fù)檢查之前的內(nèi)容。

13、替用戶進(jìn)行計(jì)算

人腦對(duì)于涉及計(jì)算的部分通常會(huì)比較費(fèi)力,對(duì)于這些不太占用計(jì)算力的內(nèi)容可以交由系統(tǒng)來(lái)進(jìn)行計(jì)算,和計(jì)算相比,人的大腦在處理具象化的信息的時(shí)候更加擅長(zhǎng)。嘗試?yán)孟到y(tǒng),而不是將壓力轉(zhuǎn)嫁給用戶。

14、用逐步展現(xiàn)來(lái)隱藏復(fù)雜性

漸進(jìn)式的展開是用戶體驗(yàn)設(shè)計(jì)當(dāng)中的一種范式,這種方法能夠讓界面更容易被理解。當(dāng)涉及到多屏、大量信息和操作的時(shí)候,這種逐步展現(xiàn)的機(jī)制,可以避免讓用戶感到不知所措,也可以隱藏一些無(wú)關(guān)的信息,直到最后用戶可以清晰明白內(nèi)在的關(guān)聯(lián)性為止。逐漸展現(xiàn)的方法,遵循著「從抽象到具體」這樣的一種概念,而 iOS 系統(tǒng)當(dāng)中,所采用的導(dǎo)航方式,無(wú)疑就是這種思路的典范。一屏一個(gè)步驟,逐漸展現(xiàn),最后給用戶一個(gè)確切的結(jié)果。

15、善用通用的交互模式和設(shè)計(jì)范式

用戶將絕大多數(shù)的精力都耗費(fèi)在各種各樣的其他數(shù)字產(chǎn)品上,這意味著用戶對(duì)于其他的網(wǎng)站和APP的交互模式、使用方法都有著清晰的了解,對(duì)于特定的模式有具體的預(yù)期。因此,無(wú)論你是設(shè)計(jì)網(wǎng)站,某個(gè) APP ,甚至是冰箱上的控制系統(tǒng),都可以遵循既有的設(shè)計(jì)和交互模式。這并不是意味著停止創(chuàng)新,而是在很多事情上,你無(wú)需重新造輪子。

16、初次體驗(yàn)應(yīng)當(dāng)精簡(jiǎn)

在設(shè)計(jì)任何產(chǎn)品的時(shí)候,都應(yīng)該讓用戶盡快感知到產(chǎn)品的價(jià)值。因此,除非是滿足功能性的需求,在用戶初次打開應(yīng)用的時(shí)候,都盡量把其他的干擾去掉,因?yàn)檫@都是讓用戶了解產(chǎn)品價(jià)值的障礙。第一印象很重要,如果不滿意,很多用戶會(huì)立即離開。

如果你第一次嘗試,即使是最簡(jiǎn)單的操作,可能也是有挑戰(zhàn)性的,有時(shí)候新手使用 APP 的時(shí)候需要引導(dǎo),但是最好的方法是盡量讓體驗(yàn)和功能一目了然,搭配上下文環(huán)境的說(shuō)明引導(dǎo),而不是提供復(fù)雜繁瑣的學(xué)習(xí)材料。

17、結(jié)合使用場(chǎng)景,巧用人體工程學(xué)

簡(jiǎn)約易用的產(chǎn)品大多能夠合理地結(jié)合人體工程學(xué)的設(shè)計(jì)。絕大多數(shù)人可能會(huì)想到諸如汽車座椅、控制面板和手柄這樣的案例,但實(shí)際其實(shí)遠(yuǎn)遠(yuǎn)不止。人體工程學(xué)適用于幾乎所有涉及人的產(chǎn)品設(shè)計(jì)。

1954 年,心理學(xué)家 Paul Fitts 仔細(xì)了解了人的運(yùn)動(dòng)系統(tǒng),并且提出了費(fèi)茨定律——移動(dòng)到目標(biāo)所需要的時(shí)間取決于和目標(biāo)之間的距離,并且和目標(biāo)大小成反比。這個(gè)定律反饋到具體的界面設(shè)計(jì)上,就是盡可能讓常用元素更大,并放置到更容易被觸及的地方。

18、提供直接編輯功能和推薦參數(shù)

刪除不必要的交互組件、視圖或者是步驟,是簡(jiǎn)化過(guò)程中必不可少的部分呢。用戶應(yīng)該可以以最快的速度進(jìn)行操作,比如在表單中直接操作,而不是在彈出框中進(jìn)行編輯,這個(gè)被稱為「流程狀態(tài)」,「流程狀態(tài)」不應(yīng)當(dāng)被彈出框打破。此外,對(duì)于很多需要填寫的部分,最好提供參數(shù)推薦建議功能,就像搜索的實(shí)時(shí)推薦,讓用戶可以更為準(zhǔn)確地輸入。

19、使用智能默認(rèn)值,減少認(rèn)知負(fù)荷

智能默認(rèn)值——或者說(shuō)智能占位符是一個(gè)非常有用的策略。一方面可以幫助用戶更快更精準(zhǔn)的填寫表單,另一方面,也給用戶提供了相對(duì)準(zhǔn)確的范例。只不過(guò),默認(rèn)參數(shù)的確定,需要設(shè)計(jì)師和開發(fā)團(tuán)隊(duì)對(duì)用戶的使用場(chǎng)景等信息進(jìn)行研究,通過(guò)測(cè)試和調(diào)研,確定用戶使用狀況,以此來(lái)確定默認(rèn)參數(shù)應(yīng)該是多少。如果需要明確地參數(shù)或者選項(xiàng),那么可以將默認(rèn)值設(shè)置為 90% 用戶可能會(huì)選的選項(xiàng),并輔以說(shuō)明。

20、防止出錯(cuò)

出錯(cuò)信息會(huì)給用戶帶來(lái)很大的壓力,為了避免用戶陷入這樣的狀況,防止用戶無(wú)法完成任務(wù),請(qǐng)使用數(shù)據(jù)輸入檢查的功能,對(duì)于格式輸入錯(cuò)誤的表單和內(nèi)容,對(duì)用戶予以警報(bào)和提醒,避免錯(cuò)誤發(fā)生。對(duì)于極為重要的操作,在用戶提交之前,讓用戶二次確認(rèn)信息,做好檢查。對(duì)于某些強(qiáng)制性、破壞性乃至于不可恢復(fù)的操作,確保用戶知道這一操作帶來(lái)的影響。

21、無(wú)障礙設(shè)計(jì)

數(shù)字產(chǎn)品的可訪問(wèn)性是老話題了,要讓產(chǎn)品和設(shè)計(jì)對(duì)于所有人——包括有視覺障礙的用戶,都可以輕松地使用。最常見的,就是不要使用色彩來(lái)作為傳達(dá)信息的唯一途徑,確保文本和背景之間有足夠的對(duì)比度,支持鍵盤導(dǎo)航操作等等??稍L問(wèn)性問(wèn)題并不限于特定的群體,堅(jiān)持不斷的改善和提升,有助于每一個(gè)用戶的體驗(yàn)。

結(jié)語(yǔ)

簡(jiǎn)化并創(chuàng)造易于理解的產(chǎn)品并不容易,但是這是一條幾乎任何產(chǎn)品都要走的必經(jīng)之路,簡(jiǎn)化的方法和技巧有很多,雖然零碎,但是它們最終會(huì)帶著產(chǎn)品走向一條更好的道路。

文章來(lái)源:優(yōu)設(shè)    作者:Taras Bakusevych

分享本文至:

日歷

鏈接

個(gè)人資料

存檔