網頁設計必讀!125個小優化提公升網頁可用性(四)

2022-09-28 17:21:19 字數 1308 閱讀 5006

程式設計驛站(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新增互動效果使得變得動態。我所做的就是從產品展示頁面新增某個產品的數量,點選購物車圖示就可以跳轉到訂單頁面檢視所加物品數量和總 商品 也是有...