新聞發(fā)布
管理系統(tǒng)云智設(shè)計可以幫助提高實用性和網(wǎng)站上的用戶體驗。
這里有云智設(shè)計你設(shè)計的四點建議。
1.縮短復(fù)制
歷史可以追溯到1997年,尼爾森諾曼組進行研究,以了解用戶閱讀在網(wǎng)絡(luò)上。我敢肯定,你知道,他們不讀。相反,大多數(shù)人掃描頁面。然而,也有很多充滿了不必要的字詞的網(wǎng)站。不幸的是,副本是凌亂或間接的是常見的。您可以通過在屏幕上移除單詞量清理網(wǎng)站的內(nèi)容。
刪除不必要的話??s短磨合上的句子,刪除冗余的句子了??偸怯忻總€段落一個想法。這是寫作的一種好形式,它是為那些誰掃描讀者更好。后,這是特別長內(nèi)容真,使用倒金字塔結(jié)構(gòu)。先從結(jié)論,并添加更多詳細(xì)信息作為內(nèi)容變長。
這是我喜歡的應(yīng)用程序,一個天。它是倒計時天,直到事件的應(yīng)用程序。該應(yīng)用程序的著陸頁有每部分很少復(fù)制。上面的截圖是從登陸頁面的一個部分。注意超短副本。它看起來很好,讀得更好。
AIIA是一種防水揚聲器和其著陸頁是太棒了。盡管滾動古怪,我愛上了頁面的清潔度。有限的副本是一個很好的方式來獲得主要的想法傳達給用戶,而無需用言語山迷路。
2.刪除多余裝飾
當(dāng)涉及到視覺效果,有時我們是想扔在一個額外的元素只是為了讓事情變得漂亮。我們都希望設(shè)計好看。雖然這些意圖是好的,執(zhí)行會變得太多。這就是為什么我去除是沒有必要的任何裝飾的一大支持者。關(guān)于裝飾品偉大的事情是,他們不傷害用戶體驗,如果你刪除它們。
我想比較兩個網(wǎng)站。VConcept(上)和出生(如下圖)。VConcept有網(wǎng)頁內(nèi)容較少,但它更難消化。在路上的所有VConcept頁面上的裝飾品獲得。有一個三角形圖案的背景和一個移動線的背景。該副本有三種不同的風(fēng)格-純文本的副本,強調(diào)和金帶下劃線的文本。且不說標(biāo)志是該段為好。這只是太多了。
而另一方面是天生的職業(yè)生涯頁面。是的,它有很多更多的文本,但它的作品,因為沒有裝飾分心。試想一下,如果這些就業(yè)崗位均與單個像素的邊框盒裝英寸 這些信息將更難掃描。
3.重用設(shè)計元素
鞏固和重復(fù)使用重復(fù)的元素。例如,當(dāng)有很多顏色,字體或樣式的變化會變得混亂。重復(fù)使用的設(shè)計元素,以保持一致性; 一致性使一個干凈的設(shè)計。有經(jīng)驗的規(guī)則,如“不使用超過兩個或三個字體”這個具體的原因。這同樣適用于顏色和元件,太。如果你有在頁面底部的通訊捕獲,確保它看起來在所有頁面是一樣的。不一致性可能會導(dǎo)致一些嚴(yán)重的混亂。
讓我們來討論所作的顏色選擇商業(yè)倉庫。他們是為企業(yè)客戶提供IT云產(chǎn)品,它解釋了面露網(wǎng)頁設(shè)計。主頁,產(chǎn)品頁面和聯(lián)系頁面之間,他們使用的彩虹太多的各種色調(diào)。在主頁上,顏色是主要的。他們甚至看起來像他們意味著什么的每一頁。但是,一旦你通過點擊你意識到他們實際上沒有,因為這取決于你在什么頁面顏色的變化意味著什么。例如,當(dāng)你去有關(guān)網(wǎng)頁的顏色是柔和的。然而,當(dāng)你前往聯(lián)系頁面,他們都是充滿活力和強大。保持顏色一致將改善設(shè)計的質(zhì)量。
Prismic使用太多的顏色,特別是在博客上。它們的顏色代碼的博客文章。這可以是一個危險的游戲,但整體的配色方案是凝聚力。更重要的是,從截圖后,顏色變成單色。后采用藍色的色調(diào)等,以保持事物變得熟悉。如果此頁面上的一切都以不同的顏色,這將是一個視覺的噩夢。我想指出的是,在英雄的藍色是從標(biāo)志和CTA按鈕相同。一致性使事情看起來更干凈。
我一直的粉絲孤獨星球。目前的設(shè)計風(fēng)格是太棒了,因為他們重新使用類似的設(shè)計元素。每個城市的頁面使用,這使得熟悉的事物相同的模板。孤獨星球有很多的內(nèi)容,以便使用模板可以很容易的讀者。
4.總是心里有一個單用戶目標(biāo)
建議的后一點我對decluttering是理解特定網(wǎng)頁的目的或目標(biāo)。如果從用戶的角度框架的目標(biāo)是好的。的用戶目標(biāo)的一個例子是為免費試用版,了解一個特定的配方或注冊一個通訊。如果你正在設(shè)計一個新的網(wǎng)頁或網(wǎng)站,仔細(xì)檢查有什么目標(biāo)是,確保沒有幫倒忙。
總是有一個單一的和明確的目標(biāo)瞄準(zhǔn)。這將幫助您刪除的東西,從它分心。例如,如果您希望用戶下載一本書的樣章,不提倡另一本書上的章節(jié)。展示下載按鈕前沿和中心。重復(fù)CTA幾次,如果它是一個很長的頁面。而且,刪除一切不利于用戶下載示例。
讓我們來看看登陸頁面的移動應(yīng)用程序移動結(jié)果列表。明顯的一點,用戶可以做的就是下載應(yīng)用程序。有這樣做的幾種不同的方式。用戶可以輸入電話號碼來獲得一個文本鏈接或點擊App Store的按鈕。當(dāng)然,用戶可以點擊其他鏈接也。該網(wǎng)頁的主要焦點不受別的東西阻礙。
Speedlip是一種不含酒精的飲料。我愛上了網(wǎng)站的視覺風(fēng)格。我喜歡怎樣的網(wǎng)頁不拉用戶太多的方向。整個頁面只有四個商品交易顧問。其中兩個是買了一瓶,其余的更多信息,以便進一步說服用戶購買Speedlip。這沒關(guān)系有多個CTA,只要他們不互相競爭。
結(jié)論
在這篇文章中,我描述了四種方法來簡化房間您的網(wǎng)頁設(shè)計。通過這樣做,我希望它會提高你的網(wǎng)站的用戶體驗和易用性。Decluttering設(shè)計并不難,可以極大地提高用戶如何與網(wǎng)站的互動。畢竟,可用性和用戶體驗齊頭并進和網(wǎng)站看起來既影響。