2009/04/19 UI Gathering專題演講－「偽」網站設計-Website Prototype Design的實務應用分享

悠識數位顧問有限公司 UserXper Digital Consulting Co., Ltd. 國內第一家以「網站建築師事務所」為定位的專業服務公司 - - 「偽」網站設計 - Website Prototype Design 的實務應用分享蔡明哲 Richard Tsai 悠識數位首席架構師 Chief IA 「偽」：偽裝，假的

蔡明哲 Richard Tsai ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Richard 近幾年部分專案 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2007 2006 2004 2003 2005 2002 2001 2008 2007 年金手指網路獎年度大獎 - 最佳網站 2005 e 天下 e 時代行銷王第三名及最佳視覺設計 2003 泛亞電信網路客服 , 上線半年創造 ROI 100% 績效 2003 入圍經濟部商業司 E21 金網獎決選 / 入圍金手指獎 EC 類

成千上萬的公司提供「真」網站設計只有一家提供「偽」網站設計 - 悠識數位 UserXper

悠識數位 (UserXper) 的服務項目 ,[object Object],[object Object],Axure RP - The best rapid prototyping tool Software Website planning and UCD training Training Website Planning & Usability Testing Planning & Consulting

 天下雜誌英文網站改版  NEXCOM 全球網站改版  工研院英文網站改版

網站架構 / 流程圖 / 線框圖 HTML 格式 prototype 體驗原型 / 互動設計 Word 格式規格文件

我們的客戶 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

去年我們去深圳參展… ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

我們的網站企劃流程 Strategy 策略規劃 Stakeholder Interview Understand Business Goal Understand Marketing Strategy Website Research Website Traffic Analysis Strategy planning phase Scope 需求範疇 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Requirement Definition Phase Skeleton 介面設計 Structure 架構定義 Prototype Design Phase Information Architecture Interaction Design Interface Design Navigation Design Information Design 網頁設計視覺設計系統開發 Implementation Phase Visual & Page Design Phase

Card Sorting Mindmap Mental Model User Behavior Content Auditing Information Architecture Stakeholder interview Wireframe HTML Prototype Specification Traffic Analysis

http://ohwed.youthwant.com.tw/blog/user1/CIDesigner/archives/2007/986.html 樣品屋透視圖 http://blog.sina.com.tw/a0933448885/article.php?pbgid=52334&entryid=577267 模型屋 www.sexinsex.net/luntan/thread-1704273-1-1.html 借助「偽裝」模擬，得以低成本 / 低時間來確認顧客需求！並創造良好的體驗！

Prototype 重要嗎 ? 老闆你畫的什麼東西？提 2-3 款網頁設計來瞧瞧吧 ! 網站企劃我只會 PowerPoint ，我不太會做 HTML

Prototype 重要嗎 ? 工程師不要叫我做 html prototype ，那不是我的事情，而且那等於要開發兩次耶！網頁設計師 HTML prototype? 啥 ? 我設計的東西叫做網頁

Benefit of Prototyping Cost of Prototyping > 我幹嘛要花這個錢跟時間呢？老闆

High Fidelity Prototype Low Fidelity Prototype (Sketch 手繪草稿 ) = 在網站企劃與設計的工作中 High Fidelity Prototype Low Fidelity Prototype < 設計的重要性實作的重要性

Website High Fidelity Prototype 耗時費工 Logo

既然如此，什麼時候 Website Design 開始流行起 Prototyping 呢？

Simunication (Web-based prototyping service)

Lucid Spec (Elegance Tech) – Windows AP

廣義 prototyping tool for Web/SW UI ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Website Prototype 的應用 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

看看一些 Website Prototype

示範模組化的 Website Prototyping by Axure RP

High Fidelity Prototype 的缺點 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

謝謝！請上網搜尋 “網站企劃”或” Axure”

2009/04/19 UI Gathering專題演講－「偽」網站設計-Website Prototype Design的實務應用分享

Recommended

Recommended

More Related Content

Similar to 2009/04/19 UI Gathering專題演講－「偽」網站設計-Website Prototype Design的實務應用分享

Similar to 2009/04/19 UI Gathering專題演講－「偽」網站設計-Website Prototype Design的實務應用分享 (20)

More from Justin Lee

More from Justin Lee (20)

2009/04/19 UI Gathering專題演講－「偽」網站設計-Website Prototype Design的實務應用分享