現今隨著科技發展、行動通訊技術提升、行動載具及智慧連網廣泛應用，人手一機已然是世界趨勢。然而隨著智慧型手機使用率上升，使用手機上網的人越來越多，而智慧型手機瀏覽器在提供上網行為上，扮演著相當重要角色，隨著這些各式各樣的瀏覽器功能針對各種手機最佳化，就能和 PC 一樣，使用者可以選擇對自己最好的瀏覽器。

研究目的主要包括三項：(1) 歸納現有智慧型手機瀏覽器所不足之處，改善使用的績效、感受以及滿意程度。本研究透過對介面的使用性及使用者體驗調查進行兩階段的研究：(2) 現有介面使用性測試，以市場上下載率高的的行動瀏覽器為前測實驗樣本，進行使用性任務操作並測量績效，後輔以問卷與訪談，藉此了解使用者對於平時在使用手機上網時會遇到的困難與需求。(3) 設計驗證原型使用性測試，綜合文獻探討與第一階段實驗所得之結果，進行驗證原型介面設計。

驗證實驗採3 ( 資訊架構 ) x 2 ( 圖示呈現 ) 雙因子組間實驗進行；資訊架構呈現共有三款：A側欄導覽模式、B跳板導覽模式、C綜合導覽模式；而圖示呈現有：1圖案模式 ( 不具文字說明 ) 、2 圖文模式（具文字說明）二款共建立六組驗證原型。

研究結果：(1) 資訊架構中跳板式導覽其操作績效、使用者滿意度與使用性皆為最佳；(2) 圖文模式相對於圖案模式之使用者滿意度與使用性皆較佳；(3) 側欄是導覽其使用者滿意度與使用性偏低：(4) 選用正確的介面資訊架構可簡化操作層級有效提升使用性；(5) 導覽模式決定介面使用性優劣；(6) 文字在圖文呈現上經常扮演不可或缺的角色。

關鍵詞：瀏覽器、智慧型手機、使用性、介面設計、資訊架構、圖示呈現

Nowadays, with the development of advanced science and technology, the improvement of mobile communication, the widespread use of mobile devices and networking, and the popularity of smartphones have become a world trend. Also with the increase in usage of smartphones, more and more people use them to surf the Internet. A smartphone browser plays a very important role in providing network connectivity. These various kinds of browsers are optimized for different smartphones. Just like PC, users can choose the browser that is best for them.

The study mainly includes three parts: (1) Summarize the shortcomings of existing smartphone browsers, and improve the performance, feeling, and satisfaction of using them. It is a study of the usability and user experience of the interface. (2) Conduct interface usability tests and use smartphone browsers with high download rates in the market as the pre-test experimental samples. Investigate user performance measuring by task supplemented by questionnaires and interviews to understand users' difficulties and needs encountered when using a smartphone to access the Internet. (3) Design verification prototype for the usability test. Comprehensive literature research and the results of the first phase of experiments. The verification experiments are using 3 (information architecture) x 2 (graphic presentation) two-way ANOVA experiments between-subjects design. The information architecture presents three models: 1. side drawer navigation mode, 2. springboard navigation mode, and 3. comprehensive navigation mode; and the icons presentation: 1. pattern mode (without text description), 2. pattern-text mode (with a text description). The study established six prototypes for verification experiments.

The generated results indicated that: (1) The springboard navigation in the information architecture has the best performance, user satisfaction, and usability; (2) The pattern-text mode has better user satisfaction and usability than the pattern mode ; (3) The side drawer navigation mode has lowest user satisfaction and usability: (4) Choosing the correct information structure can simplify the operation and effectively improve usability; (5) The navigation mode determines the quality of the interface; (6) Text often plays an indispensable role in graphic presentation.

Keywords: browser, smartphone, usability, interface design, information architecture, graphic presentation

英文文獻
1. Bannon, L. (1991). From human factors to human actors: The system design. In J. M.Greenbaum & M. Kyng (Eds.). Design at work: Cooperative design of computer systems (pp. 31-51). Hillsdale, NJ: L. Erlbaum Associates.

2. Bevan, N., Kirakowski, J., & Maissel, J. (1991). What is Usability? Proceedings of the 4th International Conference on Human Computer Interaction, Stuttgart, Germany.

3. Booth, P. A. (1989). An introduction to human-computer interaction. Hove, East Sussex: Lawrence Erlbaum Associates.

4. Dumas, J. S. ＆ Redish, J. C. (1993). A practical guide to usability testing. Norwood, NJ: Ablex.

5. Gibson, D. (2009). The wayfinding handbook: Information design for public spaces. New York, NY: Princeton Architectural Press.

6. Gullikson, S., Blades, R., Bragdon, M., McKibbon, S., Sparling, M., & Toms, E. G. (1999). The impact of information architecture on academic Web site usability. Electronic Library, 17(5), 293-304.

7. Loudon, K. C. (1995). Information technology: Concepts and issues. Cambridge, MA: Course Technology Inc.

8. Mandel, T. (1997). The elements of user interface design. New York: Wiley.

9. Neil, T. (2014). Mobile design pattern gallery (2nd ed.). Sebastopol, CA: O’Reilly Media.

10. Nielsen, J. (1993). Usability engineering. San Francisco, CA: Morgan Kaufmann Publishers Inc.

11. Nielsen, J. (1994, April 24). 10 Usability Heuristics for User Interface Design [Website article] Retrieved from https://www.nngroup.com/articles/ten-usability-heuristics/

12. Norman, D. A., & Draper, S. W. (Eds.). (1986). User centered system design; New perspectives on human-computer interaction. Mahwah, NJ: Lawrence Erlbaum Associates, Inc.

13. Powell, T. A. (2000). Web design: The complete reference. Berkeley, CA: McGraw-Hill.

14. Preece, J. (1988). A guide to usability - Human factors in computing. Workingham, England: Addison-Wesley.

15. Shackel, B. (1991). Usability - context, framework, definition, design and evaluation. In Shakel, B., and Richardson, S., Human Factors for Informatics Usability. Cambridge University Press, Cambridge, U.K., pp.21~37.

16. Shneiderman, B. (1998). Designing the user interface (3rd ed.). Boston, MA: Addison Wesley Longman.

17. Weiss, E. H. (1995). The retreat from usability: User documentation in the post-usability era. ACM SIGDOC Asterisk Journal of Computer Documentation, 19(1), 3-18.

18. Wixon, D., & Jones, S. (1995). Usability for fun and profit: A case study of the design of decrally version 2. In M. Rudisill, C. Lewis, P. G. Polson & T. D. McKay (Eds), Human-computer Interface Design: Success Stories, Emerging Methods, and Real-world Context (pp. 3-35).

中文文獻
1. 方裕民 (2003)。人與物的對話-互動介面設計理論與實務。台北市：田園城市。

2. 威廉．立德威、克莉汀娜．荷登、吉兒．巴特勒 ( Lidwell, W., Holden, K., & Butler, J. ) (2008) 設計的法則：100個影響認知、增加美感，讓設計更好的關鍵法則 ( Universal Principles of Design )。( 呂亨英譯 )。台北市：原點。( 原作 2003年出版 )

3. 諾曼 ( Norman, D. A. ) (2000)。設計心理學 ( The psychology of everyday things. )。( 卓耀宗譯 )。台北市：遠流。( 原作 1988年出版 )

4. 諾曼 ( Norman, D. A. ) (2005)。情感設計:我們為何喜歡 ( 或討厭 ) 日常用品 ( Emotional design : Why we love(or hate)everyday things )。( 王鴻祥、翁鵲嵐、鄭玉屏、張志傑譯 )。台北市:田園城市。( 原作 2004 年出版 )

5. 諾曼 ( Norman, D. A. ) (2014)。設計的心理學:人性化的產品設計如何改變世界( The Design of Everyday Things, Revised and Expanded Edition )。(陳宜秀譯)。台北市:遠流。( 原作 2013 年出版 )