chancat19
chancat19
chancat19

網站設計的可用性原則

2020/08/30 01:08:45 網誌分類: 生活
30 Aug

用戶上網的習慣與去量販店基本相似。他們幾乎不看大量的網頁,而是掃描網頁,找到他們感興趣的內容。但用戶願意容忍廣告和高品質內容的糟糕設計。網站設計者不應該對用戶的耐心有很高的期望。大多數用戶流覽網頁而不是閱讀,依靠自己的直覺進行探索。如果頁面不能滿足用戶的期望,學習成本越高,用戶的直觀性越差,用戶很容易離開,尋找其他頁面。


隨著互聯網競爭的日益激烈,同質化的網站越來越多,但只有提供最佳用戶體驗的網站才會勝出。可用性是設計師必須注意的一個原則。IBM工程師張群(音譯)寫了一篇文章,從多個方面闡述了具體網站設計中可用性原則的細節和案例,值得網站設計者參攷。

作者首先強調了可用性設計的重要性

競爭網站通常提供相似的功能。我們經常可以感受到視頻網站、團購網站、社交網站和入口网站的同質化。它們之間的資訊內容和服務專案是相似的,但只有提供最佳用戶體驗的服務才能獲勝。在網站的設計、開發和發佈過程中,可用性專家通常幫助評估網站的可用性,收集內部迴響,測試測試團隊的可用性。最糟糕的是,介面錯誤是在網站上線階段發現的,需要付出高昂的代價進行修復。囙此,有必要分階段、早測試、勤測試。


為了實現可用性原則,筆者認為有必要對用戶的真實需求進行分析:沒有被解構到一定程度的用戶需求是“偽需求”,不能真實反映需求,往往是膚淺的需求。瞭解用戶圖片背後的真實需求是網站設計的第一步。有經驗的網站設計師經常會在用戶明確的需求描述的基礎上,探索他們真正的問題所在,並對他們的需求進行潤色。

用戶上網的習慣與去量販店基本相似。他們幾乎不看大量的網頁,而是掃描網頁,找到他們感興趣的內容。但用戶願意容忍廣告和高品質內容的糟糕設計。網站設計者不應該對用戶的耐心有很高的期望。大多數用戶流覽網頁而不是閱讀,依靠自己的直覺進行探索。如果頁面不能滿足用戶的期望,學習成本越高,用戶的直觀性越差,用戶很容易離開,尋找其他頁面。


以“一致性視覺設計”為例,指出當網站的視覺設計簡潔、連貫、高度一致時,用戶就很容易理解如何使用網站。不一致的視覺設計可能會讓人覺得受騙。當介面設計過於跳躍和創新時,用戶可能很難一目了然,不得不學習如何使用他們已經知道的東西再次進行設計。視覺一致性可以提高產品創造的品牌形象,在一定程度上降低用戶的認知成本。

實現“一致”的介面並不意味著介面元素需要“統一”。視覺上可以有許多不同的表達方式。世界上沒有兩個完全相同的蛋。為了保持一致性,網站的資訊架構非常重要。具體體現在形狀、顏色、介面紋理、圖標、繪畫風格、文字描述、提示資訊呈現等方面,不同欄目下網站的設計是一致的,而不是不同欄目下頁面的視覺差异。乍一看,它看起來不像是父母所生。


對於“文字對齊”問題,筆者分析了兩端對齊問題:當原始行長度相差太大時,行之間的密度會發生顯著變化。此外,對於英語來說,如果沒有雜交,往往很難使適合兩端對齊的線之間的長度差。

越來越多的瀏覽器開始實現適合中文的兩端對齊算灋。在可以啟用CSS連字號(hyphenation)的瀏覽器中,我們可以考慮使用text align:justify;來實現漂亮的兩端對齊效果,但是理想效果如何呢?有必要考慮瀏覽器的相容性

回應 (0)
我要發表
user

網誌分類