簡易檢索 / 詳目顯示

研究生: 林怡君
Yi-Jiun Lin
論文名稱: Weblog使用者介面之個人化設計探討
An Investigation on the Design of Personalized Weblog User Interface
指導教授: 陳建雄
Chien-Hsiung Chen
口試委員: 吳志富
Chih-Fu Wu
鄭金典
Jin-Dian Cheng
學位類別: 碩士
Master
系所名稱: 設計學院 - 設計系
Department of Design
論文出版年: 2007
畢業學年度: 95
語文別: 中文
論文頁數: 132
中文關鍵詞: 部落格情緒設計愉悅性介面設計互動設計
外文關鍵詞: Weblog, Emotion design, Pleasure, Interface design, Interaction design
相關次數: 點閱:815下載:73
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報

  Weblog軟體服務可說是一獨立媒體中心與個人線上出版系統概念的呈現,屬於開放式簡易網路工具,亦是近兩年來新興的網路合眾媒體。Weblog正微妙的改變當前網路資訊的傳播方式,讓資訊分享更加容易、更有效率。透過Weblog軟體服務,使用者可快速的建立一線上個人空間,但Weblog功能與介面設計仍有諸多值得深入探討之空間,例如使用者對Weblog功能與介面設計之切確需求為何?如何避免因提供樣板而造成制式化的網頁版面呈現?以及應用情緒設計於Weblog介面中以塑造更愉悅的個人化使用經驗等。

  本研究旨在以使用者需求觀點探討應用「情緒介面」與「自由介面」於Weblog個人化介面設計中,是否能提昇使用者任務操作績效、愉悅性感知、SUS系統使用性、與QUIS使用者介面滿意度。本研究採Eisenhardt (1989)所提出之系統研發方式進行,分為三大階段,第一階段以相關文獻分析結果為基礎,以質性方式分析目前三大代表性Weblog服務Blogger、MSN Space、與Yahoo! 360o,歸納出通用性Weblog介面設計內容;第二階段以問卷與個案訪談方式進行使用者需求調查。第三階段依據文獻探討、現況分析、使用者需求調查結果進行Weblog個人化介面之設計與評估,共設計出四組Weblog測試原型介面供受測者進行一連串任務操作,四組測試原型介面設計分別為:(1) 參考典型Weblog介面設計並結合使用者需求調查之控制組;(2) 加入情緒表達特徵之情緒介面組;(3) 加入可以滑鼠自由移動Weblog介面元件特徵之自由介面組;(4) 結合情緒介面與自由介面元件特徵之情緒+自由介面組。研究結果如下:

(1) 使用者對Weblog功能與個人化介面需求最高的分別是即時預覽以及提供模板或主題。使用者需求調查結果顯示使用者較偏好簡單、明確的設計,同時亦須顧及Weblog「個人特徵之表現」,因此也更顯得當前Weblog個人化介面設計之迫切需要。此外,互動設計師在設計Weblog網站時應格外注意頁面間的流程規劃,避免過多的頁面切換讓使用者迷失於頁面間。

(2) 當前Weblog普及之原因在於其操作流程簡單且介面易於使用,因此顯著影響Weblog典型任務操作時間之因素為受測者之Weblog內容構思時間、文字輸入時間、與網路連線速度等,而非「操作介面時間」。實驗結果亦顯示四組Weblog測試原型介面在整體操作任務績效上無顯著差異存在。

(3) 四組Weblog測試原型介面在愉悅性量表之形容詞「興奮程度」、「滿意程度」、「娛樂程度」、以及「自由程度」上皆有顯著差異存在。由此可知,使用「情緒介面」及「自由介面」設計來協助使用者將其Weblog進行個人化處理,皆可顯著提升使用者在操作Weblog介面時之愉悅感知。

(4) 系統使用性尺度量表(SUS)分析結果顯示,受測者對四組Weblog測試原型介面之系統使用性具有相同主觀評價。此外,就平均數而言,SUS量表總分為100分,而四組Weblog測試原型介面受測者所給予之評量分數皆超過71分,表示四組Weblog測試原型介面設計已具有不錯之使用性。

(5) 四組Weblog測試原型介面在使用者介面滿意度問卷(QUIS)各效標中皆無顯著差異,但中、低兩組Weblog使用經驗在QUIS問卷整體上有顯著差異存在。分析結果顯示,Weblog使用經驗中等的受測者對Weblog的要求最多。

  經由Weblog介面設計的改良與發展,期望能做為互動設計師在規劃Weblog使用者介面設計之參考依據,幫助使用者可以更容易、更快速、更愉悅、且以更有組織的方式來建構Weblog的個人化呈現。


The service of Weblog can be viewed as a unique media center. It is an open and simple Web tool with the concept of personal on-line publishing system. It is also a newly integrated Web media during these two years. Weblog is slightly changing the current transmission style of Web information, which makes the sharing of information much easier and more effective. By means of the Weblog service, users can quickly establish an on-line personal space. Nonetheless, there are many issues pertaining to the functions and interface design of a Weblog that still need to explore. For example, what are the actual user requirements regarding Weblog functions and interface design? How to avoid resulting in rigid Web information presentation style by providing users with templates? How to incorporate emotion design in the Weblog user interface to facilitate users’ perceptions of more pleasurable interaction experience?

The purpose of this study is to investigate if applying the concepts of “emotion interface” and “user customized interface” can enhance users’ task performance, pleasure perception, system usability and user interface satisfaction based on users’ viewpoints. This research study adopts the methods of system development proposed by Eisenhardt (1989). A total of three stages were used. In the first stage, based on the review of relevant literatures, three represented Weblog service, i.e., Blogger, MSN Space, and Yahoo! 360o, were chosen for qualitative analysis. The common Weblog interface design guidelines were summarized. In the second stage, user requirements were investigated by means of questionnaire survey and interviews of related cases. In the third stage, based on the results generated from literature reviews, current Weblog analysis, and user requirements, personalized Weblog user interfaces were designed and evaluated. A total of four Weblog prototypes were designed for a series of task operations. These four Weblog prototypes were: (1) A typical Weblog user interface with user requirement considerations served as the control group. (2) The emotion group was designed with emotional representation characteristics. (3) The user customized interface group allowed a user to move the Weblog elements freely. (4) The emotion and user customized interface group was designed with the emotion factor and allowed users to freely move the Weblog elements. The results generated from this study were:

(1) What the user requires most regarding Weblog functions and personalized user interface are providing instant preview and templates or topics. The results from user requirement analysis showed that users prefer simple and clear designs with the consideration of presentation of personal characteristics. Because of this, there is an urgent need for personalized user interface design. In addition, an interaction designer needs to carefully plan the interaction flow among different Web pages when designing the Weblog. By so doing can prevent users from disorientation among various Web pages.

(2) The reason why the Weblog is currently so popular is because of its simple interaction process and easy to use. Therefore, the factors of users’ content planning time, time for text input, and Internet speed are the primary factors influencing users’ task performance. The result showed that there existed no significant difference in the users’ over task performance among these four Weblog prototypes.

(3) There existed significant differences in the adjectives of “exciting,” “satisfied,” “pleasurable,” and “free” within the pleasure measurement scale among these four Weblog prototypes. Therefore, the Weblog user interfaces of emotion group and user customized interface group could help users personalize their Weblog design and, at the same time, enhance their pleasure perceptions.

(4) The results from the System Usability Scale (SUS) showed that users had similar subjective assessments towards these four Weblog prototypes. Furthermore, because the total points of the SUS are 100, the points assigned by the users pertaining to these four Weblog prototypes were all higher than 71 points. This means that users were all satisfied with the Weblog usability of these four prototypes.

(5) There existed no significant difference among these four Weblog prototypes pertinent to the results of each evaluation criterion from Questionnaire for User Interaction Satisfaction (QUIS). However, the users of medium- and lower-level use experience revealed significant difference in the overall QUIS survey. The results indicated that users of medium level use experience might have the most strict requirements regarding these four Weblog prototypes.

By means of the refinement and development of Weblog user interface, the author hopes that the research results can be a good reference for interaction designer when s/he plans a Weblog user interface design in the future. Therefore, users can construct and personalize their Weblog user interfaces in a much easier, efficient, pleasurable, and organized way.

目錄 中文摘要 ………………………………………………………………ii 英文摘要 ………………………………………………………………iv 誌謝 ……………………………………………………………………vi 目錄 ……………………………………………………………………vii 圖目錄 …………………………………………………………………xi 表目錄 …………………………………………………………………xiii 第一章 緒論 …………………………………………………………1 1.1 研究背景與動機…………………………………………………1 1.2 研究問題…………………………………………………………2 1.3 研究目的…………………………………………………………3 1.4 研究範圍與限制…………………………………………………3 1.5 研究流程與研究架構……………………………………………4 第二章 文獻探討 ……………………………………………………7 2.1 網路環境概說……………………………………………………7 2.2 Weblog相關研究…………………………………………………8 2.2.1 何謂Weblog……………………………………………………8 2.2.2 Weblog精神與特色……………………………………………12 2.2.3 Weblog現象與潮流……………………………………………13 2.2.4 Weblog的構成要素與版面架構………………………………15 2.3 網際網路之人機互動介面設計探討……………………………20 2.3.1 使用者介面(User Interface, UI)…………………………20 2.3.2 圖形使用者介面(Graphical User Interface, GUI) ……21 2.3.3 互動溝通與設計………………………………………………22 2.3.4 運用認知心理學於人機互動介面設計………………………23 2.4 網頁介面使用性(Usability)之考量與檢測 …………………24 2.4.1 何謂介面使用性………………………………………………24 2.4.2 發展介面使用性………………………………………………25 2.4.3 使用性檢測……………………………………………………27 2.5 愉悅性……………………………………………………………29 2.5.1 愉悅性研究……………………………………………………29 2.5.2 愉悅性檢測……………………………………………………30 2.6 情緒理論…………………………………………………………32 2.6.1 情緒的定義……………………………………………………32 2.6.2 情緒理論………………………………………………………32 2.6.3 情緒與認知……………………………………………………32 2.6.4 情緒表達………………………………………………………33 2.7 應用個人化(Personalized)內容於網頁設計…………………34 2.8 小結………………………………………………………………35 第三章 研究方法 ……………………………………………………37 3.1 研究主題與實驗流程 ……………………………………………37 3.2 研究進行步驟 ……………………………………………………39 3.3 第一階段:Weblog現況分析 ……………………………………40 3.4 第二階段:符合使用者需求之Weblog功能與介面設計調查 …40 3.4.1 問卷與訪談目的………………………………………………40 3.4.2 問卷編製………………………………………………………41 3.4.3 受測對象………………………………………………………41 3.4.4 抽樣方式………………………………………………………41 3.5 第三階段:Weblog個人化介面系統設計與評估 ………………41 3.5.1 介面設計目的…………………………………………………41 3.5.2 介面評估目的…………………………………………………41 3.5.3 介面設計理論依據……………………………………………41 3.5.4 受測對象………………………………………………………41 3.5.5 實驗樣本設計…………………………………………………42 3.5.6 Weblog介面系統建構使用工具………………………………51 3.5.7 實驗設計與流程………………………………………………51 3.5.8 任務設定………………………………………………………52 3.5.9 Weblog介面評估內容…………………………………………53 第四章 現況分析與使用者需求調查結果 …………………………54 4.1 代表性Weblog服務現況分析結果 ………………………………54 4.1.1 Bloogger 簡介 ………………………………………………54 4.1.2 MSN space 簡介………………………………………………54 4.1.3 Yahoo 360 簡介………………………………………………55 4.1.4 Bloogger.com、MSN space、Yahoo 360分析比較…………55 4.1.5 邀請受測者操作Weblog樣本與訪談結果……………………69 4.2 以使用者需求之觀點探討Weblog功能與介面設計調查結果 …71 4.2.1 受測者基本資料分析結果……………………………………71 4.2.2 Weblog使用經驗調查…………………………………………71 4.2.3 符合使用者需求之Weblog功能分析結果……………………74 4.2.4 符合使用者需求之Weblog個人化介面分析結果……………75 4.2.5 Weblog個人化介面群組分析…………………………………76 4.3 小結 ………………………………………………………………78 第五章 實驗討論與分析 ……………………………………………80 5.1 執行任務時間績效分析 …………………………………………80 5.2 愉悅性量表分析 …………………………………………………90 5.3 SUS系統使用性尺度量表分析……………………………………102 5.4 QUIS使用者介面滿意度問卷分析 ………………………………104 5.5 小結 ………………………………………………………………115 第六章 結論與建議 …………………………………………………117 6.1 研究結論 …………………………………………………………117 6.2 後續研究發展建議 ………………………………………………118 參考文獻 ………………………………………………………………120 英文文獻 ………………………………………………………………120 中文文獻 ………………………………………………………………123 附錄 ……………………………………………………………………125 Weblog使用者需求問卷 ………………………………………………125 Weblog介面設計評量問卷 ……………………………………………129

參考文獻

•英文部分

1. AMA. (2003, 5, 23). Blogs: Marketing Beyond the Website. AMA Hot Topic Series. from http://ecommerce.ama.org/blogchi/
2. Bandelloni, R., & Paternò, F. (2004, 1). Multi-platform interfaces: Flexible interface migration. IUI’04, January 13–16, 2004, Madeira, Funchal, Portuga, 148-155.
3. Bar-Ilan, J. (2004, 5). An Outsider's View on "Topic-oriented" Blogging. WWW 2004, New York, New York, USA, 28-33.
4. Beaudouin-Lafon, M. (2004, 5). Improving interaction: Designing interaction, not interfaces. AVI’04, Gallipoli (LE), Italy, 15-22.
5. Beier, B., & Vaughan, M. W. (2003, 4). Web usability: The bull's-eye: a framework for web application user interface design guidelines. CHI’03, Ft. Lauderdale. Florida, USA. 5(1), 489-496.
6. Bloggazine.org. (2004). http://www.bloggazine.org/
7. Blood, R. (2004, 12). How blogging software reshapes the online community. Communications of the ACM, 47(12), 53-55.
8. Chen, C.-H., & Wu, F.-G., & Rau, P.-L. P., & Hung, Y.-H. (2004). Preferences of young children regarding interface layouts in child community web sites. Interacting with Computers 16 (2004), 311-330.
9. Dickie, C., & Vertegaal, R., & Fono, D., & Sohn, C., & Chen, D., & Cheng, D., & Shell, J. S., & Aoudeh, O. (2004, 10). Augmenting and Sharing Memory with eyeBlog. CARPE'04, October 15, 2004, New York, New York, USA, 105-109.
10. Dormann, C. (2005). Affective experience in the Home: measuring emotion. Vruje universiteit, Netherlands.
11. Dumas, J. S. (1988). Designing User Interface for Software, New York: Prentice Hall.
12. Gillmor, D. (2004, 7). We the Media: Grassroots Journalism by the People, for the People. CA: O'Reilly Media, Inc.
13. Hanson, V. L. (2004). The User Experience: Designs and Adaptations. ACM International Conference Proceeding Series, Third Australasian conference on User interfaces, 7, 1-7.
14. Helfer, B. (2005, 4). ACM SIGGRAPH User Experience Initiatives, CHI’05, Portland, Oregon, USA, 1085-1086.
15. Henning, J. (2005), The Blogging Iceberg. Perseus Development Corp. from http://www.perseus.com/blogsurvey/
16. Higgins, C. J., & Reeves, L., & Byrd, E. (2004, 10). Interactive Online Journaling: A Campus-wide Implementation of Blogging Software. SIGUCCS'04, October 10-13, 2004, Baltimore, MD, USA, 139-142.
17. Horton, W. (1994). The Icon Book. New York: John Wiley & Sons, Inc.
18. InsightXplore. (2004). http://www.insightxplorer.com
19. Jordan, P. W. (2000). Designing pleasurable products: an introduction to the new human factors. Taylor & Francis Books Ltd, UK.
20. Karvonen, K. (2000). The Beauty of Simplicity. CUU '00, Arlington, VA, USA. 85-90.
21. Kallio, T. (2003). Why We Choose the More Attractive Looking Objects - Somatic Markers and Somaesthetics in User Experience. DPPI’03, June 23-26, 2003, Pittsburgh, Pennsylvania, USA. 142-143.
22. Ketchpei, S. (2003). Build a Better Site by Understanding Customer Behavior. CustomerInterface, 15-16.
23. Marcus, A. (2002).The cult of cute: the challenge of user experience design. Interactions, 9(6), 29-34.
24. Merriam-Webster. (2004). http://www.merriam-webster.com/info/04words.htm
25. Nielsen, J. (2005, 10). Weblog Usability: The Top Ten Design Mistakes. from http://www.useit.com/alertbox/Weblogs.html
26. Nielsen, J. (2004). Top Ten Mistakes in Web Design. from http://www.useit.com/alertbox/9605.html
27. Nielsen, J. (2003, 8). Usability 101: Introduction to Usability. from http://www.useit.com/alertbox/20030825.html
28. Nielsen, J. (1995, 5). Usability Inspection Methods. CHI’ 95 Mosaic of Creativity. Denver, Colorado, USA, 377-378.
29. Norman D. A. (2003, 12). Emotional Design: Why We Love (or hate) everyday things. New York: Basic Books.
30. Pemberton, S. (2002, 3). Choose one: fast, correct, or pleasurable. Interactions, 9(2), 127-128.
31. Perseus Development Corp. (2005). http://207.21.232.103/index.asp
32. Preece, J., & Rogers, Y., & Sharp, H. (2002). Interaction Design: Beyond Human-Computer Interation. Hoboken, NJ: John Wiley & Sons.
33. QUIS (2006). http://lap.umd.edu/quis/
34. RadioDocs.com. (2002, 6). http://radio.Weblogs.com/0107019/stories/2002/02/12/whatIsAWeblog.html
35. Rainie, L. (2005, 1). The state of blogging. Pew Internet & American Life Project.
36. Rees, M. J. (2002). Evolving the browser towards a standard user interface architecture. ACM International Conference Proceeding Series, 3th Australasian conference on User interfaces, 7, 1-7.
37. Roodo.com. (2004). http://blog.roodo.com/
38. Schiano, D. J., & Gumbrecht, M., & Swartz, L., & Nardi, B. A. (2004, 4). Blogging by the Rest of Us. CHI’04, Vienna, Austria, 1143-1146.
39. Sevener, Z. (2003). Semantic differential study of the influence of aesthetic properties on product pleasure. DPPI’03, June 23-26, 2003, Pittsburgh, Pennsylvania, USA. 150-151.
40. Shneiderman. (2005). Shneiderman's "Eight Golden Rules of Interface Design". from http://www.cs.utexas.edu/users/almstrum/cs370/elvisino/rules.html
41. Stout, K. L., & Nielsen J. (2004, 9). Searching for answers on the Web. California (CNN). from http://www.cnn.com/2004/TECH/08/09/jakob.nielsen/index.html
42. Thovtrup, H., & Nielsen, J. (1991). Assessing the Usability of a User Interface Standard.. from http://www.useit.com/
43. Weiss, A. (2004, 3). Your Blog? Who Gives a @ *# % !. The last word 2004, 38-40
44. Winer, D. (2003, 5). What makes a Weblog a Weblog? from http://blogs.law.harvard.edu/discuss/msgReader$379
45. Wood, W. T., & Wood, S. K. (1987). Icons in everyday life. In G. Salvendy, S. L. Sauter, & J. J. Hurrell, (Eds.), Social, Ergonomic, and Stress Aspects of Work with Computers, 97-104.
46. Zimmerman, J. (2003). Exploring the role of emotion in the interaction design of digital music players. DPPI’03, June 23-26, 2003, Pittsburgh, Pennsylvania, USA. 152-153.

•中文文獻

47. Bailey, W. R. (1995, 8),林修如譯,應用人因工程學 (Human performance engineering),台北:桂冠出版。
48. Masayuki, K. (2002, 12),李朝金譯,設計的未來考古學 (The future archeology of design),台北:田園城市文化出版。
49. Norman, D. A. (2003,11),卓耀宗譯,設計心理學 (The psychology of everyday things),台北:遠流出版。
50. 王蘭亭,(2002),行動電話螢幕電力訊號圖像傳達認知度之研究,2002中華民國設計學會第七屆研討會論文集,頁205-210。
51. 江姿慧,(2000),使用者參與虛擬社群之行為研究,國立台灣科技大學管理研究所碩士論文。
52. 邱柏清,(2004),網頁介面愉悅性之研究,國立台灣科技大學設計研究所碩士論文。
53. 吳凱琳,(2005, 4),8秒3點的網路心理,2005, 04, 13 Cheers雜誌。
54. 李國銘,(2000),多媒體型態之設計資訊認知模式研究,國立於林科技大學工業設計研究所碩士論文。
55. 卓良政,(2000),圖像式操作介面之研究-以數位相機為例,國立成功大學工業設計研究所碩士論文。
56. 林皇名,(2003),國內工業設計虛擬社群成員互動探討-以新設計罵街為例,國立台灣科技大學設計研究所碩士論文。
57. 林家維,(2002),網頁瀏覽器指標圖像之研究-以數位博物館圖像介面設計為例,大葉大學設計研究所碩士論文。
58. 洪千惠,(2003),研究生實務社群發展與建置之研究-以台科大研究生為例,國立台灣科技大學管理研究所碩士論文。
59. 張春興,(2005),心理學概要,台北:東華書局。
60. 梁玉芳,(2003, 9),Blog網路鮮貨,你「部落格」了沒?,2003, 09, 21聯合報。
61. 許峻誠,(2002),網頁風格與要素對使用者評價影響之探討,2002中華民國設計學會論文集,頁165-170。
62. 許晉龍,(1999),虛擬社群之研究,國立台灣科技大學管理研究所碩士論文。
63. 陳建雄,(1999, 9),色彩辨識度與應用在使用者介面設計上的探討,工業設計,第27卷,第2期,頁58-63。
64. 陳建雄、邱柏清,(2004),應用口語分析法探討網頁介面之愉悅性,2004中華民國設計學會第九屆研討會論文集,頁699-704。
65. 陳建雄、邱柏清、蔡佳穎,(2004),使用者後設認知策略在互動介面愉悅性設計之研究 II,行政院國家科學委員會補助專題研究計畫成果報告。
66. 曾伯堯,(2005, 2),2005新科技新趨勢新未來:個人、家庭、企業到政府都無法抵抗的新浪潮,TaiwanNews財經•文化周刊,173期,2005, 02, 17。
67. 黃彥達,(2005, 3),媒體,社群,Blog,數位之牆,PC Magzine。
68. 黃惠美,(2004),網站導覽設計之易用性因素研究,中國文化大學資訊傳播研究所碩士論文。
69. 楊智元,(2000),符合使用者個人喜好需求的入口網站介面之研究,大葉大學資訊管理研究所碩士論文。
70. 劉家銘,(2002),圖像功能介面開發模式之研究-以護理記錄系統為例,國立成功大學工業設計研究所碩士論文。
71. 劉韌、韓磊,(2005, 7),線上公關,台北:華文網出版。
72. 潘武宏、顏慶全、林榮泰,(2004),使用者對於電腦圖示之涵意認知研究,2004中華民國設計學會第九屆研討會論文集,頁457-462。
73. 蕭銘宏,(1997),全球資訊網操作介面之設計-以台灣地區網頁設計介面為例,國立雲林科技大學工業設計研究所碩士論文。
74. 鐘秉華,(2004),電子書導覽介面設計研究-以多媒體百科全書為例,國立台灣科技大學設計研究所碩士論文。

QR CODE