簡易檢索 / 詳目顯示

研究生: 韓瀅豫
Ying-Yu Han
論文名稱: 平板食譜應用程式使用者介面功能鍵與資訊顯示方式之設計研究
A Study on the Toolbar and Information Display of Recipe Application of Tablet
指導教授: 陳建雄
Chien-Hsiung Chen
口試委員: 吳志富
Chih-Fu Wu
鄭金典
Jin-Dian Cheng
學位類別: 碩士
Master
系所名稱: 設計學院 - 設計系
Department of Design
論文出版年: 2018
畢業學年度: 106
語文別: 中文
論文頁數: 123
中文關鍵詞: 平板食譜應用程式功能鍵位置資訊顯示方式使用者經驗
外文關鍵詞: Recipe application of tablet, Position of toolbar, Information displaying mode, User experience
相關次數: 點閱:343下載:0
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 食譜常作為人們在學習料理不可或缺的參考依據,從手寫筆記到近代手機、平板等數位裝置的興起,讓學習食譜變得更方便和容易。其中平板電腦在可攜性、以及螢幕尺寸上,均比其他行動裝置具有優勢,已成為現代家庭廚房中不可或缺的數位產品。但市面上很少針對平板電腦的食譜應用程式所開發的設計。本研究將在平板電腦上,找出最適合操作的食譜介面,達到舒適的使用體驗。
      本研究主要目的為探討平板裝置食譜應用程式介面設計之現有使用情況與未來可能發展方向,透過對介面的使用性與使用者體驗調查進行兩階段的研究:(1) 前導性實驗,透過市售三款下載率較高之平板食譜應用程式進行前導性實驗任務操作並記錄時間績效,後輔以感受性量表與使用者訪談,藉此進而了解現存平板食譜應用程式在介面功能上的使用性差異因子。(2) 驗證實驗,透過文獻探討並綜合第一階段實驗所得出的結果,進行模擬介面設計,模擬介面採用2 (功能鍵位置) x 3 (資訊顯示方式)雙因子實驗方式進行,功能鍵位置分為兩個層級:1.功能鍵固定、2.功能鍵在內容中;資訊顯示方式分為三個層級:1. 多圖顯示方式、2. 條列顯示方式、3. 單圖顯示方式。
      研究結果顯示(1)「功能鍵固定」受測者評價高於「功能鍵在內容中」;(2)「條列顯示方式」評價高於「多圖顯示方式」與「單圖顯示方式」;(3)「功能鍵固定」結合「條列顯示方式」的實驗樣本能快速查詢食譜步驟、減少受測者找尋功能鍵以及容易資訊集中,也能降低受測者使用平板食譜應用程式的錯誤率與挫折感,對於受測者來說較為友善直覺;而功能鍵固定在工具列,也能快速幫助使用者找到需要的功能,所以滿意程度高於其他實驗樣本。未來研究也能基於本研究結果,進行相關的應用與更深入的研究。


    Recipe provides an indispensible reference for people's learning of cooking. Developing from handwriting notes, the emergence of digital devices like cell phones and tablets make recipe-learning much more convenient and easier. Tablet computer takes advantage over other mobile devices in terms of portability and the size of the screen, having become an indispensible digital product in modern family kitchen. However, there are very few designs for the recipe applications of tablet computers in the market. The research aims at finding out an operation-fittest recipe interface on the tablet computer so as to offer a comfortable usage experience.
    This study is intended to explore current usage situation and future potential development direction of the recipe application for tablet devices regarding its interface design. This thesis conducts two phases of experiment through the study of the interface's usage and user experience: (1) Pilot experiment. Through researching on three tablet recipe applications with high download rate, this study conducts pilot experimental task operation and records participants' time performances, assisted with sensitivity scale and user's interview, and then has a knowledge of the usability difference factors of current recipe application program of tablet computers with regard to their interface function. (2) Verify experiment. Combining literature review with the experiment results generated from the first stage, this study simulates the interface design prototypes. The experiment conducts 2 (The Position of Toolbar) x 3 (Information Displaying Mode) mixed factorial design based on the results from the pilot study. The position of function key is divided into two levels: 1. the Toolbar fixation, and 2. the Toolbar in the content; the information displaying mode is classified into three levels: 1. the Gallery mode, 2. the List Menu mode, and 3. the Card mode.
    The results of this study indicate that (1) the testees of the "Toolbar fixation" have a higher comment than that of "the Toolbar in the content"; (2) the evaluation of "the List Menu mode" is higher than those of "the Gallery mode" and "the Card mode"; (3) the experimental sample combining "the function key fixation" with "the listings displaying mode" can quickly enquiry the recipe steps, reduce the testees' time on searching for the toolbar and facilitate the information collection, and can also reduce the participants' error rate and frustration in using the recipe application of tablet, being more friendly and direct for the testees. Fixing the action icon on the toolbar is also helpful for users in quickly finding out the wanted function and therefore its degree of satisfaction is higher than other experimental samples. Based on the results of this study, future research can be conducted on related applications and further deeper study.

    第一章 緒論 1.1 研究背景與動機 1.2 研究目的 1.3 研究架構與流程 1.4 研究範圍與限制 第二章 文獻探討 2.1 分享式食譜 2.2 行動裝置硬體 2.2.1平板電腦的使用情況 2.2.2觸控式螢幕的應用 2.3 軟體互動設計 2.3.1使用者介面 2.3.2圖像控制介面設計原則 2.3.3行動介面主要導覽模式 2.4 使用者經驗設計 2.4.1使用性工程 2.4.2使用者心智模式 2.4.3人機互動 2.4.4使用性評估 第三章 研究方法與實驗流程 3.1 受測者 3.2 實驗設備 3.3 實驗設計 3.4 研究架構 第四章 食譜應用程式現況調查與前導性實驗 4.1 前導性實驗受測樣本 4.2 實驗設備 4.3 前導性實驗問卷設計 4.4 受測者基本資料分析 4.5 前導性實驗結果 4.5.1計時任務績效分析:任務一 4.5.2計時任務績效分析:任務二 4.5.3計時任務績效分析:任務三 4.5.4計時任務績效分析:任務四 4.5.5計時任務績效分析:任務五 4.5.6系統易用性尺度量表(SUS)分析 4.5.7尼爾森系統可用性量表(Nielsen's Attributes of Usability)分析 4.6 前導性實驗小結 第五章 驗證實驗:食譜應用程式使用者模擬介面 5.1 實驗設計 5.1.1 實驗研究變項 5.1.2 食譜應用程式實驗樣本設計 5.1.3 食譜應用程式操作任務設計 5.2 受測者分析 5.3 實驗結果分析 5.3.1平板食譜應用程式操作任務績效分析 5.3.2 任務一任務操作時間績效:使用食譜應用程式「分類」方式尋找食譜 5.3.3 任務二任務操作時間績效:使用食譜應用程式「收藏」喜愛的食譜 5.3.4 任務三任務操作時間績效:使用食譜應用程式找尋食譜的「步驟」 5.3.5 任務四任務操作時間績效:使用食譜應用程式「收藏」、「分享」食譜 5.3.6 任務五任務操作時間績效:使用食譜應用程式「撰寫」新的食譜 5.4 系統易用性尺度量表(SUS)分析 5.5 尼爾森系統可用性量表(Nielsen's Attributes of Usability)分析 第六章 研究結論與建議 6.1 研究成果 6.1.1 平板食譜應用程式介面使用性之前導性實驗結果 6.1.2 實驗設計與驗證結果 6.2 後續研究發展與建議 6.2.1 研究結論與建議 6.2.2 後續研究發展建議 參考文獻 附錄一:前導性實驗問卷 附錄二:驗證實驗問卷

    中文文獻:
    1. 方裕民 (2003)。人與物的對話:互動介面設計理論與實務。台北市:田園城市。
    2. 吳德銘 (譯),(原作者:Everett N. M. )著 (1999)。Microsoft Windows使用者介面開發手冊。台北:華彩軟體公司出版。
    3. 巫美美 (2001)。教育資源交換分享機制研究。台北市:教育部電算中心研究報告。
    4. 李佳穎 (2009)。網路書店使用者介面之資訊呈現與商品圖片型式對使用者體驗感受之影響。國立台灣科技大學設計研究所碩士論文。

    5. 范耀文 (2012)。平板電腦檔案選取與工具列文字顯示方式之設計研究。國立台灣科技大學設計研究所碩士論文。
    6. 李青蓉、魏丕信、施郁芬、邱昭彰 (1998)。人機介面設計。台北:國立空中大學期刊。
    7. 卓耀宗 (譯),(原作者:Norman, D. A. )著 (2007)。設計&日常生活。台北:遠流出版。 

    8. 林育潔 (2013)。演化式計算在個人化健康食譜設計之研究。輔仁大學資訊管理研究所碩士論文。
    9. 施瑾璇 (2013)。數位食譜使用者介面研究。大同大學工業設計研究所碩士論文。
    10. 莊政道、劉美君、趙祖佑、陳秋齡、羅愛茵、葉仰哲、王世杰 (2012)。2012平面顯示年鑑。新竹:財團法人工業技術研究院。
    11. 陳建雄(譯),(原作者:Helen Sharp, Yvonne Rogers, Jenny Preece )著 (2006)。互動設計。台北:全華科技出版。
    12. 陳昱誠 (2010)。觸控式電子食譜與操作介面創新設計研究。大同大學工業設計研究所碩士論文。
    13. 游凱婷 (2012)。平板電腦之電子食譜使用者介面設計研究。大同大學工業設計研究所碩士論文。
    14. 萬欣亭 (2009)。多點式觸控螢幕之手勢操作研究。大同大學工業設計研究所碩士論文。
    15. 鄧怡莘 (2002)。軟硬體介面互動性探討-以行動電話為例。國立交通大學應用藝術研究所碩士論文。
    16. 鄭文俊 (1999)。資訊產品螢幕圖像操作介面設計思索與實務。大葉設計學報。
    17. 鄭巧玉 (譯),(原作者:Theresa )著 (2014)。行動介面設計模式圖鑑。台北:碁峯出版。

    網路資料:
    1. iCook 愛料理 (2011)。2016年10月25日,取自:http://icook.tw/。
    2. Cookpad (2016)。2016年10月25日,取自:http://cookpad.com/tw
    3. 下廚房 (2016)。2016年10月25日,取自:https://www.xiachufang.com/
    4. CNET (2011)。2016年10月25日。平板電腦開始侵蝕 PC、電視市場。取自: http://joepspsps2.blogspot.tw/2011/12/why-we-need-smart-tv-is-it-possible.html

    英文文獻:
    1. Chapanis, A. (1976). Engineering psycology. In M. D. Dunnette (Ed), Handbook of industrial and organizational psychology. Chicago, IL: Rand McNally.
    2. Donald, A. Norman (1986) .The Design of Everyday Things. Doubleday, New York.
    3. Fingas, J. (2012). Retrieved June 9, 2012.Nearly a quarter of US smartphone owners have tablets, love their video. Web site: http://www.engadget.com/2012/06/09/comscore-says-quarter-of-us-smartphone-ow ners-have-tablets/
    4. Hanson, L. V. (2004). The user experience: Designs and adaptations. IBM T. J. Watson Research Center. New York, USA: ACM.
    5. Nielsen, J. (1993).Usability Engineering. Academic Press, Boston, MA.
    6. Wentling, L. Tim, & Park, Ji - Hye. (2007). Cost Analysis of E-learning A Case Study of A University Program. Retrieved Jan 11, 2007, from University of Illinois at Urbana-Champaign. Web site: http://learning.ncsa.uiuc.edu/papers/AHRD2002_wentling-park.pdf
    7. Whiteside, J., Bennett, J., & Holtzblatt, K. (1988). Usability engineering: Our experience and evolution. in Martin Helander, editor, Handbook of Human-Computer Interaction, Amsterdam: North-Holland.

    無法下載圖示 全文公開日期 2023/02/08 (校內網路)
    全文公開日期 本全文未授權公開 (校外網路)
    全文公開日期 本全文未授權公開 (國家圖書館:臺灣博碩士論文系統)
    QR CODE