簡易檢索 / 詳目顯示

研究生: 彭婁威
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.

    摘 要 ii Abstract iii 誌謝 v 目錄 vi 圖目錄 x 表目錄 xii 第一章 緒論 1 1.1 研究背景與動機 1 1.2 研究目的 2 1.3 研究架構與流程 3 1.4 研究範圍與限制 5 第二章 文獻探討 6 2.1 智慧家庭與物聯網 6 2.1.1 智慧家庭與家電 6 2.1.2 物聯網定義 7 2.1.3 小結 8 2.2 使用者經驗 9 2.2.1 使用者經驗 9 2.2.2 使用性原則 10 2.2.3 使用者中心設計 11 2.2.4 小結 13 2.3 人機互動介面 14 2.3.1 心智模型 14 2.3.2 基模 15 2.3.3 使用者介面 16 2.3.4 互動介面設計 17 2.3.5 功能按鈕設計 19 2.3.6 小結 19 2.4 服務設計 20 2.4.1 服務設計思考與流程 20 2.4.2 雙鑽石設計流程 21 2.4.3 小結 23 2.5 小結 24 第三章 研究方法與實驗設計 25 3.1 研究方法 25 3.2 實驗設計 27 3.2.1 前導性實驗方法 27 3.2.2 驗證實驗方法 28 第四章 前導性實驗 29 4.1 質性使用者研究 29 4.1.1 訪談對象選樣 29 4.1.2 訪談流程與結果 30 4.1.3 訪談小結 34 4.1.4 人物誌 34 4.1.5 顧客旅程地圖 36 4.2 量化實驗 39 4.2.1 實驗樣本 39 4.2.2 現有智慧型電風扇應用程式分析 39 4.2 實驗設備 44 4.3 前導實驗設計 44 4.3.1 前導實驗問卷設計 44 4.3.2 實驗流程 46 4.4 任務操作設計 46 4.5 受測者資料分析 48 4.6 前導性實驗結果 49 4.6.1 任務操作績效分析 49 4.6.2 系統使用性尺度量表(SUS) 57 4.6.3 使用者互動滿意度問卷(QUIS) 58 4.7 前導性實驗結果與建議 59 第五章 驗證與實驗 62 5.1 驗證實驗方式 63 5.1.1 實驗變項 63 5.1.2 驗證實驗樣本設計 65 5.1.3 驗證實驗樣本說明 66 5.1.4 驗證實驗問卷設計 70 5.1.5 實驗流程 71 5.1.6 任務操作設計 71 5.2 驗證實驗結果與分析 73 5.2.1 基本資料分析 73 5.2.2 任務操作績效實驗結果與分析 74 5.2.3 系統使用性尺度量表(SUS)結果與分析 87 5.2.4 使用者互動滿意度問卷(QUIS)結果與分析 89 5.3 小結 96 第六章 研究結果與建議 97 6.1 研究結果 97 6.1.1 驗證實驗績效 98 6.2 結論與建議 102 6.3 後續發展建議 103 參考文獻 105 中文文獻 105 英文文獻 106 網路資料 108 附錄一:前導實驗問卷 110 附錄二:驗證實驗問卷 115

    中文文獻
    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

    無法下載圖示 全文公開日期 2024/07/22 (校內網路)
    全文公開日期 2024/07/22 (校外網路)
    全文公開日期 2024/07/22 (國家圖書館:臺灣博碩士論文系統)
    QR CODE