
1對(duì)1定制服務(wù),PC端+手機(jī)端+小程序多端應(yīng)用
怎樣給你的設(shè)計(jì)做減法
2017年02月27日瀏覽:
在設(shè)計(jì)行業(yè)中,大家已經(jīng)普遍認(rèn)識(shí)到一個(gè)不再是秘密的規(guī)則,那就是當(dāng)涉及到網(wǎng)站設(shè)計(jì)的時(shí)候,簡單干凈的設(shè)計(jì)往往是更好的。原理在于,一個(gè)簡單、易于理解并且使用簡便的界面更有可能將訪問者轉(zhuǎn)化為活躍的用戶,以后再返回您的網(wǎng)站。
但是,如何簡化您的網(wǎng)站? 即使你不是從頭開始構(gòu)建新的東西,訣竅是設(shè)置目標(biāo),然后仔細(xì)觀察他們是通過什么途徑來直擊受眾或者說訪客的。在這個(gè)表達(dá)的過程中,你要確保的就是及時(shí)消除任何妨礙到他傳遞的東西。任何使用戶在理解上產(chǎn)生阻礙的元素都應(yīng)該從設(shè)計(jì)中刪除。
這就是我們今天要研究的,或許,使用一些技巧,你可以更精準(zhǔn)的簡化你的網(wǎng)站設(shè)計(jì)。 這些想法適用于現(xiàn)有網(wǎng)站和新版本。
1.讓有關(guān)行動(dòng)的呼吁成為焦點(diǎn)
在網(wǎng)站設(shè)計(jì)行業(yè)中,大家已經(jīng)普遍認(rèn)識(shí)到一個(gè)不再是秘密的規(guī)則,那就是當(dāng)涉及到網(wǎng)站設(shè)計(jì)的時(shí)候,簡單干凈的設(shè)計(jì)往往是更好的。原理在于,一個(gè)簡單、易于理解并且使用簡便的界面更有可能將訪問者轉(zhuǎn)化為活躍的用戶,以后再返回您的網(wǎng)站。
每個(gè)網(wǎng)站應(yīng)該都有一個(gè)最終目標(biāo):促使每個(gè)訪客在訪問以后立即采取行動(dòng)做某事。 所以,在網(wǎng)頁設(shè)計(jì)上,這個(gè)目標(biāo)應(yīng)該足夠醒目,讓每個(gè)訪客一進(jìn)頁面就被“直擊心靈”,這是顯而易見的。
號(hào)召性用語需要清晰,足夠大,足以在五一能夠成為焦點(diǎn)的位置展示,以便用戶永遠(yuǎn)不會(huì)遠(yuǎn)離按鍵點(diǎn)擊。
2.簡化網(wǎng)頁頁數(shù)
在網(wǎng)站設(shè)計(jì)行業(yè)中,大家已經(jīng)普遍認(rèn)識(shí)到一個(gè)不再是秘密的規(guī)則,那就是當(dāng)涉及到網(wǎng)站設(shè)計(jì)的時(shí)候,簡單干凈的設(shè)計(jì)往往是更好的。原理在于,一個(gè)簡單、易于理解并且使用簡便的界面更有可能將訪問者轉(zhuǎn)化為活躍的用戶,以后再返回您的網(wǎng)站。
你的設(shè)計(jì)是否包含頁面和信息頁面? 它需要嗎?
將內(nèi)容簡化為可管理的區(qū)塊,但不要讓用戶點(diǎn)擊過多的網(wǎng)頁。將所有相關(guān)內(nèi)容保存在一起,以方便閱讀和流程。
刪除包含舊的,過時(shí)的信息或僅包含第三方窗口小部件或地圖的頁面。(這些元素通??梢圆⑷雱e處。)
在網(wǎng)站設(shè)計(jì)行業(yè)中,大家已經(jīng)普遍認(rèn)識(shí)到一個(gè)不再是秘密的規(guī)則,那就是當(dāng)涉及到網(wǎng)站設(shè)計(jì)的時(shí)候,簡單干凈的設(shè)計(jì)往往是更好的。原理在于,一個(gè)簡單、易于理解并且使用簡便的界面更有可能將訪問者轉(zhuǎn)化為活躍的用戶,以后再返回您的網(wǎng)站。
3.盡量使用一個(gè)調(diào)色板(不要使用過多的色彩是的頁面太雜太跳)
在網(wǎng)站設(shè)計(jì)行業(yè)中,大家已經(jīng)普遍認(rèn)識(shí)到一個(gè)不再是秘密的規(guī)則,那就是當(dāng)涉及到網(wǎng)站設(shè)計(jì)的時(shí)候,簡單干凈的設(shè)計(jì)往往是更好的。原理在于,一個(gè)簡單、易于理解并且使用簡便的界面更有可能將訪問者轉(zhuǎn)化為活躍的用戶,以后再返回您的網(wǎng)站。
雖然傳統(tǒng)上,豐富的顏色可以使頁面更活潑有趣和富含吸引力,但掌控不好,他可能就成了毀滅性的存在。所以,堅(jiān)持使用一個(gè)調(diào)色板或只使用它周邊的兩個(gè)或三個(gè)色系,以幫助保持顏色控制。
如果你想要超級(jí)簡單,那么就考慮一個(gè)單調(diào)的調(diào)色板只有一些色調(diào)和單色的色調(diào)。你會(huì)發(fā)現(xiàn)原來網(wǎng)頁設(shè)計(jì)得簡單盡然也能表現(xiàn)的如此美觀,在視覺上不至于太眼花繚亂,分散訪客的注意力,同時(shí)他很很容易讓訪客集中注意力在頁面像傳遞給用戶的信息上。 原理在于,較少的顏色給訪客帶來較少的心理負(fù)荷,并幫助創(chuàng)建更和諧和有組織的外觀。使得幾乎任何人都能夠在忙碌的生活中可以欣賞到簡單的美。
4.選擇標(biāo)準(zhǔn)導(dǎo)航
在網(wǎng)站設(shè)計(jì)行業(yè)中,大家已經(jīng)普遍認(rèn)識(shí)到一個(gè)不再是秘密的規(guī)則,那就是當(dāng)涉及到網(wǎng)站設(shè)計(jì)的時(shí)候,簡單干凈的設(shè)計(jì)往往是更好的。原理在于,一個(gè)簡單、易于理解并且使用簡便的界面更有可能將訪問者轉(zhuǎn)化為活躍的用戶,以后再返回您的網(wǎng)站。
雖然隱藏或替代導(dǎo)航樣式可能看起來很酷,不過,對(duì)于目前來說,這些時(shí)尚的選項(xiàng)不如你所期望的友好。 任何偏離“正?!钡挠脩裟J娇赡芏加悬c(diǎn)刺耳,會(huì)導(dǎo)致用戶對(duì)在網(wǎng)站上移動(dòng)過于困難。選擇標(biāo)準(zhǔn)模式,以便您的網(wǎng)站易于使用。
考慮到這一點(diǎn),標(biāo)準(zhǔn)是相當(dāng)精益的。常規(guī)導(dǎo)航的標(biāo)準(zhǔn)在于:樣式采用頂部或彈出導(dǎo)航,具有三到八個(gè)菜單選項(xiàng)。忘記那些曾經(jīng)受歡迎的大型導(dǎo)航菜單。除非你是一個(gè)主要的電子商務(wù)零售商,否則設(shè)計(jì)中的每一頁都沒有理由在導(dǎo)航中占有一席之地。
5.考慮80-20規(guī)則
在網(wǎng)站設(shè)計(jì)行業(yè)中,大家已經(jīng)普遍認(rèn)識(shí)到一個(gè)不再是秘密的規(guī)則,那就是當(dāng)涉及到網(wǎng)站設(shè)計(jì)的時(shí)候,簡單干凈的設(shè)計(jì)往往是更好的。原理在于,一個(gè)簡單、易于理解并且使用簡便的界面更有可能將訪問者轉(zhuǎn)化為活躍的用戶,以后再返回您的網(wǎng)站。
考慮80-20規(guī)則是一個(gè)好的開始當(dāng)你準(zhǔn)備對(duì)設(shè)計(jì)進(jìn)行更改的時(shí)候。你可以通過以下有兩種方式來思考和實(shí)現(xiàn)規(guī)則:
請(qǐng)記住,幾乎每個(gè)網(wǎng)站上只用20%的元素就可以導(dǎo)致訪客繼續(xù)剩余80%的操作,這意味著少數(shù)號(hào)召性用語,按鈕或其他用戶界面元素將生成用戶交互的重要部分。 這是完全正常的。
考慮到這一點(diǎn),當(dāng)您更新或重新思考設(shè)計(jì),進(jìn)行更改時(shí)將重點(diǎn)放在前20%的內(nèi)容上,完全優(yōu)于更改剩余80%。 您可能想要考慮的20%元素包括產(chǎn)生最多點(diǎn)擊的相同元素(CTA,流量渠道和圖片)。 空白是另一個(gè)重要因素。
是不是對(duì)80-20規(guī)則感覺似曾相識(shí)呢,它也被稱為帕累托原則或極少數(shù)的法律。它由經(jīng)濟(jì)學(xué)家Vilfredo Pareto開發(fā),但在所有學(xué)科都有應(yīng)用。
6.盡量賦予每個(gè)元素目的性
在網(wǎng)站設(shè)計(jì)行業(yè)中,大家已經(jīng)普遍認(rèn)識(shí)到一個(gè)不再是秘密的規(guī)則,那就是當(dāng)涉及到網(wǎng)站設(shè)計(jì)的時(shí)候,簡單干凈的設(shè)計(jì)往往是更好的。原理在于,一個(gè)簡單、易于理解并且使用簡便的界面更有可能將訪問者轉(zhuǎn)化為活躍的用戶,以后再返回您的網(wǎng)站。
圖標(biāo),圖片和所有其他用戶界面元素在設(shè)計(jì)時(shí)應(yīng)該都需要考慮設(shè)置一個(gè)目的。(只想想如何點(diǎn)擊Facebook的圖標(biāo),而不是鏈接到品牌的頁面。)
不要因?yàn)樗麄兡苁鬼撁娓鼈€(gè)性和獨(dú)特就使用他們。應(yīng)該轉(zhuǎn)化一下這個(gè)想法,運(yùn)用基于必須,也就是僅當(dāng)它們?cè)谡w設(shè)計(jì)中可用于實(shí)際使用和目的時(shí),才計(jì)劃和使用元件。
7,注意排版
在網(wǎng)站設(shè)計(jì)行業(yè)中,大家已經(jīng)普遍認(rèn)識(shí)到一個(gè)不再是秘密的規(guī)則,那就是當(dāng)涉及到網(wǎng)站設(shè)計(jì)的時(shí)候,簡單干凈的設(shè)計(jì)往往是更好的。原理在于,一個(gè)簡單、易于理解并且使用簡便的界面更有可能將訪問者轉(zhuǎn)化為活躍的用戶,以后再返回您的網(wǎng)站。
頁面上好的排版就像使用顏色——少既是更多。
最容易閱讀的字體有標(biāo)準(zhǔn)形狀,均勻的筆觸寬度和沒有豐富的裝飾。 實(shí)體類型系列提供選項(xiàng),以便您不必尋找額外的字體,如果您需要添加重點(diǎn)到特定的刻字。字母需要包括足夠的可讀性和與你的背景對(duì)比。
開始只是兩個(gè)字體。 一個(gè)用于網(wǎng)站上的主要文本,一個(gè)用于顯示使用而已。這就是你需要的。
8.顛倒文本大小
在網(wǎng)站設(shè)計(jì)行業(yè)中,大家已經(jīng)普遍認(rèn)識(shí)到一個(gè)不再是秘密的規(guī)則,那就是當(dāng)涉及到網(wǎng)站設(shè)計(jì)的時(shí)候,簡單干凈的設(shè)計(jì)往往是更好的。原理在于,一個(gè)簡單、易于理解并且使用簡便的界面更有可能將訪問者轉(zhuǎn)化為活躍的用戶,以后再返回您的網(wǎng)站。
當(dāng)你在考慮排版時(shí),你可以加大字體的大小。當(dāng)屏幕越來越大時(shí),你要保證的是讓他們更容易和清晰的看到你的消息,而不是在頁面上添加更多的文字。
雖然這在移動(dòng)設(shè)備上看起來似乎不太直觀,但同樣如此。較大的字體可以更容易閱讀。忘記那個(gè)古老的格言,一切都在滾動(dòng)之上。雖然關(guān)鍵詞應(yīng)吸引用戶滾動(dòng),但不是一切都需要在第一個(gè)屏幕上。用戶對(duì)頁面的了解是持續(xù)進(jìn)行并習(xí)慣于滾動(dòng),特別是當(dāng)他們看著手機(jī)上的網(wǎng)站時(shí)。
9.創(chuàng)建無效復(fù)制
在網(wǎng)站設(shè)計(jì)行業(yè)中,大家已經(jīng)普遍認(rèn)識(shí)到一個(gè)不再是秘密的規(guī)則,那就是當(dāng)涉及到網(wǎng)站設(shè)計(jì)的時(shí)候,簡單干凈的設(shè)計(jì)往往是更好的。原理在于,一個(gè)簡單、易于理解并且使用簡便的界面更有可能將訪問者轉(zhuǎn)化為活躍的用戶,以后再返回您的網(wǎng)站。
雖然排版可以在確定你的設(shè)計(jì)看起來復(fù)雜多么簡單的巨大差異,實(shí)際的話是同樣重要。 每個(gè)詞都應(yīng)該傳達(dá)與你的視覺相同的意義,所以有一個(gè)獨(dú)特的一致性。
編輯副本。 然后再次編輯。
網(wǎng)站是一種可讀形式的通信媒介。確保您與訪問者的對(duì)話是您期望與干凈,簡潔,高度可讀的副本的對(duì)話。 創(chuàng)造一種流暢的音調(diào),使用吸引用戶的單詞和語言。
然后再編輯一次,并取出每一個(gè)不必要的文本。
10.打破規(guī)則,但只能打破一條
在網(wǎng)站設(shè)計(jì)行業(yè)中,大家已經(jīng)普遍認(rèn)識(shí)到一個(gè)不再是秘密的規(guī)則,那就是當(dāng)涉及到網(wǎng)站設(shè)計(jì)的時(shí)候,簡單干凈的設(shè)計(jì)往往是更好的。原理在于,一個(gè)簡單、易于理解并且使用簡便的界面更有可能將訪問者轉(zhuǎn)化為活躍的用戶,以后再返回您的網(wǎng)站。
規(guī)則意味著被打破。但只能打破一條規(guī)則。
如果你想做一些不同的事情,不要因?yàn)樗伎既绾芜\(yùn)用很多不同或不尋常的元素而拖泥帶水。你要做的,僅是通過關(guān)注一個(gè)更復(fù)雜或不尋常的事情,你可以創(chuàng)造有趣的網(wǎng)頁設(shè)計(jì)的同時(shí),避免讓訪客剛到壓力和難以理解。
聽起來很簡單,對(duì)吧?(只是不要陷入一個(gè)常見的陷阱做太多。)
總結(jié)
太復(fù)雜或“設(shè)計(jì)復(fù)雜化”的網(wǎng)站設(shè)計(jì)可能妨礙您與用戶溝通的方式。記住您的轉(zhuǎn)換目標(biāo)以及您希望使用者如何處理設(shè)計(jì)。無論是填寫表格,下載應(yīng)用程序還是購買,每個(gè)設(shè)計(jì)元素都應(yīng)該強(qiáng)調(diào)到達(dá)這個(gè)目的地。
刪除所有無關(guān)的設(shè)計(jì)元素,站在這條路的方式。用戶喜歡干凈,簡單和易于使用的設(shè)計(jì)。這在更小的設(shè)備(例如電話)上尤其如此,記住,雜亂和復(fù)雜的設(shè)計(jì)可以在瞬間破壞用戶體驗(yàn)。