國立臺灣師範大學博碩士論文全文系統

簡易檢索 / 詳目顯示

回結果列表

研究生：	李瑩
論文名稱：	微波效應：展覽導覽型app分析與創作 Microwave Effect: Analysis And Creation of Exhibition Navigation Application
指導教授：	伊彬
學位類別：	碩士 Master
系所名稱：	設計學系 Department of Design
論文出版年：	2012
畢業學年度：	100
語文別：	中文
論文頁數：	102
中文關鍵詞：	互動設計、介面設計、使用者經驗、易用性、iPhone 、app
英文關鍵詞：	interaction design, interface design, user experience, usability, iPhone, app
論文種類：	學術論文
相關次數：	點閱：206 下載：23
分享至:	分享至facebook 分享至twitter

查詢本校圖書館目錄查詢臺灣博碩士論文知識加值系統勘誤回報

本研究為製作臺灣師大設計所設計創作專班 101 級畢業展「微波效應」的展覽
導覽 app ，將以 iOS Human Interface Guidelines 角度切入，分析檢討現有展覽導覽型 app。包含架構層次、介面設計規範、易用性等三個部分，列舉該 app 優缺點與可改良之處。針對24 名展覽者進行問卷調查， 1. 製作這個app 的目的。2. 預期這個app 帶來什麼樣的效果。3. 這個app 需要包含哪些內容。最後依照使用者經驗元素將 app 區分成策略、範圍、結構、骨架、表層，採用使用者經驗藏寶圖之步驟並導入研究結果完成各個元素：敘述故事、找出中心思想、創建人物、代入情境、整理清單、資料分析、使用者調查、製作概念圖、製作系統圖、訂定頁面流程、繪製 Wireframe 線稿、設計故事板、概念設計、原型設計。最後將此原型交與程式撰寫人員進行開發，最後完成 iPhone app 並送至 AppStore 審核上架。未來開發iPhone app 可依照此流程與各階段注意事項，提供較優良的使用者經驗與操作介面。

This study was research and design about exhibition navigation app "Effect of
Microwave - The 9th Graduation Exhibition By NTNU Graduate of Design". The study
began with iOS Human Interface Guidelines and analysis of exhibition navigation apps
in App Store. It listed pros and cons about above apps in aspects of system hierarchy,
human interface guidelines and usability. Then examined the purpose, influence and
contents of the app by providing questionnaire to exhibiters. Followed five layer of
strategy, scope, structure, skeleton and surface in The Elements of User Experience.
And designed step by step according to stories, proverbs, personas, scenarios, content
inventories, analytics, user surveys, concept maps, system maps, process flows,
wireframes, storyboards, concept designs and prototypes in User Experience Treasure
Map. Finally completed and submitted the app to App Store with developer. In future
iPhone app development, this design flow and guidelines will provide better user
experience and interface.

摘要 ..................................................... I
ABSTRACT ................................................ II
謝誌 ................................................... III
目錄 .................................................... IV
表目錄 ................................................. VII
圖目錄 ................................................ VIII
第一章 緒論 ............................................... 1
1 研究背景與動機 ........................................ 1
2 創作目的 .............................................. 2
3 創作範圍與限制 ........................................ 2
4 創作流程 .............................................. 4
第二章 文獻探討 ............................................ 5
1 互動設計與介面 ....................................... 5
1.1 互動設計 ............................................ 5
1.2 易用性 .............................................11
1.3 過度設計 .......................................... 13
1.4 小結 .............................................  16
2 IOS 介面設計.......................................... 18
2.1 iOS 介面設計規範 ................................... 20
2.2 使用者介面設計準則 .................................. 23
2.3 小結 .............................................. 27
3 使用者經驗 ........................................... 29
3.1 小結 .............................................. 34
第三章 研究方法 ........................................... 36
1 研究方法與步驟 ....................................... 36
1.1 現有展覽導覽型 app 分析 ............................. 36
1.2 展覽者需求調查 ..................................... 37
V
2 研究目的 ............................................. 37
第四章 研究討論 ........................................... 38
1 資料整理與分析結果 .................................... 38
1.1 展覽導覽型app 分析結果 .............................. 38
1.2 展覽者需求調查結果 ................................. 49
2 小結 ................................................ 52
第五章 創作內容 ........................................... 60
1 策略階段 ............................................. 60
1.1 敘述故事 ........................................... 60
1.2 找出中心思想 ....................................... 60
2 範圍階段 ............................................. 60
2.1 創建人物 ........................................... 60
2.2 代入情境 ........................................... 61
3 結構階段 ............................................. 64
3.1 整理清單 ........................................... 64
3.2 資料分析 ........................................... 64
3.3 使用者調查 ......................................... 64
3.4 製作概念圖 ..........................................64
4 骨架階段 ............................................. 65
4.1 製作系統圖 ......................................... 65
4.2 訂定頁面流程 ....................................... 67
5 表層階段 ............................................ 68
5.1 Wireframe 線稿 .................................... 68
5.2 設計故事板 ........................................ 77
5.3 概念設計 .......................................... 80
5.4 原型設計 ........................................... 87
第六章 結論與建議 ......................................... 89
1 結論 ................................................ 89
1.1 展覽導覽型app 架構與形式 ............................ 89
1.2 使用者介面 ......................................... 89
1.3 易用性規則 ......................................... 91
2 本研究限制 ........................................... 92
3 未來研究建議 ......................................... 93
參考文獻 ................................................. 94
附錄1 展覽者問卷調查 ..................................... 97
附錄2 微波效應APP 上架頁面 ............................... 102

                                

AccuWeather, Inc. (2011). AccuWeather.com Quick™. Retrieved
http://itunes.apple.com/tw/app/accuweather.com-quick/id348618445?mt=8
Apple Inc. (2011). OS X Lion. Retrieved from http://www.apple.com/tw/macosx/
Apple Inc. (2012, March 7). iPhone human interface guidelines. Retrieved from
http://developer.apple.com/library/ios/#documentation/UserExperience/
Conceptual/MobileHIG/RevisionHistory.html
AppShopper.com, LLC. (2011). Total apps. Retrieved from http://www.appshopper.com
Clark, J.（2011）。触动人心：设计优秀的iPhone 应用（包季真譯）。北京：电
子工业。（原作出版於 2010）
CLI. (n.d.). In Wikipedia. Retrieved August 8, 2011, from
http://zh.wikipedia.org/w/index.php?title=CLI&oldid=2188430
Dogan TV Holding A.S. (2011). CNN Türk iPhone Uygulaması. Retrieved November
15, 2011, from http://itunes.apple.com/tw/app/id414667075?mt=8
DOS. (n.d.). In Wikipedia. Retrieved August 8, 2011, from
http://zh.wikipedia.org/w/index.php?title=DOS&oldid=21834632
Fitts, P. M. (1954). The information capacity of the human motor system in controlling
the amplitude of movement. Journal of Experimental Psychology, 47(6), 381–391.
Garrett, J. J. (2002). The elements of user experience: User-centered design for the
web. London, England: Peachpit.
Ginsburg, S.（2011）。iPhone user experience 簡單法則：好感度的 iPhone 使用
者體驗（洪沛然譯）。台北：碁峯資訊。（原著出版於 2010）
Gordon, J. (2010, November 2). iPhone and iPad design templates and how to use them
[Web blog message]. Retrieved from
http://mobile.tutsplus.com/tutorials/mobile-design-tutorials/iphone-designtemplates
Gordon, J. (2010, October 28). Introduction to iPhone design [Web blog message].
Retrieved from http://mobile.tutsplus.com/tutorials/mobile-design-tutorials/
introduction-to-iphone-design/
Green, W. S. & Jordan, P. W. (2002). Pleasure with products: Beyond usability.
London, England: Taylor & Francis.
Interaction design (2008, July 30). Interface vs. interaction design [Web blog message].
95
Retrieved from http://www.interactiondesignblog.com/2008/07/interface-vsinteraction-
design/
Johnson, J. (2008). GUI bloopers 2.0, second edition: Common user interface design
don'ts and dos. San Fransisco, CA: Morgan Kaufmann.
Kapor, M. (1991). A software design manifesto. Dr. Dobb's Journal, 16(1), 62-67.
Kiteretsu Inc. (2011, December). Zookeeper Dx Touch Edition. Retrieved from
http://itunes.apple.com/tw/app/zookeeper-dx-touch-edition/ id433596395?mt=8
Komarov, A. (2009, July 21). iPhone apps design mistakes: Over-blown visuals [Web
blog message]. Retrieved fromhttp://mobile.smashingmagazine.com/2009/07/21/
iphone-apps-design-mistakes-overblown-visuals/
Mandel, T. (2002). The elements of user interface design. New York, NY: John Wiley
& Sons.
Moggridge, B. (2007). Designing interactions. Cumberland, RI: The MIT.
Morville, P. & Callender, J. (2010). Search patterns: Design for discovery. Sebastopol,
CA: O'Reilly.
Nielsen, J. (2003, August 25). Usability 101: Introduction to usability. Retrieved from
http://www.useit.com/alertbox/20030825.html
Nielsen, J. (2011). Ten usability heuristics. Retrieved from
http://www.useit.com/papers/heuristic/heuristic_list.html
Preece, J.（1998）。人機介面與互動入門－電腦之人因工程（陳建豪譯）。台北：
合碩科技。（原著出版於 1993）
Preece, J., Rogers Y., & Sharp, H. (2002). Interaction design: Beyond humancomputer
interaction. Hoboken, NJ: John Wiley & sons.
Raskin, J. (2000). The humane interface: New directions for designing interactive
systems. Reading, MA: Addison Wesley.
Saffer, D. (2006). Designing for interaction: Creating smart applications and clever
devices. Berkeley, CA: New Riders.
Shneiderman, B. & Plaisant, C (1997). Designing the user interface: Strategies for
effective human-computer interaction. Boston, MA: Addison-Wesley.
Square Enix. (2010). Final fantasy XIII. Retrieved from http://www.squareenix.
co.jp/fabula/ff13/
Tidwell, J.（2006）。操作介面設計模式（蔡學鏞譯）。台北：歐來禮。（原著
出版於2005）
96
Unger, R. & Chandler, C. (2009). A project guide to UX design: For user experience
designers in the field or in the making. Berkeley, CA: New Riders.
U.S. Navy (n.d.). Virtual reality (VR) parachute trainer. Retrieved from
http://www.navy.mil/view_single.asp?id=3523
Warfel, T. Z. (2009). Prototyping: A practitioner’s guide. New York, NY: Rosenfeld
Media.
Warren, C. (2011, March 2). Apple: 100 million iPhones sold [Web blog message].
Retrieved from http://mashable.com/2011/03/02/100-million-iphones/
Winograd, T. (1997). From computing machinery to interaction design. In Denning, P. J.,
Metcalfe, R. M. (Eds), Beyond calculation: The next fifty years of computing (pp.
149-162). New York, NY: Springer.
劣松（2011 年 8 月 20 日）。避免过度设计：有所为有所不为 [部落格文字資
料]。取自 http://liesong.me/?p=344
周陟（2010）。UI 進化論移動設備人機交互介面設計。北京市：清華大學。
葉謹睿（2010）。互動設計概論。台北市：藝術家。

簡易檢索 / 詳目顯示

相關論文