網頁設計的可用性問題

   因爲以前寫的東西都放在了別的地方，此次想要都搬到這裏來，因此這幾天整理的東西都是以前寫的。

   接下來這篇是2013年11月25日寫的。

   好吧~不能想些沒用的，不能說些沒用的，問題來了，機會就來了，解決問題的過程就是提高的過程。不能給本身的能力設邊界。不要厭煩作重複的事情，若是在一個地方跌倒兩次，比停滯不前還可怕。

    在求學的道路上必定要放低姿態，任什麼時候候都要以初學者心態來面對，還要學會聰明的判斷，撿重要的聽，撿對本身有價值的聽。我仍是很聽話的~行動力比較強~明確了問題就趕忙去解決~嗯~開始吧~

 

   值得注意的網站設計的30個可用性問題：

       1、首先，可用性的理論和法則：

          7±2法則：人的大腦會對複雜的信息進行處理，將其分割成信息組塊和單元。根據George A.Miller            的研究，人類的短時間記憶一次性只能記住5到9件東西。基於此，導航菜單欄一般限制在7個選項以內。

          2秒理論：用戶等待的時間越短，用戶體驗越佳。

          3次點擊理論：這個理論主要突出強調清晰的導航、邏輯縝密的架構和方便操做的網站層次結構。對於          點擊次數，若是用戶對於系統操做有清晰的瞭解，即便點擊不少次，也沒什麼問題。

          80/20法則：80%的結果是因爲20%的誘因形成的。對於設計和可用性方面而言，若是對那些創造出80%          利潤的20%的用戶、顧客、活動、產品或進程進行標識，極度關注它們，那麼就會得到巨大的收穫。

          用戶界面設計的八條黃金準則：

               一、保持連貫性

               二、讓「老鳥」用戶可以使用快捷鍵

               三、提供有實際意義的反饋

               四、以對話結束操做

               五、提供簡單的錯誤處理

               六、容許輕鬆的返回上一步（這點在剛完成的項目裏體會到了）

               七、知足用戶的控制需求

               八、減輕短時間記憶負荷

          費茨定律：該定律一般應用於訪客從A到B的鼠標指針移動操做。這個定律對於如何放置內容區域、以          更實用的方式、最大化內容可及性和提升內容點擊率，是很是重要的。

          倒金字塔結構：可以使網站用戶獲得及時性知足，例如 新聞都是從結論開始，接着是要點信息，最後寫          些小細節。

          用戶滿意度：用戶一貫追隨快餐---就是那些「還行」的方案，對於最合理，最完美的解決方案不是那          麼的感興趣。（?）

     2、可用性背後的心理學：

          雛鴨綜合症：用戶忠於所記住的第一個設計，而後將其餘設計與其進行類似度比較。一般，用戶比較傾向於那些與所記住的設計類似度比較高的系統，而不喜歡陌生的那些。

          無視廣告：網站用戶傾向於屏蔽全部看上去像廣告的東西，而且還擅長於此。當在網頁上搜索特定信息的時候，用戶只會聚焦在網頁的部分區域，即他們認爲相關信息可能會出現的地方，也就是小文本和超連接。大型彩色或動畫廣告條幅及其其餘圖像在這種狀況下都會被忽略。

          「扣人心絃」效應：這個效應主要是應用於廣告，在廣告中詢問訪客一些沒有答案或者有挑釁意味的問題，一般會促使訪客瀏覽廣告內容。

           形狀視覺的格式塔原則：

                 一、接近性原則

                 二、類似性原則

                 三、普雷格朗次原則（圖像-背景）：在感知某個可視範圍時，一些物體比較搶眼，而其餘的則變成了背景

                 四、對稱性原則

                 五、閉合法則：視覺上一般將不連貫的東西視爲連貫，或者說將其看作完整的圖像。（IBM圖標）

           自我參照效應：好比說，讀完一篇文章，用戶比較容易記住與本身我的經歷有關的角色、故事或者事實。經常應用於網絡寫做與網站內容裏。

      3、可用性術語：

           眼球追蹤：對聚焦點，或者說眼球相對於頭部移動進行測量的過程。對於此的研究可以幫助評估用戶對於正在瀏覽的網頁的溫馨度以及他們對背後的架構及系統的瞭解速度。

           網頁摺疊：網頁摺疊線是屏幕可見區域網頁的最底部，也就是在此線之上的是不用拖動滾動條就能看見的網頁內容，在此區域經常被視爲可以帶來最高廣告點擊率和利潤回報的區域。

           中心凹區：是眼睛所聚焦的小而寬的空間，也是雙眼可以看到最多細節的惟一一個地方，是你向訪客傳遞最重要信息的地方。

           註釋：是一個自動行爲，它提示並概要顯示鏈接的內容，以及一點點擊會到哪裏去。從可用性角度來看，用戶但願對網站上正在發生的一切事情擁有絕對的控制權，配上完整的連接文字，精準的對內外部連接進行解釋，可以提升網站的可用性。

           優雅降級：指一個網站即便在它的部件已經沒法顯示或者無效的狀況下還能展現內容和基本功能的能力。網站要在每個可能出錯的狀況下顯示內容，並在用戶任何可能的配置下被使用。「高級用戶」提供的仍然是完整的、加強的頁面版本。

           粒度：指將某個龐雜的數據組或信息分割成更小單位的程度。

           熱區：網站上能夠點擊的區域。例如，當鏈接或網站上任何其餘元素被點擊時產生的焦點效應。

           易讀性：文本在視覺上的清晰度。

           可讀性：文字的可理解程度，不一樣年齡不一樣的受教育程度的人都能很容易的理解文章的意思。

           掃雷：用戶爲識別網站上的連接而與網站進行的交互行爲。

           漿糊式導航：用戶在一團漿糊般的網頁中難以辨識導航連接或者肯定連接在哪裏的設計。

           物理一致性：網站外觀的一致性。

           逐步強化：優點在於「廣泛可用性」。指將網站按照多層次方式進行設計的設計方略---從適合全部瀏覽器的基本功能到現代化瀏覽器附加的加強屬性。

           以用戶爲中心的設計

           警戒（持續關注）：指在漫長而單調的任務中始終保持注意力的能力。

           走來即用設計：很是直觀明白，新手或一次性用戶很容易上手。

           線框圖：是個基礎結構，是網站的骨架，它介紹了網站的創意、概念和架構。

 

 

          以上內容來自《衆妙之門  國際頂級Web設計師成功法則》

 

           看完後最重要的一個啓示就是，網站設計最重要的是要了解用戶的心理，站在用戶的角度想問題，作出方便用戶使用，知足用戶需求的網站。網頁設計真是門大學問啊！