導航:首頁 > 萬維百科 > 網站信息結構的內容設計

網站信息結構的內容設計

發布時間:2021-02-06 01:53:26

1、網站信息結構設計要求有哪些

如何創建一個好的網站。有一大堆的關於可用性、界面設計以及網站設計的書可以參考。如今,我們都知道一個好的站點應該有:非常好看的設計、友好的界面、毫無缺點的結構、智能化的後台處理以及非常優秀的內容。唯一被大多數人所忽視的可能是交互性。

在網站設計上經常使用的是一些文字的交互,但是文字交互的效果到現在位置還是非常模糊,除非你每日醉心於交互性設計,否則你根本難以描述什麼叫做"交互"。

如何把我們的注意力集中在交互性上還是繼續讓我們的想像力馳騁?我想,問題在於我們能把我們從媒體上獲得的一些簡單的理論用於我們的實踐。我們需要記得的是網站包含哪些內容?網站的結構是什麼?我們最初的目的是什麼?

不同於其它媒體的"網站交互"

不象其它大多數媒體,如我們看電視,聽收音機或者瀏覽雜志,網站它不是一個被動的媒體。

我們不能真正的觀看網頁。顯而易見,我們可以調出一個網站,然後坐在那裡目不轉睛的瀏覽,如果我們坐在那裡吃爆米花的話,網頁並不能夠自動的變化內容(當然,你可以在右手使用的滑鼠的同時,不停的用左手把爆米花塞到你的嘴裡,這里所述的意思是,如果你不幹預,訪問網站和看電視的最大區別是訪問網站需要根據你的主動選擇)。瀏覽網站的內容根據你的個人喜好,在眾多的連接和下拉菜單中選擇你喜歡或者關心的內容或者連接到另外一個站點。

網站具備大多數媒體所不具備的特殊性:用戶的選擇和主動性。

與此相反的是,許多的出版者的決定來自於意見反饋表、感覺或者來自於電視、收音機和出版物等所有信息的體驗。我們對正在播出的電視、收音機節目基本不具備控制的能力(當然,如果您是電台的工作人員除外),我們僅僅能作的是對你的電視或者收音機作些什麼,而對於內容控制,我們則無能為力。你可以調低音量或者調高音量,或者換個頻道,甚至關閉電視機或者收音機,去作其它的事情,比如到外面散散步,或者到四合院里和鄰居們聊天。

我們可以訂閱或者退訂報紙或者雜志,選擇我們喜歡閱讀的文章,或者給內容編輯寫信探討關於內容的見解或者疑問。但是這些選項還是和網站所能作的不能相比。但是,對於熱門內容的經常[此屬臟話,已被過濾:經典論壇]互,已經成為越來越清晰的表現出對這方面的需求。

不確定的網站交互周期

從應用的觀點來說,我們可以對某事作用於某人我們該做什麼什麼樣的交互給出一個簡單的定義。但,這的確是一個含糊的概念,所以對於某些特定某件事件的交互性的常常有很多的討論,意見多種多樣。

從開始連接上網開始,網站上有太多關於交互性的例子了。比如文本下的下劃線,靜態圖片或者諸如活潑的JavaScript翻轉動畫等動態精美圖片,面對這些令人炫目的特效,實質上呢,這些連接本質上也是靜態的。直到我們對那些連接感興趣的時候,我們才會決定用滑鼠去點擊。

一旦點擊,相關的頁面將出現文字,圖表,表格或者你感興趣的其它內容,這樣你就立刻可以得到滿足(當然,前提是該連接正確有效,而且該連接所在的伺服器和網路保持正常連接而且運行正常)。

網站的交互體現在,作為一種媒體,網站將會對你的選擇做出響應,然後訪問者就可以循環似的選擇,連接到其它的頁面。重復的作這些,繼續點擊,用戶的選擇就可以及時從伺服器得到響應,這是一個非常讓人愉快的過程。

這樣的通過訪問者的手就能夠控制的交互能力對於電視雜志來說是基本不可能實現的。交互性,也是一種"關系"。作為網站開發者或者設計者,學習如何讓我們的良好的視覺設計和技術開發能力和交互性兼顧,將讓網站的訪問者包括我們自己都會為此感到愉悅。

當然,連接不是交互性的全部,但的確是網站結構和設計的核心和靈魂,就象這個世界本身就令我們非常著迷一樣。

必須要理解網站結構

了解站點的結構是非常重要的,特別是對於你要處理大量的數據來說沒有比這個更重要的事情了。當網站的多個欄目有成百上千的文檔需要管理或者有規則的添加新文件的時候,了解站點的結構成為頭等大事。

了解了網站的結構,我們就可以通過網站結構達到控制文件管理的目的。接下來,通過我們理解的網站結構,我們不但要知道我們的網站將和訪問者的動作如何相互影響,而且要利用我們先進的後台技術,不留痕跡的讓這種交互過程變得強大和有效。

當然,我們知道最初的網站並不想成為一個圖形媒體。最初的想法是創建一個方便存取的文本文件以快速連接文件。舉例來說,如果一個醫生要發表一項關於內科的研究成果共同行參考,他或者她就可以在超級終端的純文本環境裡面,將他的論文的連接加入到一個醫學研究的相關目錄。雖然,今天的站點看起來和以前有很大不同,很多的網站有著非常漂亮的圖形界面,豐富的媒體格式和在線游戲等等,但是其本質並沒有改變。它僅僅是對我們未經訓練的眼睛來說有了明顯的變化。

互動式媒體現在被稱為"新媒體"。"新媒體"以它的交互性與常見的諸如報紙、雜志、書、收音機、標準的動畫片、電視和電影等靜態媒體區別開來。

網頁正快速的從純文本向圖形化過渡。一旦我們使用的圖形瀏覽器開始支持圖形文件格式,文本連接就變成了圖形連接。如今,通過使用形形色色的HTML,CSS和JavaScript(一種越來越廣泛使用無需連接大應用伺服器和資料庫就可以產生交互功能的編程語言)的連接越來越豐富。然而,需要強調的是,我們創作的時候依然要重視網站的基本結構。

最好的方法,是使用一個白板把你腦子裡面的想法畫出來。首先,先畫出站點的基本構成,然後就要考慮有那些令人感興趣的頁面可以可以鏈接到其它哪些頁面,依靠集體的力量最終完成該站點。使用更多的線性結構,可以對訪問者以更好的指引。

最終畫出仔細構思的網站結構

你面臨的最大的挑戰是將你的想法畫出來。如果你現在已經因工作的壓力快要發瘋的時候,建議你出去走走,坐在樹下,用草稿紙畫個草圖也許感覺會輕松一些。先畫出主要的部分,一開始不要使用文字,僅僅把需要重點表現出來的頁面或者站點單元按需要畫出框圖即可。然後,回過頭來想想有幾種可能關聯到那些部分,是否是唯一關聯的部分。按照這樣的方法,在創作的道路上,你可能最終得到令人驚喜的結果。其實,類似於這樣的考驗並不常有,但是對於站點製作人員來說,通過這樣的方法可以受益很多。全面使用你的大腦,你將得到一個更具可用性的站點。

2、企業網站網頁設計的內容有哪些

1、首頁設計技巧
網站首頁是企業網上的虛擬門面。一定要注意自己門面的設計,決不能敷衍了事、馬馬虎虎。一般來說,網站首頁的形式不外乎有兩種,一種是純粹的形象展示型。這種類型文字信息較少,圖像信息較多,通過藝術造型和設計布局,利用一系列與公司形象和產品、服務有關的圖像、文字信息,組成一幅生動的畫面,向瀏覽者展示一種形象、一個氛圍,從而吸引瀏覽者進入瀏覽。這需要設計者具有良好的設計基礎和審美能力,能夠努力挖掘企業深層的內涵,展示企業文化。這種類型的首頁在設計過程中一定要明確要以設計為主導,通過色彩、布局給訪問者留下深刻的印象。
2、風格保持一致———內頁設計技巧
①結構的一致性:網站的統一性在網站營銷中占重要地位,而網站結構是網站風格統一的重要手段,包括網站布局、文字排版、裝飾性元素出現的位置、導航的統一、圖片的位置等等。
②色彩的一致性:方式是保持站點主體色彩的一致,只改變局部色塊,優點是一個獨特色彩的網站會給人留下很深刻的印象。
③利用導航取得統一:導航是網站的一項重要組成部分,一個出色的富有企業特性的導航將會給人留下深刻的印象,比如將標志的形式寓於導航之中,或將導航設計在整個網站布局之中等等不一而足,花點力氣在導航上,也會設計出一個出色的站點。
④特別元素的一致性:在網站設計中,個別具有特色的元素(如標志、象徵圖形、局部設計等)重復出現,也會給訪問者留下深刻印象。比如網站結構在某一點上的變化,由直線變為圓弧、暗色點綴的亮色、色彩中的補色等等。
⑤利用圖像取得統一:利用圖像取得統一,決不是在每頁中放置幾個動面!而是作為網站結構一部分的局部圖像,根據網頁內容的不同,配以相應的圖像或動畫,從而給瀏覽者形成頁面的連續性。
⑥利用背景取得統一:從技術上而言,網頁背景包括背景色和背景圖像兩種,一般來說,我們並不提倡使用背景圖像,而使用背景色或色塊。原因很明顯:第一,背景色的下載速度忽略不計,而背景圖像就得根據圖像位元組大小下載了;第二,背景圖像容易使得前面的文字很難辨認,給人一種很不舒服的感覺,讓人無法停留。

3、一個合格的學校網站的內容設計的有哪些流程

一般來說,在電子商務網站的內容設計過程中,企業應首先成立電子商務網站開發小組,然後由小組內的設計人員和開發人員共同確定網站的基本要求和主要功能。電子商務網站的內容設計流程一般要經過如下步驟:首先在網站總體規劃階段所確定的信息需求和網站功能的基礎上,收集與網站內容主題相關的關鍵信息;再利用一個邏輯結構有序地將這些信息組織起來,確定其信息結構,並開發出一個網站內容設計的基本模型;選擇本企業一些有代表性的用戶進行測試,根據他們提出的意見,再逐步完善這個模型,最終形成正式的企業網站的內容模塊。
(1)收集與該網站有關的一些關鍵信息。建立一個行之有效的營銷性網站決不能馬虎、草率行事,文字資料應由公司內部的專人
負責整理,最好是熟悉市場營銷並有一定文字組織能力的人,他們能夠站在企業、市場和消費者的多個角度考慮文字的組織方式。通常情況下,資料常常來自於本企業的宣傳手冊、彩頁、各種報告及技術資料等,這些資料往往是從企業的角度組織的,而缺乏從用戶角度來考慮問題,因此應對這些資料加以整理後才能在網站中使用。
(2)網站信息結構的設計。設計人員根據收集到的信息和總體規劃階段對網站提出的主要需求與功能開始構思,確定計算機管理的范圍、網站應具有的基本功能、人機界面的基本形式、網站的鏈接結構和總體風格等。通常,設計人員要把包括整個網站結構的構思用草圖的形式提交給企業電子商務網站領導小組,經審核通過後才能進行下一步的工作。
(3)網站運行環境的選擇。根據網站信息結構的設計,結合企業的實力進行電子商務網站運行平台的選擇,包括網路操作系統、Web伺服器及資料庫系統的選擇。
(4)進行網頁可視化設計。設計人員根據以上獲得的信息,通過草圖的方式,以盡可能快的速度和盡可能完備的開發工具來建造一個模擬模型,該模型應包括主頁和其他網頁的版面設計、色彩設計、導航欄設計、相關圖像的製作與優化,然後將該模型提交給企業電子商務網站領導小組,經審核通過後才能進行網頁的製作。
(5)網頁製作。將確定好的模擬模型利用各種網頁開發技術(HTIVI工、CSS, Java, Flash, ASP, CGT等技術),使模型中的各種類型的內容有機地整合在一起。通常情況下,在網頁製作過程中,需利用一定的Web資料庫技術進行信息和數據的動態發布和提供。
(6)網站測試。在網站正式被使用之前,要由一些典型的用戶和開發人員一起進行試用、檢查、分析效果,對網站進行全范圍的測試,包括速度、兼容性、交互性、鏈接正確性及超流量測試等,發現問題及時解決並記錄下來。
 (7)網站發布。最後通過FTP軟體把所有的網站文件從測試伺服器傳到正式伺服器上去,網站就可以正式地對外發布了。
這套完整的網站內容設計過程可以安排在一定的時間內完成,通常需用幾個月的時間。當網站正式啟用後,還要進行跟蹤調查,以了解用戶是如何使用網站的。一旦得到用戶對網站的看法或建議,應據此對網站進行相應的調整。

4、簡述網站結構設計的內容

網站結構設計是指的網站給人的第一感覺,在這個首頁裡面能看到的東西!

那首先我們要做好一個草圖。草圖主要描述的有

主要關鍵詞

關鍵詞布局

內容的分布填充

合理的數目

欄目頁於內容頁的分布

在草圖中要把你整個網頁要體現的東西都展示出來,就是網站結構設計的內容了

5、網站結構設計六大要素有哪些?

1、站內風格


網站結構設計的站內風格要簡單便捷,保證網站內容充足但是有價值,既可以提高網站載入速度,也方便用戶快速找到所需信息。


2、關鍵詞結構


網站關鍵詞頁面布局一定要合理。網站頁面布局的標題一定要出現相關關鍵詞,首頁要出現主關鍵詞詞,欄目頁要出現跟欄目相關核心產品詞,文章頁出現長尾詞。以此來為網站帶來更多的流量。


3、導航結構


網站導航結構設計是引導用戶快速找到信息,指引用戶達到目標頁面。而合理的麵包屑導航、頻道頁導航是影響用戶體驗的重要點之一,不管是列表頁、內容頁最好都設置成統一的麵包屑導航;麵包屑導航能夠隨時讓用戶知道所處位置,更方便用戶查找網頁和返回上級,同時能吸引用戶對網站進行更深層次的訪問,非常符合用戶行為習慣。


4、URL結構


合理的網站URL結構設計方便用戶記憶且會適當考慮對於搜索引擎排名的影響。而URL目錄層次數量要少、避免URL中有太多參數、也要使URL越短越好,這樣利於搜索引擎抓取,利於用戶體驗。


5、頁面聚合度


網站頁面聚合布局時要考慮頁面相關關鍵詞、相關文章、相關推薦、相關頻道頁的結構設計,這樣可以提供更多蜘蛛爬取通道,提高收錄,並更加滿足用戶需求,讓網站整體結構設計及結構優化更趨於合理。


6、頁面中必備元素


(1)動態更新板塊:網站首頁布局動態更新板塊,比如最新資訊板塊,友情鏈接板塊等;這樣的話蜘蛛才能在網站首頁每天都有新鮮內容進行抓取;


(2)nofollow:網站頁面不需要蜘蛛索引的鏈接加上nofollow標簽是告訴搜索引擎不要跟蹤這些內容,也不向這些內容傳遞權重。比如注冊、登錄、聯系方式、外部鏈接、“更多”等鏈接。總之,設置nofollow標簽不會影響目標頁面的內容索引和排名。


(3)專題頁:網站專題頁屬於單頁面,利用一個點、一件事、一個主題來策劃一個頁面或者一個活動的流程頁面,該頁面會包括網站相應模塊和頻道所涉及到的功能與該主題事件的內容展示。


關於網站結構設計六大要素有哪些,環球青藤小編就和您分享到這里了。如果您對網站設計、頁面排版、圖像處理方面比較感興趣,希望分享的這篇文章能夠對您有所幫助。如若您還想了解更多關於平面設計的素材及技巧等內容,可以點擊本站的其他文章進行學習。

6、網站的總體設計內容是

首先,我們要弄清楚網頁設計的任務。

一、設計的任務

設計是一種審美活動,成功的設計作品一般都很藝術化。但藝術只是設計的手段,而並非設計的任務。設計的任務是要實現設計者的意圖,而並非創造美。
網頁設計的任務,是指設計者要表現的主題和要實現的功能。站點的性質不同,設計的任務也不同。從形式上,可以將站點分為以下三類。
第一類是資訊類站點,像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息,而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。
第二類是資訊和形象相結合的網站,像一些較大的公司、國內的高校等。這類網站在設計上要求較高,既要保證資訊類網站的上述要求,同時又要突出企業、單位的形象。然而就現狀上來看,這類網站有粗製濫造的嫌疑。
第三類則是形象類網站,比如一些中小型的公司或單位。這類網站一般較小,有的則有幾頁,需要實現的功能也較為簡單,網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。
當然,這只是從整體上來看,具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點,那就是客戶的要求,它也屬於設計的任務。
明確了設計的任務之後,接下來要想的就是如何完成這個任務了。

二、設計的實現

設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪制,這一部分可以在紙上完成。第二部分為網頁的製作,這一過程是在計算機上完成的。
設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統的報刊雜志來編輯,這裡面有文字、圖像乃至動畫,我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。 除了要有一台配置不錯的計算機外,軟體也是必需的。不能簡單地說一個軟體的好壞,只要是設計者使用起來覺得方便而且能得心應手的,就可以稱為好軟體。當然,它應該能滿足設計者的要求。筆者常用的軟體是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,這些都是很不錯的軟體。 接下來我們要做的就是通過軟體的使用,將設計的藍圖變為現實,最終的集成一般是在Dreamweaver里完成的。雖然在草圖上,我們定出了頁面的大體輪廓,但是靈感一般都是在製作過程中產生的。設計作品一定要有創意,這是最基本的要求,沒有創意的設計是失敗的。在製作的過程中,我們會碰到許多問題,其中最敏感的莫過於頁面的顏色了。

三、色彩的運用

色彩是一種奇怪的東西,它是美麗而豐富的,它能喚起人類的心靈感知。一般來說,紅色是火的顏色,熱情、奔放;也是血的顏色,可以象徵生命。黃色是明度最高的顏色,顯得華麗、高貴、明快。綠色是大自然草木的顏色,意味著純自然和生長,象徵安寧和平與安全,如綠色食品。紫色是高貴的象徵,有莊重感。白色能給人以純潔與清白的感覺,表示和平與聖潔。
我們知道,顏色是光的折射產生的,紅、黃、藍是三原色,其它的色彩都可以用這三種色彩調和而成。換一種思路,我們可以用顏色的變化來表現光影效果,這無疑將使我們的作品更貼近現實。
色彩代表了不同的情感,有著不同的象徵含義。這些象徵含義是人們思想交流當中的一個復雜問題,它因人的年齡、地域、時代、民族、階層、經濟地區、工作能力、教育水平、風俗習慣、宗教信仰、生活環境、性別差異而有所不同。
單純的顏色並沒有實際的意義,和不同的顏色搭配,它所表現出來的效果也不同。比如綠色和金黃、淡白搭配,可以產生優雅,舒適的氣氛。藍色和白色混合,能體現柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會給人帶來暖意。設計的任務不同,配色方案也隨之不同。考慮到網頁的適應性,應盡量使用網頁安全色。
但顏色的使用並沒有一定的法則,如果一定要用某個法則去套,效果只會適得其反。經驗上我們可先確定一種能表現主題的主體色,然後根據具體的需要,應用顏色的近似和對比來完成整個頁面的配色方案。整個頁面在視覺上應是一個整體,以達到和諧、悅目的視覺效果。

四、造型的組合

在網頁設計中,我們主要通過視覺傳達來表現主題。在視覺傳達中,造型是很重要的一個元素。拋去是圖還是文字的問題,畫面上的所有元素可以統一作為畫面的基本構成要素點、線、面來進行處理。在一幅成功的作品裡,是需要點、線、面的共同組合與搭配來構造整個頁面的。
通常我們可以使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反復、交*、節奏、韻律、歸納、變異、特寫、反射等等,它們都有各自的特點。在設計中應根據具體情況,選擇最適合的表現手法,這樣有利於主題的表現。
通過點、線、面的組合,可以突出頁面上的重要元素,突出設計的主題,增強美感

7、網站結構怎麼設計好呢?

 【釋義】全方位、多角度、深層次地建立。
從字面來看,構建應該是多方位,多角度考慮的建設行為,是一個綜合的過程。
在網站構建過程中,我們應該考慮哪些
1、網站的速度
2、網站的美觀
3、網站的用戶體驗
4、網站的安全
5、網站和企業需求的匹配度
6、網站的生存周期
7、選擇好的服務商
互聯網有一項著名的8秒原則:客戶在訪問網站時,假如下載需要太長時間,他們就會放棄訪問。據調查有近50%的用戶由於網頁速度不穩定或頁面下載速度過慢,而停止訪問曾經推崇的網站。
指我們網站打開的速度怎麼樣,是用1s就能打開,還是需要5S,甚至更長。
如果很短的話,比如:0.5S,那麼恭喜您,你的網站的速度是很不錯的。高於3-5秒,就是很不理想的值了,假如時間超過8秒瀏覽者就會感到不耐煩甚至就直接封閉網頁了。
網站的速度和哪些信息有關呢?
一、網頁內容的大小;
網頁內容所包括的文本、產品的圖片(靜態的,動態的)、視頻、Flash文件等。這里涉及到瀏覽器的原理,瀏覽器的技術原理就是將網頁下載到客戶本地緩存,然後通過瀏覽器解析源碼,以瀏覽器窗口編譯出用戶可以正常閱讀的圖片和文字,因此,網頁文件的大小決定了網站是否能快速打開。
二、網路帶寬
網路的帶寬包括對接點和客戶端兩個位置,對接點指的是出口端(如電信對網通的對接點),另一個就是瀏覽者自己本身的帶寬;
三、DNS解析時時間:
包括往返解析的次數及每次解析所花費的時間,它們兩者的積就是DNS(何謂DNS)解析所消耗的時間;很多人忽視DNS的因素,其實,DNS對網站解析速度也是非常重要的。
四、伺服器和客戶端機器的配置:
包括伺服器端與客戶機整個硬體配置程度,同樣的網路環境下,酷睿四核的伺服器的運算能力肯定要強一些,毫無疑問的;同樣的網路環境下,你用一台賽揚的機器和酷睿四核處理器的電腦,打開同樣的網頁,速度, 後者肯定要快的多。
綜合以上四點,可得到網頁訪問總時間的計算公式:
網頁打開時間=網頁內容大小/最小帶寬+解析次數*每次解析時間+伺服器處理時間+客戶端解析時間
從上面的計算公式可以看到,通過進步網路的帶寬可以降低網頁時間,但要留意,網路中的瓶頸不一定是用戶的接進點,而很可能是不同網路運營商之間的對接點。
對於同一個用戶下載同一個頁面,第一項 即頁面的大小與網路最小帶寬的比值是基本一致的。第三項處理時間是指伺服器和用戶的PC機的處理能力,該項隨著網站伺服器的負載而變化,所以網站的伺服器處理能力越強,其響應的時間相對也會更好,在相同條件下,公式的第二項將會對響應時間產生重要的影響。這裡面的伺服器處理時間,都趨近一致了。
而我們所做的就是盡量地往減少DNS在解析過程中所花費的時間,由於只有縮短網站與用戶之間的間隔是進步訪問速度的一個最有效的方法,將用戶要訪問的內容推送到離用戶最近的地方,讓他們的訪問如同訪問本地。
企業網站頁面顯示的速度取決於眾多的因素,包括伺服器性能、網路傳輸質量、網站出口帶寬、網頁架構、網頁內容包括涉及到的圖片和視頻的大小等等。
從國外訪問國內伺服器上的網站主要面臨以下題目:
1、由於網站訪問量增加,伺服器CPU資源不足導致的處理能力不足;
2、隨著用戶訪問量的增多,網站出現了網站頁面顯示速度慢題目;
3、由於中國國家總出口帶寬的不足,導致從海外訪問中國境內的網站非常的慢,網站打開慢,就導致潛伏客戶的流逝。
4、隨著網站著名度的進步,網站受攻擊的可能性越來越大;網站著名度進步,對網站安全性的需求也越來越高。假如是電子商務網站,會尤其重視網站的安全加密瀏覽等功能。

8、網站的結構設計包括哪些內容。

我們都知道如何創建一個好的網站。有一大堆的關於可用性、界面設計以及網站設計的書可以參考。如今,我們都知道一個好的站點應該有:非常好看的設計、友好的界面、毫無缺點的結構、智能化的後台處理以及非常優秀的內容。唯一被大多數人所忽視的可能是交互性。

缺乏交互性的網站即使看上去非常的漂亮也是缺乏生命力的。在網站設計上經常使用的是一些文字的交互,但是文字交互的效果到現在位置還是非常模糊,除非你每日醉心於交互性設計,否則你根本難以描述什麼叫做"交互"。

如何把我們的注意力集中在交互性上還是繼續讓我們的想像力馳騁?我想,問題在於我們能把我們從媒體上獲得的一些簡單的理論用於我們的實踐。我們需要記得的是網站包含哪些內容?網站的結構是什麼?我們最初的目的是什麼?

不同於其它媒體的"網站交互"

不象其它大多數媒體,如我們看電視,聽收音機或者瀏覽雜志,網站它不是一個被動的媒體。

我們不能真正的觀看網頁。顯而易見,我們可以調出一個網站,然後坐在那裡目不轉睛的瀏覽,如果我們坐在那裡吃爆米花的話,網頁並不能夠自動的變化內容(當然,你可以在右手使用的滑鼠的同時,不停的用左手把爆米花塞到你的嘴裡,這里所述的意思是,如果你不幹預,訪問網站和看電視的最大區別是訪問網站需要根據你的主動選擇)。瀏覽網站的內容根據你的個人喜好,在眾多的連接和下拉菜單中選擇你喜歡或者關心的內容或者連接到另外一個站點。

網站具備大多數媒體所不具備的特殊性:用戶的選擇和主動性。

與此相反的是,許多的出版者的決定來自於意見反饋表、感覺或者來自於電視、收音機和出版物等所有信息的體驗。我們對正在播出的電視、收音機節目基本不具備控制的能力(當然,如果您是電台的工作人員除外),我們僅僅能作的是對你的電視或者收音機作些什麼,而對於內容控制,我們則無能為力。你可以調低音量或者調高音量,或者換個頻道,甚至關閉電視機或者收音機,去作其它的事情,比如到外面散散步,或者到四合院里和鄰居們聊天。

我們可以訂閱或者退訂報紙或者雜志,選擇我們喜歡閱讀的文章,或者給內容編輯寫信探討關於內容的見解或者疑問。但是這些選項還是和網站所能作的不能相比。但是,對於熱門內容的經常[此屬臟話,已被過濾:經典論壇]互,已經成為越來越清晰的表現出對這方面的需求。

不確定的網站交互周期

從應用的觀點來說,我們可以對某事作用於某人我們該做什麼什麼樣的交互給出一個簡單的定義。但,這的確是一個含糊的概念,所以對於某些特定某件事件的交互性的常常有很多的討論,意見多種多樣。

從開始連接上網開始,網站上有太多關於交互性的例子了。比如文本下的下劃線,靜態圖片或者諸如活潑的JavaScript翻轉動畫等動態精美圖片,面對這些令人炫目的特效,實質上呢,這些連接本質上也是靜態的。直到我們對那些連接感興趣的時候,我們才會決定用滑鼠去點擊。

一旦點擊,相關的頁面將出現文字,圖表,表格或者你感興趣的其它內容,這樣你就立刻可以得到滿足(當然,前提是該連接正確有效,而且該連接所在的伺服器和網路保持正常連接而且運行正常)。

網站的交互體現在,作為一種媒體,網站將會對你的選擇做出響應,然後訪問者就可以循環似的選擇,連接到其它的頁面。重復的作這些,繼續點擊,用戶的選擇就可以及時從伺服器得到響應,這是一個非常讓人愉快的過程。

這樣的通過訪問者的手就能夠控制的交互能力對於電視雜志來說是基本不可能實現的。交互性,也是一種"關系"。作為網站開發者或者設計者,學習如何讓我們的良好的視覺設計和技術開發能力和交互性兼顧,將讓網站的訪問者包括我們自己都會為此感到愉悅。

當然,連接不是交互性的全部,但的確是網站結構和設計的核心和靈魂,就象這個世界本身就令我們非常著迷一樣。

必須要理解網站結構

了解站點的結構是非常重要的,特別是對於你要處理大量的數據來說沒有比這個更重要的事情了。當網站的多個欄目有成百上千的文檔需要管理或者有規則的添加新文件的時候,了解站點的結構成為頭等大事。

了解了網站的結構,我們就可以通過網站結構達到控制文件管理的目的。接下來,通過我們理解的網站結構,我們不但要知道我們的網站將和訪問者的動作如何相互影響,而且要利用我們先進的後台技術,不留痕跡的讓這種交互過程變得強大和有效。

當然,我們知道最初的網站並不想成為一個圖形媒體。最初的想法是創建一個方便存取的文本文件以快速連接文件。舉例來說,如果一個醫生要發表一項關於內科的研究成果共同行參考,他或者她就可以在超級終端的純文本環境裡面,將他的論文的連接加入到一個醫學研究的相關目錄。雖然,今天的站點看起來和以前有很大不同,很多的網站有著非常漂亮的圖形界面,豐富的媒體格式和在線游戲等等,但是其本質並沒有改變。它僅僅是對我們未經訓練的眼睛來說有了明顯的變化。

互動式媒體現在被稱為"新媒體"。"新媒體"以它的交互性與常見的諸如報紙、雜志、書、收音機、標準的動畫片、電視和電影等靜態媒體區別開來。

網頁正快速的從純文本向圖形化過渡。一旦我們使用的圖形瀏覽器開始支持圖形文件格式,文本連接就變成了圖形連接。如今,通過使用形形色色的HTML,CSS和JavaScript(一種越來越廣泛使用無需連接大應用伺服器和資料庫就可以產生交互功能的編程語言)的連接越來越豐富。然而,需要強調的是,我們創作的時候依然要重視網站的基本結構。

最好的方法,是使用一個白板把你腦子裡面的想法畫出來。首先,先畫出站點的基本構成,然後就要考慮有那些令人感興趣的頁面可以可以鏈接到其它哪些頁面,依靠集體的力量最終完成該站點。使用更多的線性結構,可以對訪問者以更好的指引。

最終畫出仔細構思的網站結構

你面臨的最大的挑戰是將你的想法畫出來。如果你現在已經因工作的壓力快要發瘋的時候,建議你出去走走,坐在樹下,用草稿紙畫個草圖也許感覺會輕松一些。先畫出主要的部分,一開始不要使用文字,僅僅把需要重點表現出來的頁面或者站點單元按需要畫出框圖即可。然後,回過頭來想想有幾種可能關聯到那些部分,是否是唯一關聯的部分。按照這樣的方法,在創作的道路上,你可能最終得到令人驚喜的結果。其實,類似於這樣的考驗並不常有,但是對於站點製作人員來說,通過這樣的方法可以受益很多。全面使用你的大腦,你將得到一個更具可用性的站點。

與網站信息結構的內容設計相關的知識