UI Gathering 2009 四月聚會: 原型製作(Prototyping)

我的工作主要在規劃網站。但作網站也需要Prototyping嗎?當然需要,但視狀況斟酌進行原型製作設計的完成度。

目前我的工作中,如果是大型的新網站開發,涉及較為複雜的功能與操作流程,我們會建議客戶在專案項目中,包含「原型製作」這一個工作項目。一剛開始,並不是所有客戶都理解(或接受)網站規劃需要有原型製作這一個階段。的確,許多的客戶都只要求看「首頁」,而且是做到視覺接近完成的首頁。稍微有一些網路操作經驗的客戶懂得看網站架構(website structure),用來釐清整體網站建製專案的規劃架構。

網站架構圖是一種常常被使用的網站規劃文件,也絕對有存在的必要性。但是就目前的網站設計技術而言,我們有各種的內容管理系統、社會網路媒體平台、互動多媒體設計、有多重分類架構的電子商務網站、使用者參與社群、甚至可以自由連結的「Wiki-like」網站,這許許多多不同的網際網路環境規劃與設計,恐怕也絕非靠網站架構圖就可以規劃釐清的。

換言之,當代的網站,已經慢慢的由「超文本」,轉而成為「工具服務」了。所以我們需要的,不僅僅只是滿足於「草稿大綱」,而更需要完整的「設計藍圖」。

兩個月一次的UI Gathering聚會又將在4月份展開,本次主題為原型製作(Prototyping)。原型製作(Prototyping)是設計溝通與解決複雜問題不可或缺的方法。使用製作原型方式驗證設計,能即早發現問題,節省開發成本、加速開發效率。本次聚會我們邀請到三位專家,針對實體裝置、網站與軟體等三種不同領域的原型製作分享他們多年來的經驗。

活動時間: 2009/4/19(日) 13:00-17:00

地點: 伯朗咖啡南京店 台北市中山區南京東路二段218號3樓 (南京東路建國北路口)

報名時間: 2009/4/6 (一) 22:00 到 4/10 (五) 22:00 (額滿為止)

人數: 60人

報名方式及費用:
請上 http://registrano.com/events/uigathering041909 報名,並完成付款程序(線上刷卡或者ATM匯
款),本次活動費用含場地費及蛋糕1塊、熱咖啡冰紅茶無限暢飲,共400元。(注意:不接受現場報名)

議程:
12:40 報到
13:00 開場
13:10 主題演講: 媒材、設計與適應性思考 唐聖凱
14:00 Coffee Break
14:10 主題演講:「偽」網站設計-Website Prototype Design的實務應用分享 蔡明哲
15:00 Coffee Break
15:10 主題演講: UI prototype實作經驗分享 林秉舒
16:00 Coffee Break
16:10 Lighting Talk: Prototyping經驗交流
17:00 閉幕

主講者:
華碩電腦 使用者經驗設計師 唐聖凱(Tony Tang)
從建築、運算到人機互動,近十年來研究與學習的累積,在華碩設計團隊作為落腳。目前從事創新性介面設計與研究,希望藉由帶入使用者經驗研究、互動原型術
以及適應性運算,來產生高使用度的人機介面設計。

悠識數位 行銷總監 蔡明哲(Richard Tsai)
悠識(UserXper) 首席架構師,Axure RP快速原型工具專家,熱愛網站原型設計,致力於推廣UCD觀念及Prototyping方法。更多介紹請參閱:http://userxper.com/services/training/consultants#richard

前華碩手機互動介面設計師 林秉舒(Maso Lin)
從事Flash、動態介面設計相關工作約8年時間,曾於Asus、BenQ等公司擔任互動介面開發工作。更多介紹請參閱:http://masolin.blogspot.com/2007/07/about-maso-lin.html

Lighting Talk:

聚會最後一小時的時間,我們保留給大家發聲。 如果你也願意分享你製作原型的方法,請確認報名成功後,寫信給本次活動策畫阿修(lis168@gmail.com)報名,每人發表時間7分鐘。

關於活動內容或者報名方式有任何的問題,歡迎來信給予UI Gathing活動小組(uigathering@gmail.com)
本次活動策劃人 – UI Gathering活動小組 – 阿修

.

設計小訣(HCI: Design tips)

其實準備投影片還蠻辛苦的…常常要在心中模擬聽眾的反應,確定內容大家都能理解,並且感興趣。並且要拿捏份量,不能講得太多。最近,Presentation Zen就介紹了Michael Alley的說法,主講者必許在演講的深度與廣度間,做出一個取捨。

由於第三次分享前一週,已經請Max來介紹Usability(使用性/優使性)的實務經驗。我也樂得輕鬆,只要講一些瑣碎而且管用的小東西就好了。因為我想大部分的學生都會作網頁,或是會開始裝扮自己的Blog等等,所以我覺得由一些網頁設計的實際案例與小訣竅與設計,會比較容易讓學生們理解。這些都是一些入門級的概念,看到這篇文章的行家們請多多包涵。

繼續閱讀 “設計小訣(HCI: Design tips)"

設計程序(HCI: Design process)

第一次介紹了在設計工作中,研究的重要性。第二次的分享則著重在設計工作的過程與方法上。

「以使用者為中心」是大多人都能認同,甚至常常掛在口中的目標。但實際工作的時候,通常只是動動嘴皮的高調而已。沒有方法的「使用者中心」設計,往往都會變成「大老闆中心設計」,考驗著設計師與工程師揣摩上意的能力而已。我覺得,設計程序是個非常實務導向的議題,有設計工作經驗的比較能真的學習到一些東西。但是這些學生將來可能有一天也會接觸到相關的工作,因此若能掌握一兩個重要的工具或概念,進而留下些印象,也許能有些幫助。另一方面,我自己的實務經驗也不夠講出太深入的細節。

所以我主要只分享了幾個重要概念:

繼續閱讀 “設計程序(HCI: Design process)"

設計與研究(HCI)

在2007 十二月的時候,因為老師介紹的關係,我在師大社教系的資訊心理學課堂上,分享了四次,共八小時,關於資訊與人機介面設計方面的資訊與看法。

學期初的時候,我跟老師討論並規劃一些大概的內容,以及可以邀請的朋友,相關的電影媒體資訊等等。雖然我不是念工業設計,或是資訊傳播等科系;但是資訊行為研究與使用性研究本來就有很深的淵源;且在我也覺得Social Informatics研究與某些HCI研究有一定的關聯性;更不提資訊架構師與使用性專家兩者緊密的關係。所以,也許LIS的學生可以多接觸一點這方面知識與資訊。

第一次,主要講如何作研究。我想強調的是,良好的設計來自於正確的理解–不論是理解這個社會、市場或你的使用者。而正確且獨到理解,需要紮實且有新發現的研究。為此,真正成功的設計與產品,一定都投入了相當的研究功夫。

繼續閱讀 “設計與研究(HCI)"

click分析, Usability(links for 2006-08-05)

網站經營者,或者是"web master" 這個已經很少人提了的角色,都會需要使用一些網站統計或是流量分析工具,來了解網站上來來往往的觀眾的行為或是興趣。除了商業上使用的付費服務之外,Web master通常會用自建流量分析系統(如AWStats),或是使用免費的線上流量分析服務(如Site MeterGoogle Analytics)。這些服務通常可以描述出基本的點選次數、訪客人數、來訪網址,進階一點的可以分析最常被搜尋的關鍵字等等。我的被搜尋關鍵字第一名一直是「foobar」,但是其實根本沒有寫些什麼,我只是單純愛用者而已。這些流量分析對於行銷的策略規劃比較管用,對於網站設計而言,頂多只是透過統計了解使用者使用的瀏覽器比例,螢幕解析度大小等等。

Google Analytics 有提供一個Site Overlay的功能,可以透過統計,模擬出一個頁面中被點選的hyperlink次數與比例。

但是如果這與實際測量使用者的點選行為,畢竟還是不同的。因為如果一個頁面上有兩個連到相同url的超連結,Google  Analytics 會將這兩個超連結算在一起,而沒有辦法區分那一個連結是比較有效的。而另一種專門紀錄網頁click行為的系統或服務,應該能更正確的測量出使用者的行為。最近TechCrunch介紹了三種網頁點選分析服務,也許對想要進行網頁使用者行為的研究有所幫助:

Click Density 的分析圖範例。用顏色顯示滑鼠點選次數的多寡;可以發現無意義的亂點也不少。

clickdensity_2006.jpg

魏澤群(《使用者最大》一書的作者)的兩個網誌可以找到不少關於使用性測試(或,優使性測試)的說明。兩個網誌的原因好像是因為搬家的關係。Blog系統跳船的成本還是一直很高啊,搬舊的文章到另一個地方真的是一件苦差事。Usablility Net 是一個今天才看到的網站,資源豐富。