對于網站設計來說上,簡單往往更好。一個簡單易懂、使用簡單的界面更有可能使訪問者變成活躍的用戶,他們在往后還是會回到你的網站。
但如何簡化你的網頁設計呢?訣竅是設定目標,然后看看用戶在實際使用的過程中是如何一步一步達到最終的目標的。任何阻礙這條路的東西都應該被消除,任何阻礙用戶理解重要信息的東西都應該從設計中剔除。
這就是我們今天要討論的——一些可以用來簡化網站設計的技巧。這些想法適用于現有的站點和即將構建的新站點。
1.關注行動號召
你的網站應該有一個最終目標,讓每個用戶最終去做某件事。這一目標應該對每一個正在瀏覽你的網站設計的人來說是顯而易見的。
行動的需求需要明確,足夠大,位置需要足夠醒目,以便用戶看到并可以迅速坐車反應,這樣用戶就不會因為太遠或者元素太小二忽視或不再繼續點擊。
2.簡化頁數
你的設計是否是通過很多的網頁和信息頁堆積的呢?你真的需要這樣嗎?
將內容簡化為可管理的塊,不要讓用戶有太多頁面來選擇點擊。你完全可以將所有相關內容放在一起,便于閱讀和流動。
篩選掉那些舊的、過時的信息,或那些可以通過第三方小程序或部件來完成工作的頁面(這些元素通常可以節約你很多的空間)。
3.統一用色
雖然各種各樣的顏色可以在視覺上更加有趣和引人入勝,但它有時可能也會造成壓倒性的災難。堅持兩個或三個選項的調色板,以幫助控制顏色。
如果你的網站設計更加偏向于極簡風格的話,考慮一個單色彩調色板或者只有一些相近色調的單一顏色。令人驚訝的是,往往就是如此簡單的東西最終形成的視覺卻給人帶來最好的印象,而且對于用戶來說也很簡單。較少的顏色意味著較少的心理負荷,并幫助創造更和諧和有組織的外觀(幾乎所有忙忙碌碌的人都能體會到這一點)。
4.使用標準導航
雖然隱藏的或替代的導航樣式看起來很酷,但這些流行的選項并不像用戶所期望的那樣友好。任何偏離“正常”用戶模式可能會有點震撼,讓用戶在網站上移動變得太過費力。選擇標準模式,以便你的網站易于使用。
考慮到這一點,標準是相當精簡的。頂部或彈出導航元素有三到八個菜單選項是常態。忘記那些曾經流行的巨型導航菜單。除非你是一個主要從事電子商務零售商業務的站點,并非設計中的每一頁都有理由在導航中占有一席之地(而且許多選擇在移動設備上根本不起作用)。
5.考慮80-20法則
80-20法則是一個改變設計的好方法。你可以有兩種方法來思考和實施該規則。
· 請記住,網站上20%的元素將導致80%的用戶實際參與進交互中,這意味著對動作、按鈕或其他用戶界面元素的少量調用將生成用戶交互的重要部分。這是完全正常的。
· 考慮到這一點,當改變關注于前20%的內容時,當你更新或重新設計一個項目時,要做出80%的改變。你可能需要考慮的20%的元素包括產生點擊最多的元素——CTA、圖像等,白色空間是另一個重要因素。
如果你覺得80-20規則聽起來有點熟悉的話,可能你已經在實際的生活中接觸過它了,它也被稱為帕累托原理或少數重要定律。它是由經濟學家維爾弗雷多·帕累托提出的,但在各個學科都有應用。
6.有目的地使用UI元素
設計中的圖標、圖像和其他用戶界面元素應該是有目的的(想想Facebook中的圖標如果不知鏈接到品牌頁面的話,那將是多么的惹人厭煩)。
不要因為你可以使用它們而讓它們“泛濫成災”,只有當它們在整體設計中服務于實際使用和目的時,才計劃和使用這些元素。
7.注意排版和字體使用
使用字體的方式就像使用顏色一樣:越少越好。
最容易閱讀的字體有標準的形狀、均勻的筆劃寬度和不多的修飾。選擇一個合適字體類型的字體集,這樣你就不必尋找額外的字體,如果你需要把重點放在特定的字體上,這些字母需要包含足夠的分量,以便于閱讀,并與背景對比。
只從兩個字體開始。一個用于網站上的主文本,一個用于顯示使用。就是這樣,這就是你所需要的。
8.增加文本大小
當你已經考慮到字體時,你會需要考慮一下是否需要增加字體的大小。屏幕以及分辨率越來越大,你需要讓用戶更容易看到你的信息,而不是在畫布上填滿更多的文字。
雖然在移動設備方面,這聽起來似乎有點不切實際,但同樣如此。更大的字體可以更容易閱讀,關鍵字應該誘使用戶滾動,但不是所有的東西都需要在第一個屏幕上。用戶理解繼續前進,習慣于滾動,特別是當他們在手機上瀏覽網站時。
9.創建輕松的文本
字體和排版可以在確定你的設計看起來在簡單或復雜方面產生巨大的差異,實際的單詞也同樣重要。每個詞都應該和你的視覺傳達相同的意思,有一個明顯的一致性。
你需要對你即將使用的文本信息反復提煉。
網站是一種媒介,它是一種可讀的交流形式。確保你與訪問者之間的對話是你期望的簡潔、高度可讀的文本。創建一個基于設計風格的主調,使用吸引用戶的詞匯和語言。
最后再編輯一次,取出不必要的文本。
10.打破一條規則,但只有一條
規則是注定要被打破的。但在一個項目中,你只能打破一條規則。
如果你想做一些不同尋常的事情,不要把設計與很多不同的或不尋常的元素混為一談。通過專注于一個更復雜或不尋常的事情,你可以創造不具壓倒性的全新設計。
聽起來很簡單,對吧?(只是不要陷入太多的陷阱)。
總結
一個過于復雜或過于“設計”的網站設計會妨礙你與用戶交流的方式。記住你的轉換目標和用戶希望使用的設計。無論是填寫表格,下載一個應用程序或購買一件商品,每一個設計元素都應該強調到達這個目的地。
去除所有阻礙這條道路的設計元素。用戶喜歡干凈,簡單,易于使用的設計。尤其是在更小的設備上,比如手機,雜亂會破壞用戶體驗。