簡易檢索 / 詳目顯示

研究生: 王雅慧
Ya-hui Wang
論文名稱: 雜誌應用程式數位化視覺資訊架構之設計研究
A Study of Visual and Information Architecture in the Magazine application on mobile devices
指導教授: 陳建雄
Chien-hsiung Chen
口試委員: 張文智
none
衛萬里
none
陳建雄
Chien-hsiung Chen
學位類別: 碩士
Master
系所名稱: 設計學院 - 設計系
Department of Design
論文出版年: 2013
畢業學年度: 101
語文別: 中文
論文頁數: 131
中文關鍵詞: 電子雜誌應用程式化視覺資訊架構介面設計類別導覽模式
外文關鍵詞: E-publishing, Visual and information architecture, Interface
相關次數: 點閱:408下載:56
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 由於數位出版的過程中,需串聯三大領域的整合如電腦資訊產業(技術)、出版業(內容)、電信業(網路),因目前較無完整的配套措施,以致發展遲緩且市場接受度差。研究者認為在此段區間內,技術開發商更應該致力於目前電子雜誌App介面的改善,分次優化調整視覺呈現架構,以改善使用者的閱讀體驗。本研究之目的乃針對雜誌轉型於行動載具應用程式(App)介面的使用性與體驗感受進行研究,以現有的電子雜誌App為樣本,觀察解析使用者心智模式於介面上視覺資訊呈現與架構的觀感,並探討其開發是否以使用者需求為中心思考設計,以幫助使用者能清楚快速掌握資訊及避免閱讀方向迷失。
    本研究包含兩部分實驗:(1)歸納現有電子雜誌App視覺架構不足之處、探討閱讀時輔助功能鍵所呈現位置與樣式,並改善其使用績效及滿意度;(2)將前階段實驗之成果整理歸納相關文獻研究並進行驗證實驗,採2(輔助功能表呈現方式)x 3(類別導覽模式)之雙因子實驗方式進行。「輔助功能表呈現方式」之變項共有兩層級:(1)顯現式,彈出獨立視窗:所有輔助功能鍵一字排開,點擊後彈出獨立視窗然資訊顯現於內;(2)隱藏式,自動收合視窗:所有輔助功能鍵收納於一個按鈕裡,點擊後自動收合視窗升起才可見的。而「類別導覽模式」之變項共有三層級:(1)矩形圖框:九宮格的圖像呈現,其圖像是由內文圖片擷取而來;(2)文字列表:內文標題做文字條列方式呈現;(3)頁面展開:為各頁面縮圖做圖像呈現。
    研究結果如下:(1)雜誌是集合眾多主題、圖像、情報的媒介,在類別導覽模式下應針對該雜誌的屬性,輔以視覺圖像做為目錄引導;(2)輔助功能表的規劃上,按鈕以顯現方式呈現並搭配彈出獨立視窗,可讓資訊的呈現較為清楚;(3)考量使用者電子閱讀的生理負荷,宜拆解將單本雜誌以短篇主題分批出版;(4)功能符號的規劃可輔以網頁符號的設計,讓使用者憑著慣性本能直覺使用;(5)應善用數位化獨有的搜尋特性,幫助使用者能快速連結或串連外部的補充資訊;(6)電子雜誌與社群媒體的整合,能藉由分享帶動知識傳遞,做到紙本無法達到的閱讀體驗;(7)操作次數與功能按鈕的位置層級會影響閱讀流暢度;(8)操作使用說明頁應註明左右翻為切換雜誌主題,上下滑動為單主題的延伸內容,且宜放置醒目的第二頁或獨立出功能按鈕來;(9)數位出版需有別於紙本的操作模式,不宜隨意安插廣告,會與內容無法區隔;(10)互動上力求有意義的補充資訊,不要僅是特效呈現。


    As the e-publishing process progress, it integrates the technology of the Information industry, the contents of the publishing industry, and the internet of the Information industry. Less comprehensive measures were in place due to the development delay and poor market. The researcher believes that the segment range, technology developers should be more committed to improve the interface design of the e-magazine application, and adjustment of visual and information architecture step by step, in order to enhance the user experience of reading.
    The purpose of this study is the interface for use with experience feelings research of the magazines transformation application on the mobile device. Three existing e-magazine application were used as samples, the researcher observed and analyzed user mental models in the visual and information architecture on the interface. The exploration and study is the software development whether user demand thinking designed to help clearly grasp the information and avoid reading disorientation.
    This study includes two parts of experiments: (1) The user interface investigation for the current e-magazine application. It explored the icon layouts and style of reading auxiliary function. By understanding the functionality, procedure, interface satisfaction rate, and system usability, an interaction designer can generate important user requirements to be incorporated in the future design. (2) Combine the first stage experiment results with the relevant literatures to help conduct validate experiment. The experiment has been planned base on a 2 (auxiliary icon layouts) by 3 (content guide mode) two-way ANOVA design. There are two levels in the independent variable of auxiliary icon layouts: (1) Apparent auxiliary icon layouts which pop-up independent window: All auxiliary icon layouts are arranged. After a user clicks the information, it will be displayed on the independent windows. (2) Hidden auxiliary icon layouts which open automatic unfolding window: All auxiliary icon layouts are collected. After a user clicks clicking the information, the window will automatically rise and become visible. There are three levels in the content guide mode: (1) The rectangular frame: A matrix will render its image from the text. (2) Word list: the text of column presented. (3) Expand the page: thumbnail for each page to do image rendering.
    The generated results indicated that: (1)The magazine is a collection of many themes, images, and intelligence media category navigation mode attributes for the magazine, combined with the visual image as a directory to guide. (2)The plant of auxiliary icon layouts together with the independent pop-up window allow information presented more clearly. (3)Consider the e-reader load user's physiological to be should be the dismantling of a magazine published by short theme batches.(4)Planning function symbols can be supplemented by the design of the symbols of the page, allowing users to rely on their intuitions. (5)Supplemental information should make good use of digitized unique search features, helping users quickly link to external. (6)E-magazine with social magazine integration can share knowledge resources quickly, and traditional paper cannot have the same experience. (7)The number of operations and functions of the position of the button level will affect the reading fluency. (8)Guide should indicate left and right turn to help switch Magazine theme, slide up and down as the single theme extends content, and should be placed prominently on the second page or an independent function buttons. (9) E-publishing needs to differ from the mode of the tradition publications, not the random placement of advertising, and the content cannot be separated. (10)E-magazine strives for meaningful supplemental information, not only to render special effects.
    Keyword: E-publishing, Application, Visual and information architecture, Interface design, Content guide mode

    摘 要 Abstract 致 謝 目 錄 圖目錄 表目錄 第一章 緒論 1.1 研究背景與動機 1.2 研究目的 1.3 研究架構與流程 1.4 研究範圍與限制 第二章 文獻探討 2.1 發展數位出版 2.1.1 數位內容產業的定義與範疇 2.1.2 數位出版的意義與要件 2.1.3 數位出版的趨勢與困境 2.1.4 電子雜誌的定義 2.1.5 電子雜誌的格式與閱讀平台 2.1.6 社群雜誌與社群媒體 2.1.7 小結 2.2 APP視覺架構與商業思維相關文獻 2.2.1 Apple Store與Google Android的簡介 2.2.2 Apple Store的趨勢與商業模式 2.2.3 行動資訊架構 2.2.4 小結 2.3 互動介面設計 2.3.1 人機互動設計 2.3.2心智模式 2.3.3 使用者介面設計原則 2.3.4 圖形化使用者介面 2.3.5使用性評估 2.3.6 小結 第三章 研究方法與進行步驟 3.1 研究方法 3.2 實驗流程與建構 第四章 前導性實驗 4.1 第一階段:電子雜誌 App 4.1.1 受測樣本 4.1.2 實驗對象 4.1.3 實驗任務 4.1.4 前導性實驗任務分析與討論 4.1.5 QUIS 滿意度問卷分析討論與小結 4.2 第二階段:社群雜誌 App 4.2.1 受測樣本 4.2.2 實驗對象 4.2.3 實驗任務 4.2.4 前導性實驗任務分析與討論 4.2.5 QUIS滿意度問卷分析討論與小結 第五章 驗證實驗 5.1 驗證實驗方法 5.1.1 驗證實驗研究變項 5.1.2 驗證實驗App製作 5.1.3 驗證實驗問卷設計 5.1.4 驗證實驗對象 5.2 驗證實驗結果 5.2.1 計測任務操作績效之分析 5.2.1.1 計測任務操作績效:任務一 5.2.1.2 計測任務操作績效:任務二 5.2.1.3 計測任務操作績效:任務三 5.2.1.4 計測任務操作績效:任務四 5.2.1.5 計測任務操作績效:任務五 5.2.1.6 計測任務操作績效:整體績效 5.2.2 系統使用性尺度量表(SUS)之分析 5.2.3 使用者互動滿意度量表(QUIS)之分析 5.2.3.1 QUIS「整體反應」之分析 5.2.3.2 QUIS「畫面呈現」之分析 5.2.3.3 QUIS「介面遣詞與介面資訊」之分析 5.2.3.4 QUIS「學習」之分析 5.2.3.5 QUIS「軟體效能」之分析 第六章 結論與建議 6.1 研究結果 6.2 結論建議與後續發展 參考文獻 附錄

    1. 沈麗如(2006)電子雜誌報導式廣告之廣告效果研究─以3C產品為例。國立台灣科技大學企業管理研究所,台北。
    2. 游曉薇(2007)。電子雜誌顧客維繫方式與顧客反應之研究。南華大學出版事業管理研究所,嘉義。
    3. 高雲換(2006)。電子雜誌及電子書的異業合作模式之研究。南華大學出版事業管理研究所,嘉義。
    4. 任欣駿(2007)。台灣電子雜誌業者之經營策略研究。世新大學圖文傳播暨數位出版學系,台北。
    5. 蘇微東(2008)。影響創新消費者對電子雜誌接受意願之因素。世新大學圖文傳播暨數位出版學系,台北。
    6. 陳京琳(2008)。影響消費者採用電子雜誌因素之研究。世新大學圖文傳播暨數位出版學系,台北。
    7. 林柏宇(2010)。電子雜誌出版平台策略聯盟類型研究。世新大學新聞系,台北。
    8. 林紹萍(2011)。電子雜誌視覺資訊與資訊架構之可尋性研究。國立台灣科技大學設計研究所,台北。
    9. 吳亞仁(2008)。觸控式螢幕介面設計之使用性研究-以手持式汽車導航儀為例。國立台灣科技大學設計研究所,台北。
    10. 徐瑜卿(2006)。行動多媒體通訊產品使用者介面設計之研究。國立台灣科技大學設計研究所,台北。
    11. 許鴻泰(2010)。電子書閱讀器之選單型式與快捷按鍵在使用者介面設計之研究。國立台灣科技大學設計研究所,台北。
    12. 林盈妤(2003)。我國數位互動雜誌產業發展現況之研究─以iGal與Smart智富月刊為例。南台科技大學資訊傳播研究所,台南。
    13. 劉芳梅(2011)。e讀成癮:電子書綜合研究報告。(方富杉、吳佩玲、吳素華、李國鼎、林佩璇、林鈺婷、陳均輔、陳芃君、陳美莉、曾思穎、楊展岳、劉芳梅、蔡易靜、蔡郁薇)。台北:財團法人資訊工業策進會。
    14. 財團法人資訊工業策進會(2011)。創新發限誌6月號 APP下一步。台北:財團法人資訊工業策進會。
    15. 行政院新聞局(2008)。96年臺灣雜誌出版產業調查研究。台北:行政院新聞局。
    16. 宋雪芳、邱炯友(1999)。由使用者角度看電子檔案格式探析與實作,中國圖書館 學會會報,62,87-105。
    17. 方裕民(1999)GUI界面設計理論與實務-以家庭娛樂系統設計案為例,中日設計教育研討會論文集,雲林科技大學,47-60。
    18. 方裕民(2003)人與物的對話-互動介面設計理論與實務。台北:田園城市。
    19. 經濟部工業局(2002)我國數位多媒體產業策略論壇。台北。
    20. 黃文娟譯(2010)。不迷路的設計:視覺指引的秘密(原作者:D. Gibson)。
    台北:旗標。
    21. Norman, D. A.(2007)。卓耀宗譯,設計&日常生活:如何選擇安全好用的日常生活用品(The Design of Everyday Things)。台北:遠流。
    22. Shneiderman, B. & Plaisant C.(2005)。曾志軒譯,人機界面設計(Designing the user interface)。台北:台灣培生。
    23. 邱炯友(1996)。資訊價值體系中的電子出版。資訊傳播與圖書館學報,3(2),4-5。
    24. 邱炯友(2008)。台灣雜誌出版產業數位發展與趨勢:兼論調查統計數據之意義。96 年臺灣雜誌出版產業調查研究。台北:行政院新聞局。
    25. 許力(1992)。中國大百科全書。台北:錦繡。
    26. 行政院經濟建設委員會(2005)。挑戰2008 國家發展重點計畫2002-2007。
    27. 張孟元(2006)。數位出版定價策略。2006出版年鑑,375-389。台北:新聞局。
    28. 管倖生(2008)。設計研究方法(二版)。台北:全華圖書。
    29. 經濟部(2003)。數位內容產業白皮書。台北:經濟部工業局。
    30. 行政院新聞局(2005)。中華民國2004 出版年鑑。台北:行政院新聞局。
    31. 行政院新聞局(2011)。中華民國 2010 出版年鑑。台北:行政院新聞局。
    32. 行政院新聞局(2012)。中華民國 2011 出版年鑑。台北:行政院新聞局。
    33. 行政院新聞局(2007)。96年台灣雜誌出版產業調查研究報告。台北:行政院新聞局。
    34. 經濟部工業局(2002)。我國數位多媒體產業策略論壇。台北:經濟部工業局。
    35. 經濟部工業局(2003)。數位內容產業白皮書。台北:經濟部工業局。
    36. 杜麗琴(2009)。2008年臺灣電子書產業價值活動概況。2009 出版年鑑,465-470。台北:新聞局。
    37. 萬榮水、游曉薇(2007)。電子雜誌顧客維繫方式與顧客反應之研究。出版與管理研究,123-157。
    38. 杜麗琴(2008)。發展數位出版的人才,是出版人才還是數位人才?「2008數位出版行動年」論壇。上網日期:2011年05月01日。網站:http://udn.com/NEWS/READING/REA8/4634420. html
    39. 杜麗琴(2008)。數位出版的人才需求-以智慧藏學習科技為例。上網日期:2011年05月01日。網站:http://www.glis.ntnu.edu.tw/blog/resserver.php?blogId=4&resource=數位出版的人才需求_遠流.ppt.
    40. 黃紹麟(2001)。終極的網際網路(五)第二波創業潮與小型內容提供者,數位之牆。上網日期:2012年02月11日。網址:http://www.digitalwall.com/scripts/display.asp?UID=101
    41. 閔大洪(2006)。手機電子雜誌:手機媒體廣告新的承載平台【通信頻道】。上網日期:2012年02月11日。網站:http://net.it168.com/m/2006-09-14/200609140945433.shtml
    42. 中國經濟網(2006)。電子雜誌內容與形式間的辨證關係。上網日期:2012年08月01日。網址:http://www.ce.cn/books/main/hot/200606/01/t20060601_7181956.shtml
    43. 台灣數位出版聯盟(2012)。2012台灣數位出版市場現況報告。台北:文化部
    44. 台灣數位出版聯盟(2010)。數位出版的成本經濟學。上網日期:2012年03月12日。網站:http://www.dpublishing.org.tw/2010/03/blog-post.html
    45. Jay Yarow 、Kamelia Angelova(2011)。CHART OF THE DAY: How Much Apple Is Making On The App Store。上網日期:2012年03月12日。網站:http://www.businessinsider.com/chart-of-the-day-cost-of-an-app-2011-7
    46. Justin(2010)。CHART OF THE DAY: How Much Apple Is Making On The App Store。上網日期:2012年03月12日。網站:http://www.mobilemarketingwatch.com/abi-research-publishes-five-year-mobile-app-forecast-predicts-apple-to-reign-supreme-8283/
    47. Coolman(2010)。電子書格式探討。上網日期:2012年03月12日。網站:http://coolman911.wordpress.com/2010/03/17/%e9%9b%bb%e5%ad%90%e6%9b%b8%e6%a0%bc%e5%bc%8f%e6%8e%a2%e8%a8%8e/
    48. 胡迪福(2008)。數位內容產業現況與未來趨勢。數位內容產業與投資趨勢研習會。上網日期:2012年03月12日。網站:http://www.tvca.org.tw/moea_idb/industry/970724-1.pdf

    QR CODE