网页企划与评估-如何做一个项目企划者(2)

網頁企劃與評估如何做一個專案企劃者2小測驗•還記得這個網頁嗎？–•做這樣一個網站，需要哪些人力？請列出來。3PlanningDesignDevelopmentPublishingMaintenance網站企畫環節（1）4網站企畫與製作流程（1）•企畫須知•網頁架構•圖形製作•程式製作•建立文字內容•建立多媒體資料•網站管理•網站行銷5企畫須知•網站架構等同於行銷•活動、人力、經費、與消費群•市場與商品優勢：網站分析•推動企畫6網頁架構•網站架構圖•符合企畫面的事務•考慮程式網頁的操作過程•考慮使用者操作習慣•與美編、程式討論可行性•修正企畫案並訂出時程表7圖形製作•參考相似網站•收集必要素材•統一網頁風格•配合程式調整8程式製作•可依企劃獨立製作•與美編部分同時進行•配合美編修正網頁•隨時協調更改網頁9其他•建立文字資料•建立多媒體資料•網站管理•網站行銷10網站企畫環節（2）執行（implementation）設計（design）建構（architecture）定義（definition）11網頁企劃與製作流程（2）選擇硬體Hardware介面設計InterfaceDesign轉換協定ConversionProtocol評估FormativeEvaluation原型測試Prototyping故事板建構Storyboard程式測試RuntimeBehavior呈現設計PresentationDesign互動設計InteractivityDesign網站設計Identity&InformationDesign領域分析DomainAnalysis選擇軟體Software主題分析SubjectAnalysis定義建構設計建構執行12主題分析（定義）•使用者分析•競爭市場分析•策略•內容•開發工具與科技•時程安排13使用者分析•Defineyourpurpose•Defineyourtargetaudience•Gaininputfrompotentialusersonthecontentofyoursite•Defineyouraudience/userprofile14競爭市場分析•Findoutwhoyourcompetitorsare•Ratecompetitors’sites•Examineothermediapresentationsofyoursubjectmatter15策略•Definethemessageyouwanttoconvey.•Decidehowyouwillpersuadeyouraudiencetoacceptyourmessage.•Selectatone.•Identifythedepthofinformationorthelevelofdetailthatyouwilloffer.•Selectavisualandlanguagepresentationapproachthatwillhelpyoumeetyourgoalseffectively.•Plansitefeaturesthatwillhelpyoumeetyourgoals.•Identifyyourcapabilitiesandhowtheycanbeusedtomeetyourgoals.16內容•Identifyinformationcontent•PlancontentthatutilizesWebtechnologyinuniqueandappropriateways•Designyoursitesothatitisaccessibletoafullrangeofusers•Plantogiveuserscontentthatwillformatcorrectintheirbrowsers•ObtainURLsthatwillenableuserstofindyoursiteeasily17開發工具與科技•檢視下列工具的優缺點–HTML–CSS–Frames–ScriptingLanguages(CGI,VB,etc.)–JavaApplets18時程安排•Scheduledevelopmenttimeline19時程安排（續）•Planforaniterativedevelopmentanddesignprocess•Planbudget•Assignateam•Scheduleuserinvolvement•Assignworktocontentprovidersandexperts•Communicateyourprojectplanwithyourteam20領域分析（建構）•視不同媒材，蒐集資訊。•對不同媒材與資訊加以分類整理。•針對各細目，擬定呈現內容與策略。•詳列製作上所需的技巧。21選擇硬體與軟體（建構）•以下提供一軟硬體環境之範例，企劃目標為開發影像資料庫系統。•系統開發工具–作業系統--Windows2000Server–WebServer--IIS5.0–JavaServlet&JSP--Resin-2.0.1&JDK1.3.1•資料庫–MicrosoftAccess2000–RealServer8.022選擇硬體與軟體（續）•影音處理–Premiere6.0–RealProducer8.0•系統使用環境–WebBrowser--IE,Netscape–CPU--Intel486以上同等級CPU–RAM--64以上23設計流程（設計）•涵蓋–Identity–Information–Interface–Presentation–Interactivity五部分，請參考訊息設計課程投影片。24故事板底稿範例（設計）頁數：________________企劃名稱：__________________________程式撰寫人：________________負責成員：__________________________修訂時間：________________頁面設計（約略畫在這個舞台上）動畫效果：_______________（請填寫動畫底稿做細部描述）影音視訊：_______________（請填寫視訊底稿做細部描述）以下為鏈結部分，填入檔案名稱（文字部分）文字：_____鏈結檔：________文字：_____鏈結檔：________文字：_____鏈結檔：________（未完）以下填入顏色代號或檔案名稱背景：__________________（圖形、圖像、按鈕、動畫部分）LINK：__________________圖檔：_____鏈結檔：________VLINK：__________________圖檔：_____鏈結檔：________ALINK：__________________標題：__________________（圖形對應部分）內文：__________________圖檔：_____鏈結檔：________BULLET：_____________鏈結檔：________鏈結檔：________以下填入檔案名稱或內容副題：__________________________________________________________________（影音視訊鏈結）______________________________________影音：_____鏈結檔：________________________________________________內文：____________________________（窗框部分）______________________________________窗框名：_____鏈結檔：______________________________________________窗框名：_____鏈結檔：____________________________________________________________________________________以下為互動設計部分，詳填功能、標記與旁白：_______________對應語言（如CGI、JAVA、VB等）音樂：___________________________________________________尚未製作，來源：____________________________________________________（請填寫音效底稿做細部描述）____________________________________大概描述頁面長相25原型（Phototype）（執行）•原型是正式產品推出前，大致完成的作品，很多應用程式有所謂的Beta版，意義和原型很像，就網站言，如果你幫某系設計網站，當初步設計完成後，就要進入一連串的測試與評估，此時便是原型，在確認所有問題都修正後才正式上線。•ConversionProtocol和RuntimeBehavior，是在原型建構前就應完成的步驟，前者進行平台或傳輸協定轉換，後者主要在於除錯。26評估（執行）•發展中評估–FormativeEvaluation–通常是專家評估或是小範圍調查測試•推出後評估–SummativeEvaluation–線上回饋或大規模調查等27網站設計的宗派•AndrewChak–整體哲學觀點驅使設計者尋找超出Web之外的解決方案並根據顧客的需求進行設計。•AlanCooper–倡導人性化和個性化的設計。•Davis和Laroche–提倡包容性，鼓勵將藝術、結構和內容融合進Web的設計中。•JakobNielsen–這位Web設計傳教士藉以參加神聖的設計巡迴佈道大會分享他的設計理念。•JaredSpool–與一直在尋找但始終未找到誠實人的希臘哲人Diogenes類似，JaredSpool從來沒有發現面面俱到的好網站。28AndrewChak•一個設計者需要看到一個網站的所有競爭對手。競爭不只是來自另一個網站，也來自現實生活。因此，如果網站不優於現實生活的話，人們就不會使用它。•Chak的三大設計原則是：–快速的頁面下載–直覺的導覽–精緻簡約的設計。29AlanCooper•一個所謂優良的設計是建立在對廣泛的人類共通性和特殊群體的個別意向的深刻理解之上，因此它可以對適當的資訊、過程和技術進行排序，從而可以使那些特殊群體達到他們的專業和個人的目的。•Cooper的三大設計原則是：–精簡的設計–健全、快速的頁面下載–無誤的除錯管理30RobertDavis&PaulLaroche•真正成功的使用者介面設計是經過深思熟慮並以使用者為中心的系統或經驗設計的自然擴展。•Davis、Laroche設計原則是：–有效（effective）和迷人（sexy）並不互相排斥。要有勇氣去重新定義所謂「酷」的含義，將成功（successful）和直覺（intuitive）這兩大因素包含進來。31JakobNielsen•它在您需要考慮的幾乎所有因素方面一直都表現得很好。當您在不同的頁面上時，您知道您要做什麼。一直在改進設計，但是卻一直以使用者經驗為出發點。•Jakob的三大設計原則是：–精緻簡約，越少越好–支援使用者任務–不要阻礙使用者32JaredSpool•在設計得最好的網站上瀏覽時，網友究竟有多少時間能夠成功達到他們的目標呢？」根據Spool的觀察，答案是42％。根據Spool簡單而保守的推算，「所有的網站都是失敗的。」•Spool的四項設計原則是：–瞭解網站的目的–瞭解使用者的目的–確保所刊登的內容能達到目的–確保所刊登的內容能達到目的33經驗設計（ExperienceDesign）•先軀為NathanShedroof。•經驗設計涵蓋從美學、互動、價值與意義、品牌、時間、動機、架構、控制、語言、回饋、資料、個人化、商務等不下數十種元素，這些元素