網(wǎng)站線框圖

發(fā)布：2018-10-16 17:42:00 瀏覽：4916

信息架構(gòu)過程從根本上說是一個(gè)堅(jiān)持常規(guī)避免特殊的過程。在這個(gè)概念性階段的不同的點(diǎn)，利益相關(guān)人、客戶乃至設(shè)計(jì)團(tuán)隊(duì)成員都有可能發(fā)現(xiàn)專門針對(duì)頁面視覺設(shè)計(jì)的建議是不可抵擋的誘惑。尤其是，在認(rèn)真考慮網(wǎng)站的戰(zhàn)略目標(biāo)、功能和結(jié)構(gòu)之前，關(guān)注主頁可能的外觀和效果會(huì)致使規(guī)劃進(jìn)程脫離正軌，陷入有關(guān)主頁的顏色、圖形或者一般特征的細(xì)節(jié)討論。線框圖會(huì)推動(dòng)團(tuán)隊(duì)持續(xù)專注信息架構(gòu)和結(jié)構(gòu)設(shè)計(jì)而不要受視覺層面的干擾。

如果網(wǎng)站圖表提供了制作網(wǎng)站的全局概覽，那么線框圖則是最終被圖形設(shè)計(jì)師和界面設(shè)計(jì)師用來創(chuàng)建網(wǎng)站最初和最終的頁面設(shè)計(jì)的“草圖”。線框圖是粗略的二維指南，它用來指示網(wǎng)站的主要導(dǎo)航和內(nèi)容元素將要出現(xiàn)在頁面上的什么位置。線框圖為網(wǎng)站的不同頁面表單設(shè)置了一致的模塊結(jié)構(gòu)，并且為最終的模板提供了基本布局和導(dǎo)航結(jié)構(gòu)。

可能會(huì)作為網(wǎng)頁標(biāo)準(zhǔn)元素出現(xiàn)的內(nèi)容有:

●企業(yè)標(biāo)識(shí)；

●網(wǎng)站標(biāo)識(shí)或標(biāo)題；

●頁面標(biāo)題；

●當(dāng)前位置路徑導(dǎo)航；

●搜索表單；

●連接到更大的、你也身為其中一員的企業(yè)的鏈接；

●網(wǎng)站的全局導(dǎo)航鏈接；

●局部內(nèi)容導(dǎo)航口主要頁面內(nèi)容；

●郵件地址和電子郵件信息；

●版權(quán)聲明；

●聯(lián)系方式。

為了讓討論緊緊圍繞信息架構(gòu)和導(dǎo)航展開，請(qǐng)保持線框圖表簡潔。要避免使用獨(dú)特的排版，盡量使用單一的常用字體，如果必須要對(duì)功能區(qū)域進(jìn)行區(qū)分的話，可使用灰色色調(diào)，不要使用彩色以及圖片。通常，成熟線框圖中出現(xiàn)的唯一圖形將是企業(yè)標(biāo)識(shí)，不過，即便這樣，最好還是簡單地指出標(biāo)識(shí)的大致位置。

隨著你對(duì)全局、局部導(dǎo)航的考慮逐漸深入，以及你對(duì)主要網(wǎng)站內(nèi)容的性質(zhì)和組網(wǎng)頁的規(guī)范格式:內(nèi)容放在哪，為什么是什么控制著用戶瀏覽信息面頁的方式，打印或是屏幕?根據(jù)經(jīng)典的藝術(shù)構(gòu)圖理論，平面的角和中央會(huì)先行吸引閱讀者的注意。在相關(guān)的構(gòu)圖實(shí)踐中，“三分法則”將興趣點(diǎn)放到一個(gè)將長寬三等分的網(wǎng)格內(nèi)。不過，這些構(gòu)圖法是純粹的圖解，可能對(duì)于那些幾乎完全由圖形和相片構(gòu)成的展示和主頁來說最為有用。大多數(shù)頁面構(gòu)成是由文字主導(dǎo)的，在此，我們的閱讀習(xí)慣是形成頁面瀏覽方式的原動(dòng)力。在西式語系中，人們按GutenbergZ模式從上至下、從左到右地瀏覽頁面。視線傾向于順著頁面向下轉(zhuǎn)移(向上瀏覽則很勉強(qiáng))一被稱做“閱讀重力”，這就解釋了為什么將主要的標(biāo)題放在頁面頂部之外的任何一個(gè)地方不是一個(gè)好主意。瀏覽你設(shè)計(jì)的網(wǎng)站的讀者不太樂意退回到頁面再次開始。搜索引擎也偏向于靠近頁面頂部附近的項(xiàng)目。

據(jù)波因特學(xué)院開展的關(guān)于讀者瀏覽網(wǎng)頁的眼球追蹤研究表明:大多數(shù)的讀者都會(huì)從頁面的左上角開始瀏覽。接下來，他們會(huì)按照GutenbergZ的模式瀏覽到頁面的下部，之后典型讀者才會(huì)迅速地瀏覽頁面的右部區(qū)域。由JakobNielsen開展的眼球追蹤硏究表明，以文本為主導(dǎo)的網(wǎng)頁瀏覽采用F模式，眼睛關(guān)注點(diǎn)會(huì)橫過項(xiàng)部標(biāo)題區(qū)域，然后沿著文字的左側(cè)向下。

當(dāng)讀者瀏覽網(wǎng)頁時(shí)，可以明確地使用經(jīng)典的GutenbergZ頁面組合瀏覽，并且結(jié)合新興標(biāo)準(zhǔn)和Web設(shè)計(jì)師經(jīng)驗(yàn)。在臨近Web20周年的日子里，出現(xiàn)了明確的流行趨勢(shì)，并將最終形成網(wǎng)頁構(gòu)圖“最佳方案”建議的基礎(chǔ)。人機(jī)界面研究人員曾經(jīng)研究過用戶希望在哪些地方看到標(biāo)準(zhǔn)的網(wǎng)頁組件，并且對(duì)某幾項(xiàng)在網(wǎng)頁中的具體位置做出了明確的期望。

Web仍舊算是一個(gè)新興的媒介，目前還沒有任何一個(gè)能將現(xiàn)有的典型頁面布局實(shí)例確定為標(biāo)準(zhǔn)的網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)組織。等到Web有了《芝加哥格式手冊(cè)》(TheChicagoManualofStyle)，我們至少可以結(jié)合當(dāng)前的主流Web設(shè)計(jì)實(shí)例、用戶界面研究以及經(jīng)典的頁面構(gòu)圖來為那些以文字為主導(dǎo)、信息為導(dǎo)向的網(wǎng)站的以下內(nèi)容提供建議:標(biāo)識(shí)的位置、內(nèi)容、導(dǎo)航以及頁面其他標(biāo)準(zhǔn)元素。