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

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

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

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

廣告

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