為家中的衣櫥或是儲藏室進行物理意義上的清掃早已是老生常談，然而近些年來，一個十分新穎的概念涌現(xiàn)出來，這便是歸整設計。在互聯(lián)網(wǎng)領域，歸納整理能幫助提高網(wǎng)站的實用性以及用戶體驗，以下是對設計進行整理的四個建議。
01.簡化標語
追溯至1997年，尼爾森諾曼集團進行了一項研究，了解用戶如何在網(wǎng)上閱讀。當然，讓我們先對“閱讀”這個詞存疑，事實上，絕大多數(shù)人是通過快速瀏覽的方式獲取頁面上的信息。然而，有許多網(wǎng)站卻充斥著無關緊要的文字，雜亂和間接的重復司空見慣。于是，這便為縮減單詞數(shù)量以簡化屏幕上的內容提供可能。
刪掉不必要的單詞，縮短流水句，移除冗余的文段，確保每個段落只有一個中心思想，對于快速瀏覽的讀者來說，這些都不失為一種極佳的寫作方式。最后在搭建文章架構時，尤其是對于長篇大論而言，應采用倒金字塔的結構 – 從結論開始，隨著內容增長來添加更多細節(jié)。
這是我最為鐘愛的應用程序之一，Days，用于事件結束之前倒計天數(shù)。在應用程序的登錄頁面，幾乎難以見到任何重復。上面的截圖便來自于登錄頁面的一個部分，注意極簡的標題，讀起來使人十分賞心悅目。
Aiia是一款防水揚聲器，登錄頁面頗有種天馬行空之感。盡管精靈古怪，我卻深愛上頁面的簡潔，極盡短小的標題讓用戶一眼便可采其大旨。
02.剪除視覺裝飾
說到視覺效果，我們有時會為了美觀而畫蛇添足。人皆有愛美之心，這樣的想法雖說是無可厚非，但放到具體實踐操作上卻經(jīng)常會過猶不及。這便是我為何提倡省去無關緊要的裝飾的原因。好在幸運的是，即便去掉那些紛繁復雜的點綴，用戶的體驗也基本不會大打折扣。
我想比較這兩個網(wǎng)站，VConcept （上圖）和Born（下圖）。
VConcept的頁面內容較少，但卻難以理解，幾乎所有的裝飾都對視線形成了干擾。背景中的三角形圖案和移動線同時映入眼簾，副本中存在三種不同樣式的字體 – 純文本和帶有黑色以及金色下劃線的文字，更不必說這節(jié)段落中的徽標，這一切也太過分了。?另一邊則是Born的職業(yè)生涯頁面。的確，網(wǎng)站上的文字內容較多，但因為沒有點綴干擾的緣故，這樣的設計也是切實可行的。
想象一下，如果用單像素邊框將這些職位信息包裹起來，那么將勢必增加快速瀏覽的難度。
03.重復使用設計元素
整合并再次利用重復的元素，如若文字顏色紛繁，字體和樣式復雜，必然帶來混亂。重復使用設計元素能使一切變得井然有序，這種有序性將會為設計平添整潔的氣息。有鑒于此，一些經(jīng)驗準則也隨之被總結出來，比如，“不要使用多于兩到三種以上的字體”，“顏色和元素也是如此”。
如果你在頁面底部放置新聞捕捉部件，那么請確保在所有頁面上都保持一致，否則或許會為讀者帶來極大困擾。
現(xiàn)在，讓我們一起探討The Business Depot對于顏色的選擇。這是一家面向企業(yè)客戶的IT云產(chǎn)品網(wǎng)站，在主頁上產(chǎn)品頁面和聯(lián)系頁面之間，不同色彩的彩虹被毫無意義地隨意濫用。主頁的設計鮮艷得似乎只剩下了顏色，每個頁面背后仿佛別有洞天，但當你點過去，才會發(fā)現(xiàn)后面其實根本就空無一物，因為顏色的改變原來是取決于你當前的所處頁面的。比如說，當你轉到“關于”頁面時，顏色會變得柔和。當你前往“聯(lián)系”頁面時，會變得強烈而又鮮艷。這種無謂的變幻，還不如將全部色彩都保持一致要實用得多。
Prismic使用了過多的色彩，尤其是在博客上，為博文用編寫代碼的方式上色。這么做無異于鋌而走險，但好在整體配色方案還算較為凝聚。更好的是來自于截圖的貼文中，顏色變?yōu)閱握{色，僅用藍色基調以保持上下文的協(xié)調一致。如果這個頁面上的所有內容都是不同顏色，必然會為視覺感受帶來滅頂之災。有一點需要指出，主人公臉上的藍色與徽標和CTA按鈕上的藍色是同一種。正是這種協(xié)調，讓一切變得干凈整潔起來。
我一直是Lonely Planet的粉絲。網(wǎng)站目前的設計風格無與倫比，這一切都要歸功于相似的設計元素之間得到反復利用，即是在每個城市頁面都使用相同的模版以營造共性。Lonely Plant涵蓋內容之廣，使其不得不利用模版為讀者簡化閱讀。
04.始終牢記個別用戶的目標
關于整理的最后一點建議是關于給定頁面的目的 – 永遠要從客戶的角度去構建目標。這樣的例子包括免費注冊試用，了解某一篇特定的食譜，或是訂閱接收新聞資訊。如果您正在設計新的網(wǎng)站，一定要認真思考用戶想要達成怎樣的目的，切勿在滿足用戶需求的道路上設置障礙。
始終懷揣堅定的目標，將有助于排除一切事物的干擾。比如說，如果您希望用戶下載圖書的示例章節(jié)，就避免同時推廣另一本書，而是直接讓用戶看到下載按鈕。如果是長頁面，則在不同地方重復展示CTA鏈接。與此同時，刪除一切和用戶下載試讀片段無關之內容。
現(xiàn)在，讓我們來一起看看移動旅行應用程序Hitlist。對于用戶來講，最為顯而易見之事便是下載應用程序。要達成這點，有幾種不同的途徑，用戶既可以輸入手機號碼獲取文字鏈接，也可以點擊“應用商店”的按鈕。當然，用戶也可以點擊別處，但頁面的主要焦點卻從不受其他內容干擾。
Seedlip是一款不含酒精的烈性酒。網(wǎng)站的視覺風格深受我喜愛，在瀏覽時不會讓用戶產(chǎn)生無所適從的感覺。整張頁面的CTA鏈接也僅有四枚，其中兩枚是購買按鈕，其余的則是獲取更多信息，以進一步說服用戶購買Seedlip。由此可見，只要互不干擾，便可同時在一張頁面中擁有多個CTA鏈接。
本篇，描述了四種方式來整理網(wǎng)頁設計，此舉意義是為了寄希望于提高用戶體驗和實用性。歸整設計其實并不難，還能極大改善用戶與網(wǎng)站交互的方式。畢竟，實用性和用戶體驗齊頭并進，才是網(wǎng)站外觀迫切需要掌握的兩把利刃。
文：Paula Borowska 翻譯：馬克筆設計留學·孫維
首席增長官CGO薦讀增長黑客：
更多精彩，關注：增長黑客（GrowthHK.cn）
增長黑客（Growth Hacker）是依靠技術和數(shù)據(jù)來達成各種營銷目標的新型團隊角色。從單線思維者時常忽略的角度和高度，梳理整合產(chǎn)品發(fā)展的因素，實現(xiàn)低成本甚至零成本帶來的有效增長…
本文經(jīng)授權發(fā)布，不代表增長黑客立場，如若轉載，請注明出處：http://m.gptmaths.com/cgo/product/24603.html
微信掃一掃 
支付寶掃一掃 
