網(wǎng)站不僅僅是一個(gè)廣告或宣傳冊(cè)。網(wǎng)站是一個(gè)界面，在這里信息交換，購(gòu)買，起因，等等。

了解你的目標(biāo)受眾很重要。知道你的目標(biāo)也很重要。設(shè)計(jì)是很重要的。

但是在某些頁(yè)面上添加設(shè)計(jì)是不夠的。一輛汽車只是一些涂了漂亮油漆的金屬嗎?不，汽車是一個(gè)系統(tǒng)的功能部件一起工作，提供一個(gè)特定的駕駛經(jīng)驗(yàn)。

網(wǎng)站也不例外。網(wǎng)站是一個(gè)功能代碼系統(tǒng)，所有代碼一起工作，提供特定的用戶體驗(yàn)。

站點(diǎn)地圖已經(jīng)不夠了。簡(jiǎn)單地規(guī)劃出一個(gè)網(wǎng)站的頁(yè)面內(nèi)容，雖然仍然非常重要，但并不足以確保一個(gè)網(wǎng)站的成功。你需要一個(gè)網(wǎng)站如何為用戶服務(wù)的計(jì)劃…

以及這些功能如何引導(dǎo)用戶到你想讓他們?nèi)サ牡胤健?/p>

線框圖和網(wǎng)站的工作范圍

在工作范圍內(nèi)描述你的網(wǎng)站功能是一個(gè)好的開始。我們?cè)陉P(guān)于網(wǎng)站規(guī)劃的文章中概述了這一過(guò)程。一旦你寫好了計(jì)劃，下一步就是把它形象化。

線框圖是部分設(shè)計(jì)和部分原理圖。它是一種直觀地表現(xiàn)網(wǎng)站功能的方法。系統(tǒng)越復(fù)雜，線框圖就應(yīng)該越復(fù)雜。

有了它，我們可以在開始任何實(shí)際的設(shè)計(jì)之前，與客戶一起解決諸如層次結(jié)構(gòu)和布局之類的問(wèn)題。

我們已經(jīng)將應(yīng)用程序的內(nèi)部工作映射到一個(gè)干凈的可視布局中。這讓我們可以直觀地與客戶一起瀏覽系統(tǒng)，而無(wú)需進(jìn)行任何設(shè)計(jì)或編碼。

我們可以在范圍文檔中寫出所有這些函數(shù)(同樣，我建議這樣做)。但是，有了線框圖，修改就少了，因?yàn)槲覀兛梢钥吹叫枰鍪裁匆约叭绾巫觥?/p>

我們可以與客戶一起回顧這一點(diǎn)，并討論使用這個(gè)“原型”模型作為參考點(diǎn)的功能。

這節(jié)省了時(shí)間，因?yàn)樗鼘O大地減少開發(fā)階段的往返。當(dāng)然，為應(yīng)用程序組裝線框圖并不是一個(gè)完全簡(jiǎn)單的過(guò)程。

您需要?jiǎng)?chuàng)建不同的視圖，并將“功能”的各個(gè)部分鏈接在一起。這樣就可以看到整個(gè)應(yīng)用程序作為一個(gè)整體是如何工作的。

通過(guò)鏈接不同的部分，客戶機(jī)可以遍歷線框圖，從而更好地了解應(yīng)用程序構(gòu)建后的情況。架構(gòu)師將通過(guò)建模來(lái)實(shí)現(xiàn)這一點(diǎn)。查看藍(lán)圖就足夠了，但是查看模型可以讓您對(duì)最終產(chǎn)品有更好的感覺(jué)。

在線框圖中重新編寫詳細(xì)的功能要比在工作的web應(yīng)用程序中重新編寫功能容易得多。而且，讓我們面對(duì)現(xiàn)實(shí)吧，用圖片表達(dá)的想法要比用文字表達(dá)的想法容易得多。

嘗試創(chuàng)建自己的線框圖

我們的一些客戶會(huì)在白板或紙上寫下他們的想法。另一些人則會(huì)使用一些簡(jiǎn)單的詞匯來(lái)描述它。簡(jiǎn)單地創(chuàng)建一個(gè)可視化的你想要的東西將真正有助于創(chuàng)造性和規(guī)劃過(guò)程。

我們甚至有客戶在網(wǎng)上使用NinjaMock或其他DIY線框圖工具。使用像NinjaMock這樣的工具，使用一個(gè)相對(duì)簡(jiǎn)單的界面，你可以把你自己的線框圖放在一起…

NinjaMock線框圖

在聘請(qǐng)web設(shè)計(jì)和開發(fā)公司之前，這樣做可能是一個(gè)有用的練習(xí)。通過(guò)這種方式，你可以完成計(jì)劃的最初階段，并消除任何你根本不需要的東西。

從長(zhǎng)遠(yuǎn)來(lái)看，一個(gè)深思熟慮的網(wǎng)站設(shè)計(jì)和開發(fā)計(jì)劃實(shí)際上會(huì)節(jié)省你的時(shí)間和金錢。無(wú)論是簡(jiǎn)單的WordPress網(wǎng)站，還是更復(fù)雜的移動(dòng)或web應(yīng)用程序，線框圖和書面的工作范圍將做兩件事……

讓網(wǎng)頁(yè)設(shè)計(jì)和開發(fā)知道你想要什么，這樣他們可以提供更精確的預(yù)算。

預(yù)先讓雙方了解所涉及的作業(yè)。

即使你寫了一個(gè)沒(méi)有任何技術(shù)措辭的敘述，并在一張紙上畫出了概念，你仍然是一個(gè)更大的成功機(jī)會(huì)的開始!