程式設計驛站(www.cppcns.com)注:本文為《網頁設計你應該知道的125個小技巧》系列文章中的第四篇,由@企業官網設計精選編譯,主要講述了網頁設計中如何做到兼顧不同使用者的知識和技能水平。
盡可能兼顧不同使用者的知識和技能水平
使用者可能是新手、專家或介於兩者之間,要根據使用者情況設計介面。
△ 使用適當的新人引導(四種主要的新人引導策略)
這四種用法剛好可以用乙個2*2的矩陣來表示。根據下方圖示選擇最適合你介面的方式:
△ 為新手使用者新增提示而不干擾專家使用者
△ 使用卡片分類構建資訊架構
若你想了解使用者如何確定或概念化選單分類,使用開放式卡片分類;
若你想了解使用者如何將現有元素歸類到預製分類,使用封閉式卡片分類;
盡可能適應使用者的操作流程
使用者會有不同的需求,根據不同操作流程調整介面設計。
△ 讓使用者控制資料的呈現方式
△ 讓使用者控制資料的排程式設計客棧序方式
其他排序標準包括:
按字母順序
按可用性
按分類按日期
按距離按熱門程度
按**按相關性
按大小△ 讓使用者控制資料顯示的數量
△ 構建使用者畫像以區分具體操作流程
△ 讓使用者通過新標籤頁開啟頁面
很多使用者習慣先開啟頁面,後續再去瀏覽。
盡可能提高網頁的可及性
讓殘疾人群也可以訪問使用你的介面。這不僅是好的做法,還可以避免法律後果(看你做的是什麼產品)
△ 在html5中使用語義標籤
△ 使用多種提示來溝通反饋資訊
大約8%的男性是色盲(chan, goh, & tan, 2014)。不要單獨通過顏色來傳達資訊,提供多種提示。
盡可能相容各種輸入和極端個例
應該允許使用者輸入各種資訊而無後顧之憂。
△ 解決自動生成資訊帶來的不好結果
(譯者注:上圖客戶旅遊目的地是奧斯威辛,通過模板訊息「目的地名稱》玩得開心」,會生成「奧斯威辛玩得開心」的提示,但奧斯威辛集中營是個負面的聯想,「奧斯威辛集中營玩得xpwvufoih開心」,會讓使用者不爽。保險起見,改成提示「旅途愉快」)
△ 使用支援多種輸入格式的表單元素
△ 顯示能解決搜尋者需求的結果
△ 使用能處理錯別字、同義詞或變程式設計客棧體詞的搜尋
盡可能相容xpwvufoih所有媒介
介面需要在各種環境都能運作(如不同裝置、瀏覽器等)
△ 根據使用者瀏覽器定製不同的操作指引
△ 在小型裝置上使用單視窗深入的方式
本文標題: 網頁設計必讀!125個小優化提公升網頁可用性(四)
本文位址: /news/seo/77618.html
dw網頁設計期末設計乙個網頁 網頁設計
在進行 製作前,首先要進行 頁面的整體設計。乙個 是由若干個網頁構成的,網頁是使用者訪問 的介面。因此,通常意義上的 設計,即指的是 中各個頁面的設計。而網頁設計中,最先提到的就是網頁的布局。布局是否合理 美觀,將直接影響到使用者的閱讀體驗及訪問時間。在網際網路高速發展的今天,網路已成為人們生活的一...
網頁實現製作乙個小日曆
在網頁上製作乙個日曆,利用jquery實現它,其實也不是很困難,參照網上的部分思想自己再深加工,乙個精美的日曆也就能呈現了 接下來談談實現它的函式思想 var date new date var show day new array 星期日 星期一 星期二 星期三 星期四 星期五 星期六 var s...
html css js 實現乙個網頁小demo
js 從乙個1.html跳轉到另乙個2.html頁面並攜帶一定的資料 最近開始涉及js的學習,由於之前有一些html和css的基礎就開始製作一些靜態頁面利用js新增互動效果使得變得動態。我所做的就是從產品展示頁面新增某個產品的數量,點選購物車圖示就可以跳轉到訂單頁面檢視所加物品數量和總 商品 也是有...