研究生: |
彭婁威 Lou-Wei Peng |
---|---|
論文名稱: |
智慧型電風扇應用程式介面功能設計及 資訊呈現型式之研究 A Study on the Interface Function Design and Information Presentation Style of Smart Electric Fan Applications |
指導教授: |
陳建雄
Chien-Hsiung Chen |
口試委員: |
賴文祥
Wen-Hsiang Lai 柯志祥 Chih-Hsian Ko |
學位類別: |
碩士 Master |
系所名稱: |
設計學院 - 設計系 Department of Design |
論文出版年: | 2022 |
畢業學年度: | 110 |
語文別: | 中文 |
論文頁數: | 133 |
中文關鍵詞: | 智慧居家 、智慧型電風扇 、介面設計 、資訊呈現 、使用者經驗 |
外文關鍵詞: | Smart home, Smart electric fan, Interface design, Information presentation, User experience |
相關次數: | 點閱:206 下載:0 |
分享至: |
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報 |
因物聯網(IoT)的持續蓬勃發展,連帶與居家息息相關的電風扇也開始朝向智慧化。作為家中重要的空調設備,電風扇有一定的需求性與低成本優勢,為家庭不可或缺的電器產品。智慧型電風扇能整合多種操作方式,傳統電風扇是使用實體按鍵方式,使用者需在機器上做操作,即便是使用遙控器也會有收納及其他不便之處,其便利性始終有著無法改變的先天限制。本研究目的針對具IoT能力之智慧型電風扇,探討在智慧型行動裝置之應用程式介面與資訊呈現設計,對於使用性與使用者感受上的差異。
本研究包含兩部分實驗:(1)前導性研究針對三種市面上知名品牌智慧型電風扇應用程式,進行介面操作評估,透過計測任務了解樣本間的差異;(2)參照前導性實驗之結果,與文獻整理之論點,以服務設計觀點進行模擬介面實驗。模擬介面採用3(資訊呈現)X2(固定式/多頁面隱藏)雙因子混合實驗設計,「資訊呈現」分三個層級:(1)文字、(2)圖示與文字、(3)圖示。最後分別針對受測者之實驗記錄與問卷,做分析介面的差異性對操作績效的影響。
研究結果顯示:(1)固定式的功能面板具有便於使用與容易學習的特性,適用於功能較少的少量內容操作;多頁面隱藏適用於功能較多的大量資訊呈現。(2)主要功能按鈕以圖示呈現能有較佳的美觀特性與操作效率,但特別或少見之功能若無常見的圖示或符號,應以文字呈現或輔助說明。(3)風量或定時等的設定調整應避免重複點擊的設計,減少操作上的時間浪費。
As the Internet of Things (IoT) continues to flourish, so do electric fans, closely related to our homes, to become smart. Being an important air-conditioning device at home, electric fans have a definite demand and low-cost advantage. They are indispensable electrical appliances in all homes. Smart electric fans can integrate multiple operation modes. Traditional electric fans use physical push buttons, requiring users to operate the fan via a device. Even with the remote control, there are still storage issues and other inconveniences. There is always an inevitable limitation to its convenience. This study investigates the interface operation of IoT-capable smart electric fans. This study consists of two parts of experiments:
(1) A pilot study targeted applications of three well-known brands of smart electric fans in the market. The interface operation was evaluated to understand the difference among samples through measurement tasks.
(2) Simulation interface experiments were conducted from a service design point of view regarding the results of the pilot experiment and the arguments compiled in the literature.
The simulation interface adopts 3 (information presentation) X 2 (fixed/multi-page hidden) two-factor mixed experimental design. There are three levels of "Information Presentation": (1) Text, (2) Icons and Text, and (3) Icons. The researcher analyzed the effect of interface differences on the performance based on the experimental records and questionnaires of the participants. The generated results revealed that:
(1) The fixed-function panel is easy to use and pick up and is suitable for few content operations with fewer functions. The multi-page hidden panel is appropriate for presenting mass information with more functions.
(2) The main function buttons are presented as icons for better aesthetic features and operational efficiency. Special or uncommon features without icons or symbols should be presented in text or supplemented by explanations.
(3) The setting change of air volume or timing should avoid the design of repeated clicks to reduce the operation time.
中文文獻
1.方裕民(2003)。人與物的對話-互動介面設計理論與實務。台北市:田園城市文化。
2.呂明奇(2017)。智慧型手機相機功能介面之版面配置及操作型式研究。國立台灣科技大學工商業設計系碩士在職專班碩士論文。台北市。
3.李青蓉、魏丕信、施郁芬、邱昭彰(1998)。人機介面設計。台北縣:國立空中大學。
4.國家發展委員會(2019)。108年持有手機民眾數位機會調查報告。台北市:國發會。
5.康智堯(2005)。踩踏意象之轉化與應用研究─以立式踩控電風扇設計為例。大同大學工業設計研究所。台北市。
6.陳芝菁、陳建雄(2011年6月)。智慧型手機操作介面之使用性評估。工業設計,第124期,頁 52-57。
7.陳建雄(2012)。智慧型手機影音播放功能之使用者介面設計開發。中國工程師學會會刊,第85卷,第6期,56-66。
8.彭酉(2017)。探討智慧家電之選擇與偏好分析-以聯合分析為例。國立台北科技大學經營管理系碩士班。台北市。
9.黃佳翎(2018)。影響消費者購買智慧家電意願之研究。萬能科技大學資訊管理研究所。台北市。
10.蘇芳儀、周碩彥(2019年6月)。 I 的萬物論─ 迎接物聯網的時代。科學發展期刊,第558期,頁 6-12。
英文文獻
1.Ashton, K. (2009). That ‘internet of things’ thing. RFiD J., 22(7), pp.97–114.
2.Bartlett, F. C. (1932). Remembering: A Study in Experimental and Social Psychology. Cambridge, England: Cambridge University Press.
3.Gates, B., Nathan, M., & Peter, R.(1995). The Road Ahead. London, England: Viking Penguin.
4.Design Council. (2015). Design methods for developing services. Design Council.
5.Garrett, J. J. (2010). The elements of user experience: user-centered design for the web and beyond,2/e. San Francisco, CA: Pearson Education.
6.Hoober, S. (2013). How Do Users Really Hold Mobile Devices? UXmatters, November 1, 2012.Retrieved January 18, 2013.
7.Johnson-Laird, P. N. (1983). Mental Models. Cambridge, England: Cambridge University Press.
8.Mayer, R. E. (1983). Think, problem solving, cognition. NY: W. H. Freeman and Company.
9.Nielsen, J. (1993). Usability Engineering. San Diego, CA: Academic Press.
10.Norman, D. A. (1983). Some observations on Mental Models. In D. Gentner, Dedre and Stevens, Albert L. (eds.). Mental Models. Hillsdale, New Jersey: Lawrence Erlbaum Associates.
11.Norman, D. A. (1988). The Psychology of Everyday Things. New York, NY: Basic Books.
12.Norman, D. A., Henderson, A., & Miller, J. (1995). What You See, Some of What's in the Future, And How We Go About Doing It: HI at Apple Computer. Conference companion on Human factors in computing systems.
13.Piaget, J. (1952). The origins of intelligence in children. New York, NY: International Universities Press.
14.Stickdorn, M., & Schneider, J. (2010). This Is Service Design Thinking: Basics, Tools, Cases. Amsterdam: BIS Publishers.
15.Walbridge, S. (2000). Usability Testing and Libraries: The WSU experience. Alki, 16(3), 23-24.
16.馬維銘 (2017). A Study of Information Security of Internet of Things in WLAN. 全球商業經營管理學報. 第九期.
網路資料
1.Brooke, J. (1996). SUS - A quick and dirty usability scale. 取自:https://hell.meiert.org/core/pdf/sus.pdf
2.ISO 13407(1999). Human-centred design processes for interactive systems. 取自:https://www.iso.org/obp/ui/#iso:std:iso:13407:en
3.ISO (2018). ISO 9241-11:2018 Ergonomics of human-system interaction — Part 11: Usability: Definitions and concepts. 取自:https://www.iso.org/obp/ui/#iso:std:iso:9241:-11:ed-2:v1:en
4.Design Council (2005). The Design Process: What is the Double Diamond. 取自:https://www.designcouncil.org.uk/news-opinion/design-process-what-double-diamond
5.Nielsen, J. (2012, January 3). Usability 101: Introduction to Usability. 取自:https://www.nngroup.com/articles/usability-101-introduction-to-usability/
6.Hoober, S. (2013, February 18). How Do Users Really Hold Mobile Devices?. 取自:https://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php
7.Lee, A. (2014, January 10). 使用者經驗分層元素. 取自:https://blog.akanelee.me/posts/175085-user-experience-stratification-elements/
8.Harley, A. (2014, March 30). Mobile Navigation: Image Grids or Text Lists?,取自:https://www.nngroup.com/articles/image-vs-list-mobile-navigation/
9.Harley, A. (2014, July 27). Icon Usability,取自:https://www.nngroup.com/articles/icon-usability/
10.Whitenton, K. (2015, November 29),Menu Design: Checklist of 15 UX Guidelines to Help Users. 取自:https://www.nngroup.com/articles/menu-design/
11.Hoober, S. (2017, March 6),Design for Fingers, Touch, and People. 取自:https://www.uxmatters.com/mt/archives/2017/03/design-for-fingers-touch-and-people-part-1.php
12.Dong, S. (2018, April 22). 給UX學習者的入門指南(中) — 了解UX與UCD. 取自:https://medium.com/as-a-product-designer/%E6%89%80%E4%BB%A5-%E4%BD%A0%E6%83%B3%E5%AD%B8ux-%E4%B8%AD-%E4%BA%86%E8%A7%A3ux%E8%88%87ucd-cf60ae775e1d
13.Jeliazkov, D. (2019, February 28). Mobile Usability Made Simple.,取自:https://uxplanet.org/mobile-usability-made-simple-945e106e23eb
14.ISO (2019, July). ISO 9241-210:2019 Ergonomics of human-system interaction — Part 210: Human-centred design for interactive systems. 取自:https://www.iso.org/standard/77520.html