2016-09-24 分類: 用戶體驗
我們經(jīng)常談到從壁櫥或儲物等物質(zhì)角度來看,垃圾清理。但是,我們也可以談?wù)撽P(guān)于清理設(shè)計。清理可以幫助提高可用性和網(wǎng)站上的用戶體驗。這里有四個秘訣你的設(shè)計。
1.縮短復(fù)印
尼爾森諾曼集團(tuán)(NielsenNormanGroup)的歷史可追溯至1997年,他們開展了一項研究,以了解用戶如何在網(wǎng)上閱讀。研究發(fā)現(xiàn)用戶都不會去閱讀一個網(wǎng)站,大多數(shù)人只會掃描頁面。所以網(wǎng)站需要縮短有效信息,刪除不必要的詞??s短運行的句子,并刪除重復(fù)的句子。每段總是有一個想法。這是一種很好的寫作方式,對那些掃描的讀者來說更好。最后,特別是對于長篇內(nèi)容,這是真實的,使用倒金字塔結(jié)構(gòu)。從結(jié)論開始,隨著內(nèi)容變長,添加更多細(xì)節(jié)。
這是我最喜歡的應(yīng)用之一,Days。這是一款應(yīng)用程序,可以計算出事件發(fā)生的天數(shù)。這款應(yīng)用的登陸頁面每部分的拷貝數(shù)非常少。上面的截圖來自于登錄頁面的單個部分。注意超級短的副本。它看起來不錯,而且讀起來更好。
Aiia是防水揚聲器,它的著陸頁非常棒。盡管有書卷的怪癖,我還是很喜歡這個頁面的整潔。有限的拷貝是一種很好的方法,可以把主要的想法傳達(dá)給用戶,而不會迷失在語言的大山中。
2.刪除視覺裝飾
當(dāng)談到視覺效果時,有時我們想要添加一個額外的元素來讓事情變得更漂亮。我們都希望設(shè)計好看。盡管這些意圖是好的,但是執(zhí)行可能會變得太多。這就是為什么我堅決主張移除不必要的裝飾品。裝飾最重要的一點是,如果你移除它們,它們不會傷害用戶體驗。
我們想比較兩個網(wǎng)站。VConcept(上)和Born(下)。VConcept在頁面上的內(nèi)容更少,但它更難以消化。VConcept頁面上的所有裝飾都礙事。有一個三角形圖案背景和一個移動的線背景。該副本有三種不同的樣式――純文本復(fù)制、下劃線和金色下劃線文本。更不用提這個標(biāo)志也在那一段。只是太多了。另一方面則是出生的職業(yè)頁面。是的,它有更多的文本,但它是有效的,因為沒有裝飾來分散注意力。想象一下,如果這些工作職位是用一個單一像素的邊界框起來的。信息將很難被掃描。
3.重用設(shè)計元素
合并和重用重復(fù)的元素。例如,當(dāng)有許多顏色、字體或樣式的變化時,它將變得混亂。重用設(shè)計元素以保持一致;一致性使得設(shè)計更加簡潔。有一些經(jīng)驗法則,例如“不要使用超過兩到三種字體”,因為這個特殊的原因。顏色和元素也是一樣。如果你在頁面底部有一個簡訊捕捉,確保它在所有頁面上都是相同的。不一致會導(dǎo)致嚴(yán)重的混亂。
讓我們來討論一下商業(yè)倉庫的顏色選擇。他們是企業(yè)客戶的IT云產(chǎn)品,這解釋了厚顏無恥的網(wǎng)頁設(shè)計。在主頁、產(chǎn)品頁面和聯(lián)系人頁面之間,他們使用了太多不同的顏色。在主頁上,顏色是主要的。他們甚至看起來好像對每一頁都有意義。但是,一旦你點擊了,你就會意識到它們實際上并沒有任何意義,因為顏色的變化取決于你所在的頁面。例如,當(dāng)你進(jìn)入about頁面時,顏色是柔和的。然而,當(dāng)你前往接觸頁面時,他們是充滿活力和強(qiáng)大的。保持顏色一致會提高設(shè)計的質(zhì)量。
Prismic使用了太多的顏色,特別是在博客上。他們用彩色代碼寫博客文章。這可能是一種危險的游戲,但是整體的顏色方案是有凝聚力的。更好的是,在截圖上,顏色變成單色。這篇文章用了其他色調(diào)的藍(lán)色來保持熟悉。如果這個頁面上的所有東西都是不同的顏色,那將是一個視覺上的噩夢。我想指出的是,英雄的藍(lán)色與logo和CTA按鈕是一樣的。一致性讓事情看起來更清晰。
我們一直是孤獨星球的粉絲。當(dāng)前的設(shè)計風(fēng)格非常棒,因為它們重用了類似的設(shè)計元素。每個城市的頁面都使用相同的模板,這讓我們熟悉了一些東西?!豆陋毿乔颉酚泻芏鄡?nèi)容,所以使用模板讓讀者很容易閱讀。
4.始終有一個單一的用戶目標(biāo)
我對整理的最后一點建議是理解給定頁面的目的或目的。最好是從用戶的角度來構(gòu)建目標(biāo)。一個用戶目標(biāo)的例子是注冊一個免費試用,了解一個特定的食譜或注冊一個通訊。如果你正在設(shè)計一個新的網(wǎng)頁或網(wǎng)站,你要仔細(xì)檢查目標(biāo),確保沒有任何阻礙。
永遠(yuǎn)要有一個明確的目標(biāo)。這將幫助你移除分散注意力的東西。例如,如果您希望用戶下載一本書的示例章節(jié),不要在本章中推廣另一本書。展示下載按鈕的前面和中心。如果是長頁面,重復(fù)CTA幾次。并且,刪除所有不幫助用戶下載示例的內(nèi)容。
讓我們來看看移動旅游應(yīng)用程序Hitlist的登錄頁面。用戶能做的最明顯的事情就是下載應(yīng)用程序,有幾種不同的方法。用戶可以輸入一個電話號碼以獲取文本鏈接或點擊AppStore按鈕。當(dāng)然,用戶也可以點擊其他鏈接。頁面的主要焦點不會被其他東西阻塞。
Speedlip是一種不含酒精的烈酒。我喜歡這個網(wǎng)站的視覺風(fēng)格。我喜歡主頁不會把用戶拉到太多的方向。整個頁面只有四個CTAs。其中兩個人購買一瓶酒,其余的則是為了獲得更多的信息,以進(jìn)一步說服用戶購買Speedlip。只要他們不互相競爭就可以擁有不止一個CTA。
結(jié)論
在這篇文章中,我們描述了四種方法來整理你的網(wǎng)頁設(shè)計。通過這樣做,我希望它能改善您的網(wǎng)站的用戶體驗和可用性。清理設(shè)計并不是那么難,而且可以大大改善用戶與站點的交互方式。畢竟,可用性和用戶體驗是密切相關(guān)的,網(wǎng)站如何影響兩者。
文章標(biāo)題:4種方式來改善可用性和網(wǎng)站的用戶體驗及設(shè)計
本文路徑:http://m.rwnh.cn/news14/48214.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有用戶體驗等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容