網(wǎng)頁設計工作內(nèi)容

1、網(wǎng)頁設計工作內(nèi)容1、負責對網(wǎng)站整體表現(xiàn)風格的定位，對用戶視覺感受的整體把握;2、進行網(wǎng)頁的具體設計制作;3、產(chǎn)品目錄的平面設計;4、各類活動的廣告設計;5、協(xié)助開發(fā)人員頁面設計等工作。對于網(wǎng)頁設計人員，如何組織和規(guī)劃內(nèi)容可以說是一個十分關鍵而又令人頭疼的問題。本文站在管理者的角度，從內(nèi)容規(guī)劃、開發(fā)和維護三個階段來告訴讀者應該如何采取并實施正確的內(nèi)容策略，同時提供了不少實用方法及內(nèi)容規(guī)劃工具，如Basecamp、Trello、GatherContent。讓我們承認吧，內(nèi)容的開發(fā)仍然是一個巨大的，令人沮喪的流程。客戶一下子朝你丟過來一份200頁的word文檔，有時還附有一張裝滿了零散圖片的CD和僅

2、僅達成部分一致的流程。你能有多少時間用來浪費在用郵件收發(fā)校對word文檔上呢?基于管理和經(jīng)營一個14人工作室的經(jīng)驗，根據(jù)三個不同的內(nèi)容開發(fā)階段，我想分享一些心得來幫你馴服這個令人頭疼的流程：?內(nèi)容規(guī)劃：問對問題，得到第一手的需求，創(chuàng)建信息圖-信息構架。?內(nèi)容開發(fā)：從客戶那里得到內(nèi)容，緊盯需求變化和認證的流程。?內(nèi)容維護：讓創(chuàng)建的信息圖更生動，開展評審來保證需求的實時性和內(nèi)容的準確性。以上的3個步驟幫助我們精簡了計劃，管理與發(fā)布內(nèi)容的方式，讓我們與客戶的關系更融洽。一、內(nèi)容規(guī)劃內(nèi)容的規(guī)劃是整個流程中最重要的一部分，并且絕對值得投入盡可能多的時間和人力。此時你投入的時間越多，在后期需要花費的時間就

3、會越少。在早期投入盡可能多的人力到這一步會減少困擾和混淆，幫助你設定正確的期望值，并有利于整個團隊更好的理解你的內(nèi)容策略。在做內(nèi)容計劃時有幾點是需要注意的，現(xiàn)在就讓我們來具體說一下這些注意事項。發(fā)現(xiàn)發(fā)現(xiàn)是關于使用已知的客戶信息來找出他們需要什么樣的內(nèi)容。讓客戶參與發(fā)現(xiàn)可以讓你得到他們到底需要什么內(nèi)容的寶貴啟示-他們認為自己的內(nèi)容應該如何被組織？為什么要以這樣的方式組織?永遠不要忘記我們的客戶遠比我們要了解他們的客戶。試著嘗試下面的方法：?思維導圖：用來腦暴你需要什么樣的內(nèi)容以及為什么你需要這些內(nèi)容。?卡片法：一個很有趣的測試用戶和客戶的可用性方法。定義內(nèi)容應該如何被歸類和組織。?白板草圖：幫助

4、你更細致的審視網(wǎng)站的結構。這些內(nèi)容組織工具和技術非常適用于找出你需要哪些內(nèi)容和如何組織這些內(nèi)容，還能讓用戶看到他們網(wǎng)站內(nèi)容的重要性。讓客戶買賬的重要性不言而喻，這可以鼓勵發(fā)現(xiàn)內(nèi)容是如何與他們的商業(yè)價值互相聯(lián)系的。這樣他們會更仔細的考慮提供給你的內(nèi)容并且會更準時的提供這些信息。需求發(fā)現(xiàn)階段的一個重要結果就是你應該得到針對內(nèi)容的清晰需求。鑒于這些需求幾乎是所有設計需要服務的基礎，所以越早將這些發(fā)現(xiàn)記錄下來越好。讓團隊中所有人知曉這些能防止以后走彎路。你可以考慮不同種類的需求：?法律需求:例如，在英國，商品與服務的交易描述必須清晰準確。?商業(yè)身份/品牌需求：一些企業(yè)對于如何使用他們的商標是有特殊指南

5、和規(guī)定的。?技術需求：對網(wǎng)站來說，例如要求圖片最大為550像素。當然，保持每一條需求的精簡還是很重要的，即使你有一長串不同的需求列表也不用擔心。通過在早期就添加嚴謹?shù)囊?guī)則，你會盡可能少的遭遇延遲問題，因為項目已經(jīng)在這個過程中向前移動了。內(nèi)容地圖現(xiàn)在你對于網(wǎng)站的商業(yè)目標有一個清晰的理解，你知道為了達到目標將會需要那些內(nèi)容并且你針對這些內(nèi)容還有一套基本規(guī)則。在這個階段，你腦中對于網(wǎng)站的基本結構和每個頁面上的內(nèi)容應該有一個大致的輪廓了。但是在你開始制作網(wǎng)頁布局的交互稿前，甚至在確定網(wǎng)站地圖之前，（網(wǎng)站地圖在最后通常會變?yōu)橐粋€單獨的網(wǎng)頁，例如蘋果的網(wǎng)站地圖）我建議你花一點時間來創(chuàng)建一個內(nèi)容地圖。內(nèi)容地

6、圖可以幫助你創(chuàng)造一個更好的網(wǎng)站地圖，例如上圖中蘋果的網(wǎng)站地圖創(chuàng)建一個內(nèi)容地圖應該只需花幾分鐘的時間，這可以作為網(wǎng)站地圖的絕佳先導。除了內(nèi)部的網(wǎng)頁以外，你的內(nèi)容地圖還應該包含像電子郵件和新聞郵件等內(nèi)容，當然也應該算上外部的博客與視頻。這樣會提供一個整體的基于你網(wǎng)站的內(nèi)容流動視圖。你可以使用MindMeister來創(chuàng)建內(nèi)容地圖呈現(xiàn)你的發(fā)現(xiàn)現(xiàn)在你對于內(nèi)容的布局應該已經(jīng)有了一個扎實的理解，你可以開始將這些對應到網(wǎng)站的布局確切的說，你可以開始設計了。對設計師展示你研究的成果，他們可以開始建造一個真正為你的內(nèi)容而優(yōu)化的家了。收集和編輯內(nèi)容當需要安排每個人的任務時，當需要安排每個人的任務時，我發(fā)現(xiàn)鼓勵合作，

7、讓所有人討論和做出貢獻非常有用。為了做到這一點，你需要一個在線的，基于內(nèi)容的可以讓大家進行討論的平臺。我確定你或多或少聽過下面的工具吧：?Basecamp?Trello?GatherContent(原文作者自己創(chuàng)建的一個工具使用這些工具可以讓每個人都看到一個完整的路線圖，并清除自己應該做什么。如果在線路圖上有可能造成延誤并影響整個項目進度的地方，相關的負責人會更早的注意到并主動規(guī)避這些風險二、開發(fā)內(nèi)容或許你會將“開發(fā)內(nèi)容”階段想象成這樣的，每個人都要回到他們的座位上并完成他們個人可交付的工作。你所需要計劃的，就是給每個人定下他們的目標，現(xiàn)在剩下的就是等著事情完成。以我的經(jīng)驗來看，情況并非如此。

8、即使有了詳細的內(nèi)容要求、樣式指引、內(nèi)容地圖、網(wǎng)站地圖、框架、截止日期以及令人驚訝的CMS網(wǎng)站內(nèi)容管理系統(tǒng)），但若希望一切這都能夠自然地結合在一起，實在太瘋狂了。這好比期望兩位設計師在同一網(wǎng)格結構、色調(diào)搭配和圖像集下會創(chuàng)作出兩個完全免費的頁面?？紤]到這點，我會鼓勵盡可能多的持續(xù)溝通、檢查和討論，并且將這些環(huán)節(jié)貫穿于整個實際生產(chǎn)過程。一些建議：?持續(xù)溝通：通過早期的細節(jié)討論來保持事情的一致?人人都來參與：用戶、內(nèi)容戰(zhàn)略家、設計師、開發(fā)等;?常規(guī)的技術評論：避免間斷，或者是做些丟臉的事情;讓用戶參與到常規(guī)的技術評論中，同時也可以打開他們的靈活思路，找到敏捷和持續(xù)開發(fā)內(nèi)容的方法;當你跟他們討論維護及更

9、新內(nèi)容進程時，會讓事情進行的更加順手。三、維護內(nèi)容網(wǎng)站上線了，消費者也能正常使用，而且一切按計劃進行著。這個時候是不是可以考慮回家開一瓶冰啤放松一下呢?我并不認為喘口氣的時候到了，至少現(xiàn)在還不行。內(nèi)容永不過時的項目極為稀少，有更新和維護網(wǎng)站內(nèi)容的策略（還有經(jīng)費）對于保持項目新鮮，相關性并能滿足你和客戶興趣極為重要。制定一項內(nèi)容維護的戰(zhàn)略非常簡單，可以包含以下幾個要素：保持內(nèi)容的可編輯性你不想在完成了一個網(wǎng)站項目后，卻突然被切斷了所有內(nèi)容的入口。通過保持你內(nèi)容的開放性和組織性，會使定位和更新單獨的模塊更加容易。這樣打開版本庫的方式可能會有所不同，如果你不想讓你的內(nèi)容提供者直接訪問你的CMS，你就

10、應該考慮Perch（Perch是一個簡單、輕量靈活的CMS詳細了解可以點擊Perch網(wǎng)站：，甚至是一個簡單、可分享的Dropbox文件夾（Dropbox：設置一個編輯日歷不言自明，最重要的是你的用戶和團隊成員能夠明白他們身上的期望值（并且他們能預留足夠的時間來交付）引導兩邊的審查內(nèi)容審查（有時候也稱作內(nèi)容總結）是維護一個運行良好的內(nèi)容策略的關鍵，他們也被公認為是艱巨的任務。有一個可以幫助你審查進程的工具，是PageTrawler（，它可以自動檢查你的大部分鏈接。最重要的是，你不僅要測試面向用戶的內(nèi)容，同時還需要留意隱藏在幕后的內(nèi)容，比如測試你的SEO搜索引擎優(yōu)化)，內(nèi)容標簽和鏈接的可靠性。其他常見的麻煩就是不準確的日期和價格，服務器的可用性以及網(wǎng)站相關工作人員的細節(jié)問題。分析和實驗在維護和優(yōu)化內(nèi)容時，最后一個需要考慮的就是如何分析和測試質(zhì)量，效率并在實驗中得到有用的啟示。將常用的分析方法諸如A/B測試等記在心上，通過針對網(wǎng)頁布局的分析和實驗能很好的提高你網(wǎng)頁內(nèi)容的效率，(這里可以參考A/B測試在谷歌的內(nèi)容分析試驗來獲取幫助：總結在我們看來，內(nèi)容開發(fā)的三個階段是：?內(nèi)容規(guī)劃：研究內(nèi)容要求，包括用戶研究，并幫助用戶理解他們網(wǎng)站或商業(yè)內(nèi)容的重要性;?內(nèi)容開發(fā)：和他人良好工作、合作，按照線路圖，激發(fā)大家持續(xù)工作的熱情。把握常規(guī)的討論，使人們意識到他們