網(wǎng)站的界面設(shè)計

瀏覽者需要感知他們在信息組織中所處位置的環(huán)境。在紙質(zhì)文檔中，有關(guān)“你在哪”的感覺是一個混合產(chǎn)物，它由圖書圖形設(shè)計、文字編排以及圖書整體所具備的物理感觀提供的圖形和編輯編排線索組成。電子文檔不會提供任何我們在評定信息時認(rèn)為是必需的物理線索。當(dāng)我們看到頁面上的Web超文本鏈接時，便會得知幾個信息:我們將被帶向何處，鏈接的那一端有多少信息，以及準(zhǔn)確地說有多少鏈接信息與當(dāng)前頁面相關(guān)。實際上，個人Web頁面的查看對于很多用戶而言都是受限的。很多Web頁面并不能百分百地與標(biāo)準(zhǔn)的辦公顯示器相匹配，通常，還有一小部分頁面對用戶是不可見。小屏幕移動設(shè)備用戶的視口更為有限，對于屏幕閱讀用戶而言，web頁面大幅視圖不能進行一次性讀取，一次只能讀取頁面上的一個元素。因為任何時候，用戶都只能看到站點的一小部分，因此頁面需要為用戶提供關(guān)于網(wǎng)站環(huán)境和網(wǎng)站組織的清晰線索。
1.清晰的導(dǎo)航幫助
很多用戶與網(wǎng)頁的交互都包括文檔之間的導(dǎo)航超文本鏈接。Web站點的主要界面問題是無法讓你感知位于局部信息組織中的何處。清晰且一致的圖標(biāo)，圖形標(biāo)識方案，頁面標(biāo)題以及基于圖形和文字的概述和總結(jié)，都可以幫助加強用戶在不浪費時間的前提下找到自己的所需的信息。
用戶通常都可以輕松地返回到主頁面以及站點中其他主要的導(dǎo)航點。每個頁面上都會有基本的鏈接，并且鏈接都會位于頁面上的固定位置。標(biāo)題會提供基礎(chǔ)的導(dǎo)航鏈接并且創(chuàng)建一個告知用戶正位于站點區(qū)域內(nèi)的標(biāo)識。
2.沒有盡頭的頁面
Web頂面的顯示通常不會出問題，用戶可以直接制作或者單擊連接到網(wǎng)站深層子頂面的鏈接。他們可能從未見過你的主頁或者其他介紹性的網(wǎng)站信息。如果你的子頂不能鏈接回主頁或者局部菜單頁面，用戶就不可能訪問網(wǎng)站的其他頁面，如確認(rèn)網(wǎng)站的所有頂面都至少有一個返回主頁的鏈接，不過更好的是，同時擁有主頁鏈接和那些鏈接到網(wǎng)站其他主要區(qū)域的鏈接。對于搜索引擎可視性而言，除了用戶界面這個考慮因素以外，這些鏈接也至關(guān)重要
3.直接訪問
用戶想以盡可能最少的步驟獲取信息。這意味著你必須設(shè)計一個有效的信息層級來最小化通過菜單頁面的步驟。研究表明用戶傾向于使用那些至少顯示5~7個鏈接的菜單，他們傾向于使用少量配有精心編排的、“面向過于簡化的菜單頁面的眾多層次”的選擇頂面。設(shè)計網(wǎng)站層級，使用戶只需要一兩次單擊便可以從網(wǎng)站的主菜單頁進入到有效內(nèi)容頁。
4.單一性及一致性
用戶不會對那些看起來沒有必要的復(fù)雜性留有印象，尤其是那些依賴于網(wǎng)站即時、精確的信息的用戶。你的界面具象特征應(yīng)該簡單、常見且有邏輯一一如果你需要一個關(guān)于信息收集的圖示，可以選擇一個大家都熟悉的風(fēng)格，例如，文件夾。不尋?；蛘咂婀值?ldquo;創(chuàng)新性”導(dǎo)航和主頁圖示通常都不會成功，這是因為它們會為用戶帶來一種不熟悉且不可預(yù)知的界面負(fù)擔(dān)。古怪的主頁會讓用戶感到困惑，他們會快速地單擊“后退”按鈕或者進入Google搜索結(jié)果頁面中的其他頁面，而你將會丟失一個潛在的讀者或者顧客。讓內(nèi)容變得精彩的同時請保持界面樸實。Opera是平衡粗體內(nèi)容與高可用性精簡界面的高手。
最好的信息設(shè)計從不被人注意。一且你知道標(biāo)準(zhǔn)鏈接位于頁面標(biāo)題圖形的何處，那么界面就盡乎可見了。導(dǎo)航很簡單，從來不會喧賓奪主，不會分散用戶對內(nèi)容的關(guān)注。若要將功能性和易理解性大化，則需要基于某個一致的模塊單元模型進行頁面和網(wǎng)站設(shè)計，這些模塊單元共享相同的基本布局網(wǎng)格、圖形主題、編輯慣例以及組織層級。目標(biāo)是一致、可預(yù)見:用戶在訪問你的網(wǎng)站時會感到很舒適，并且確信他們可以找到自己所需。Web站點中一系列頁面的圖形標(biāo)識為信息的連續(xù)性提供了可視化線索。Capgemini網(wǎng)站每頁的標(biāo)題菜單構(gòu)建出了一致的用戶界面以及公司標(biāo)識。
與主頁或者相關(guān)頁面相連的導(dǎo)航鏈接”的布局方式都會增強用戶身處網(wǎng)站的感覺。為了保留“無縫”頁面體系的效果，你可能希望將重要信息置入網(wǎng)站并且對它應(yīng)用頁面布局，而不是使用鏈接將瀏覽者送離網(wǎng)站(但是要確保拷貝到你網(wǎng)站的信息沒有版權(quán)限制)。
5.設(shè)計完整性和穩(wěn)定性
為了讓用戶相信你所提供的內(nèi)容都是準(zhǔn)確、可信的，你需要像制作其他類型的企業(yè)通信那樣仔細(xì)地設(shè)計網(wǎng)站，使用同樣高的編輯和設(shè)計標(biāo)準(zhǔn)。一個看起來粗制濫造的網(wǎng)站，視覺設(shè)計效果差，編輯標(biāo)準(zhǔn)低，是不會激發(fā)用戶的興趣與信任的。
所有Web設(shè)計中的功能穩(wěn)定性都指的是確保網(wǎng)站的交互元素能可靠地工作。功能穩(wěn)定性有兩個要素:在設(shè)計網(wǎng)站時，第一時間讓一切就緒，接著讓所有事物的功能在后續(xù)保持平穩(wěn)。好的網(wǎng)站本身就具有交互性，站點里不但有很多與Web中其他網(wǎng)站相連的鏈接，還擁有大量與本地頁面相連的鏈接。在設(shè)計的進程中，需要頻繁地檢測所有鏈接是否能正常工作。Web上的信息更改迅速，不但你網(wǎng)站中的如此，其他人的網(wǎng)站亦是如此。在網(wǎng)站創(chuàng)建好后，還需要檢査所有的鏈接，確認(rèn)它們?nèi)耘f正常，并且它們指向的內(nèi)容仍舊與之相關(guān)。
6.反饋及對話
web設(shè)計應(yīng)該通過圖形設(shè)計、導(dǎo)航鏈接以及一致擺放的超文本鏈接為用戶的行蹤以及選項提供固定可視化確認(rèn)和功能確認(rèn)。反饋也意味著時刻準(zhǔn)備對用戶的詢問和評論做出回應(yīng)。設(shè)計良好的Web網(wǎng)站均會提供與網(wǎng)站編輯或負(fù)責(zé)運作網(wǎng)站的管理員直接聯(lián)系的鏈接。對于企業(yè)的長期興旺而言，為了網(wǎng)站的發(fā)展，認(rèn)真規(guī)劃與用戶的聯(lián)系至關(guān)重要。
7.寬帶與交互
用戶絕不會忍受太長的延遲。研究表明，對于絕大多數(shù)計算任務(wù)，受挫的極限時間約為10秒。與典型用戶網(wǎng)絡(luò)訪向速度不是十分“諧調(diào)的”Web頁面設(shè)計只會讓用戶產(chǎn)生挫敗感。査看Web站點日志的確保你了解典型用戶所在的位置以及其使用的網(wǎng)絡(luò)連接。如果你有很多國際用戶，那么在頁面中使用大圖時就需要更加謹(jǐn)慎了。
類似于Googleanalytics之類的Web流量分析程序是個信息寶庫，它們收集了諸如誰使用了你的網(wǎng)站以及他們的技術(shù)能力如何之類的信息。同時還要留意網(wǎng)站中可能存在的慢速動態(tài)內(nèi)容部分，例如RSS反饋，來自內(nèi)容管理系統(tǒng)的文字，或者其他會減緩Web頁面加載的數(shù)據(jù)源。

文章標(biāo)題：網(wǎng)站的界面設(shè)計
標(biāo)題網(wǎng)址：http://www.muchs.cn/news40/142290.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計、外貿(mào)網(wǎng)站建設(shè)、動態(tài)網(wǎng)站、Google、小程序開發(fā)、虛擬主機

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)