15 网站的优使性.ppt

* 15. 網站的優使性 * 網站優使性設計原則 優使性(Usability)： 以使用者為中心的設計概念，其特點有 容易學習 使用效率高 帶給使用者愉快的使用經驗 使用時出錯機率小 電子商務網站成功條件： 高瀏覽率 高轉換率(Conversion Rate) * Forrester Research 研究報告指出 網站設計無法滿足使用者需要時，大約會喪失50%的可能銷售量 網站設計讓使用者產生負面使用經驗時，最少有40%使用者不再造訪此網站 David Travis(2000年)調查指出，重返曾瀏覽過網站的主要原因 高品質的內容 易用的介面 網頁下載速度快 資訊定期更新 網站優使性設計原則 * 掌握使用者的邏輯： 使用者不喜歡在瀏覽網頁時花腦筋 使用者以掃描方式瀏覽網頁，而非閱讀網頁 瀏覽時的視覺動線 對使用者來說，系統運作不重要，能用、好用就好 網路的使用者喜歡掌握主動性 不需試圖找出多數使用者喜歡的介面風格 網站優使性設計原則 * 網站優使性設計原則 網站的資訊架構 組織網站資訊：資料集→卡片分類法 選擇合適資訊結構 序列型 層級型 格子型 網狀超連結型 綜合型 * 使用者習慣： 掌握慣例原則：入口網站為例 版面配置的慣例：50個高流量網站分析 Logo的位置：以左上居多(92%) 主導覽列：上方居多(61%) 搜尋：上方居多(90%) 登入：上方居多(90%) 網頁元件的慣例： 用語上的慣例： 圖示的慣例： 網站優使性設計原則 * 建立清楚的視覺階層： 越重要的東西，就要越明顯: 例如最重要的標題若非放大，或是加粗，或是使用不同顏色，或是多留空白面積 邏輯上有關聯的東西，就應在視覺上也有關聯: 例如用方框將相似的東西放在一起 用視覺上的巢狀階層，顯示事物屬於哪一部分:例如大標題→次標題→再次標題 網站優使性設計原則 * 導覽系統： 我身在何處？ 頁面標題 網站Logo 導覽列 頁面名稱 我到過哪些地方？ 連結顏色 路徑連結 我能去哪裡？ 網站優使性設計原則 * 網頁版面配置： 頁面元件配置原則：頁面資訊內容應佔整個頁面空間的50%到80%，網站識別、導覽系統與廣告所佔比例約在20%左右 頁面大小：多使用表格配置來規劃版面，解析度800*600頁面安全寬度在760 pixels，解析度1024*768頁面安全寬度在960 pixels 網頁的一致性：版面之分配，字體，顏色，圖示規格做事先設定 網站優使性設計原則 * 參考及推薦書籍 入門： 學會ASP.NET 2.0 e點就通-基礎篇，吳逸賢、王曉慧，網奕資訊 學會ASP.NET 2.0 e點就通-網站篇，吳逸賢、王曉慧，網奕資訊 新觀念ASP.NET 2.0網頁程式設計，施威銘研究室，旗標有限公司 使用者最大-從優使性(Usability)出發的網站設計原則，魏澤群，網奕資訊 進階： 挑戰ASP.NET 2.0 for VB互動網站百寶箱，鄧文淵，碁峰書局(網頁程式設計指定上課用書) 新一代ASP.NET 2.0 網站開發實戰 使用C#及VB2005，林易翔，上奇出版社(推薦用書) ASP.NET 2.0 深度剖析範例集，董大偉，博碩文化 聖殿祭司的ASP.NET 2.0 專家技術手冊，奚江華，碁峰書局(資料庫實務上課用書)