設計公司網站之創新手法及使用性評估

The Innovative Layout and Usability Evaluation for Website of Design Studios

蘇盈雅(Ying-Ya Su)；張若菡(Jo-Han Chang)

網站設計 ； 創新版面設計 ； 使用性評估 ； Website Design ； Innovative Layout ； Usability Evaluation

設計研究學報

6期（2013 / 07 / 01）

67 - 79

繁體中文

如何創造獨特的網站且避免出現使用性問題，是許多網頁設計者的課題。本文收集2010－2011年間96個國際設計公司之創新網站，透過文獻探討與內容分析非傳統版面之創新網站表現手法，並邀請不同背景之受測者針對不同手法之創新網站進行使用性評估實驗。研究歸納，創新網站表現手法可分為：地圖導覽型、互動遊戲型、動態選單型、虛擬實境型、視覺情境型。其個別使用性問題為：操作地圖導覽型網站容易在層級架構中迷失，互動遊戲型網站容易產生介面配置問題，動態選單型網站互動性較低，虛擬實境型網站在層級架構和介面配置上容易產生問題，視覺情境型網站則容易在層級架構上出現使用性問題。

How to create a unique Website with an improved usability is an important task for many Website designers. This study was conducted to examine innovative Websites designed by 96 international design companies between 2010 and 2011, in which the idiosyncrasies of those innovative Websites were analyzed through literature review and interview with experts. People from different backgrounds were invited to assess the innovative techniques used for the design of those Websites and their usability. It was found that the expression techniques adopted by those innovative Websites can be divided into map-guided type, interactive game type, dynamic menu type, virtual reality type and visual context type, and that their respective usability problems are: users can easily get lost in the hierarchical structures of a map-guided Website; interactive game-based Websites often encounter problems with their interface deployment; dynamic menu-based Websites is not very interactive; virtual reality-based Websites can easily encounter problems with hierarchical structure and interface deployment; visual context-based Websites would often run into hierarchical structure problems. In this study, experiments were conducted to identify the usability problems with those innovative Websites. It is hoped the results of this study can serve as reference for Website designers to prevent Websites' usability problems.

1. 洪雅玲(2007)。後現代數位媒體設計的題材、手法、風格─以 2006 年國際最佳互動媒體獎得獎網站為例。設計研究學報，1，40-52。
   連結：
2. Zikri A., 1999, Department of Physics, Marmara University, Istanbul, Turkey..
3. ( 無作者 )：易用性，維基百科 自由的百科全書，上網時間 2012 年 5 月 2 日，取自網址 http://zh.wikipedia.org/zh-hk/%E6%98%93%E7%94%A8%E6%80%A7
4. Bennett, G.(2002).Web-Based Instruction in Sport Management.Sport Management Review,5,45-68.
5. Bevan, N.(1995).Usability is Quality of Use.Proceedings of the 6th International Conference on Human Computer Interaction,Yokohama:
6. Chang, R. H.,Su, Y. Y.(2011).Usability Analysis of Website with Unconventional Layout.HCI International 2011,Orlando, U.S.A:
7. Genuis, S. K.(2004).Web site usability testing: A critical tool for libraries.Feliciter,50(4),161-164.
8. McNeil, Patrick、鄒心瑜譯(2010)。輕鬆玩出網頁視覺大格局：主題、定位、架構、風格、色彩、創意全視點。台北:原點。
9. Nielsen, J.(1993).Usability Engineering.San Diego, USA:AP Professional, Academic Press.
10. Preece, J.(1993).A Guide to Usability: "Human Factors in Computing".Wokingham UK:Addison-Wesley.
11. Shackel, B.(1991).Human Factors for Informatics Usability.U.k.:Cambridge University Press.
12. Weinschenk, S.,Jamar, P.,Yeo, S.(1997).GUI essentials.New York:John Wiley & Sons, Inc..
13. 大藤幹、松原慶太、押本祐二、博碩文化譯(2006)。CSS 版面設計應用精選。台北:博碩文化。
14. 李佳穎(2008)。碩士論文(碩士論文)。國立臺灣科技大學設計研究所。
15. 李欣怡(2004)。碩士論文(碩士論文)。中原大學商業設計研究所。
16. 李青蓉、魏丕信、施郁芬、邱昭彰(1998)。人機介面設計。台北:
17. 沈千婷(2009)。碩士論文(碩士論文)。國立臺北教育大學教育傳播與科技研究所。
18. 林雅惠(2008)。碩士論文(碩士論文)。國立成功大學工業設計系。
19. 胡崧(2006)。版色過人：網頁美型創意設計書。台北:PCuSER 電腦人文化。
20. 胡崧、于慧(2007)。新銳網頁版型與風格設計案例指南。台北:文魁資訊。
21. 崔美善、博碩文化譯(2007)。最優的版面風格設計。台北:博碩文化。
22. 張淑貞(2009)。碩士論文(碩士論文)。國立臺灣師範大學圖書資訊學研究所。
23. 陳建雄、蔡佳穎(2005)。國內兒童藝術學習網站風格之探討。人因工程，7(1)，47-54。
24. 劉至逢(2008)。碩士論文(碩士論文)。國立臺灣師範大學圖書資訊學研究所。
25. 劉恣惠(2008)。碩士論文(碩士論文)。國立成功大學外國語文學系。
26. 魏澤群(2007)。優使性 2.0：網站經驗設計與使用者研究。台北:網奕資訊。

1. 張嘉容(2017)。以人因工程探討行動購物網站之影響因素。義守大學資訊管理學系學位論文。2017。1-80。