RWD

RWD

Transcript

1. RWD設計之網頁開發者採用 意向- TAM與TTF整合模式 學號：L1003302 簡報者：廖洧杰 指導教授：陶幼慧 高雄大學 資管所碩專班 論文簡報
2. 大綱  緒論  研究背景  研究動機  研究目的與問題  文獻探討  研究設計  預期貢獻
3. 研究背景  2010年前： Width：1024、800 Width：240、320
4. 研究背景  Net Applications(2012)調查結果： 3% 2010/12 10% 2012/12 行動裝置瀏覽網頁的市佔率
5. 研究背景  Opensignal調查4000款Android行動裝置產品(2012)
6. 研究背景 網頁設計師：『四千種網站版本！？』
7. 研究背景  2010年時，Marcotte提出了『Responsive Web Design』(RWD)之網頁設計模式，其設計理念其 一為：『不應客製化載具網頁版型』
8. 研究背景  引發WEB研討會熱烈討論 研討會名稱 日期 標題 responsiveconf 2013 Responsive Day Out UIE uiconf 2012 Building Adaptive Designs Now environmentsfo rhumans 2012 Responsive Web Design Summit 2012 Aneventapart 2012 Rolling Up Our Responsive Sleeves MiniConf 2012 Responsive Design & Development web2day 2012 Responsive design: techniques and tricks to prepare your websites for the multi-screen future
9. 研究動機＿現前研究現況  在以往，研究者針對行動裝置的網頁設計的相 關研究，主要是以『低螢幕解析度螢幕瀏覽網 頁』或『手機版網頁設計研究』來進行相關研 究探討(鄭春蓮,2009;卓宥孜,2011;蔡紀暘,2006) 。  PC網頁設計進行延伸研究((蔡紀暘,2006;陳姵汝 ,2011;鐘春成,2008)。但卻甚少以可同時兼容PC 與行動裝置的網頁設計進行研究。
10. 研究動機＿RWD設計優勢  一個版本便可同時兼容所有螢幕解析度、行動 裝置載具。
11. 研究動機_RWD比較
12. 研究動機_RWD現況&研究對象  經過研究訪談，絕大部分的網頁設計師普遍認 為RWD可解決行動裝置的網頁設計問題，但仍 採用傳統的方式來客製化行動裝置網頁版本。  瑞士則有相關研究者針對RWD針對使用者的用 戶體驗來進行相關研究（2012, Rensfeldt)  但相關文獻中，則沒有以『網頁設計師』的角 度來進行研究。故本研究希望以『網頁設計師 』的開發者角度進行研究。
13. 研究目的與問題  探討網頁設計師，對於RWD與其設計工作的適 配性及採用意願的認知。  彙整網頁設計師在實務上建置RWD網頁時，實 際面臨的問題與相關因應的方式。  根據研究結果，可對於網頁設計者與客戶提出 相關建議。
14. 文獻探討  『Media Queries』：為RWD的設計核心，透過 其文獻探討其發展沿革  『Responsive Web Design』：文獻回顧與歷年貢 獻  『科技接受模式(TAM)』：回顧相關文獻，進以 驗證網頁設計師導入RWD設計之應用情境  『任務/科技適配(TTF)』：回顧相關文獻，進以 驗證網頁設計師導入RWD設計之應用情境  『轉換障礙』：透過文獻探討進行實務探討， 進行相關定義。
15. 文獻探討＿ Media Queries  W3C推出的CSS2.1版本中，有定義media語法可 針對特定設備來設定CSS語法(W3C ,1999) 媒體名稱 適用裝備 All 所有的媒體類別 Braille 盲文觸覺回饋裝置 Handheld 手持裝置 Embossed 盲文印表機 Print 印表機 projection 投影機 Speech 語音合成器 Screen 電腦螢幕 Tty 文字終端機 TV 電視
16. 文獻探討＿ Media Queries  W3C意識到行動裝置的抬頭，故在之後則再針 對載具增加了相關設定。(W3C，2001) 規則名稱 規則用途 width 定義寬度 height 定義高度 device-width 定義裝置的寬度 device- height 定義裝置的高度 orientation 裝置旋轉方向 aspect-ratio 螢幕的顯示比例 device- aspect-ratio 行動裝置的顯示比例 color 顏色bit color-index 索引色 monochrome 單色（灰階） resolution 解析度 scan TV掃苗 grid 視覺或觸覺
17. 文獻探討＿ Media Queries  (W3C ,1999)  (W3C ,2001)
18. 文獻探討＿ Responsive Web Design  彙整常用的銀幕解析度區間
19. 文獻探討＿ Responsive Web Design
20. 文獻探討＿科技接受模式  科技接受模式（Technology Acceptance Model, TAM）為Davis (1989)提出，其模式的主要目的 為驗證普遍使用者，對於資訊科技導入時的科 技使用行為。
21. 文獻探討＿任務－科技適配模式  資訊系統符合任務需求的程度，則被稱為任務 －科技適配理論 (Task-Technology Fit, TTF)，為 Goodhue與Thompson(1995)所提出。  TTF理論提出假使系統功能無法讓使用者在進行 工作任務時，無法帶來顯著的優勢，或適配的 程度過低時，使用者便不會被採用該系統功能 。
22. 文獻探討＿任務－科技適配模式  任務－科技適配模型
23. 文獻探討＿TAM與TTF結合模式  Dishaw and Strong(1999)任務－科技適配模式與 科技接受模式相互結合。
24. 文獻探討＿轉換障礙  根據Jones(2000)所提出來的轉換障礙定義中 (Switch Barriers)，將轉礙障礙分成三種類型：  1.人際關係：為使用者與服務提供者的關係程 度，當彼此建立關係後，便可從中獲得相關利 益，即使消費者知道其使用的服務並非最佳的 ，但仍會為了維持關係而使用該服務內容。  2.轉換成本：為使用者在轉換服務時，所需要 花費的時間、金錢及生心理上的轉換成本。  3.替代品吸引力：其他存在服務中有吸引力的 替代方案。
25. 研究設計_文獻推論  經過實際訪談，RWD的導入情況與普遍程度並 不顯著，現階段仍以傳統做法客制化行動裝置 版網頁較多。  從文獻探討中得知當任務－適配度低時，使用 者便不會導入該系統。在應用導入情境上則符 合TTF理論。（Goodhue ,1995）  儘管系統任務與適配度高，如果該系統在操作 上並不順手；也不能達成工作任務時，則會影 響採用意願。(Dishaw & Strong, 1999)
26. 研究設計_文獻推論  而當認知易用性與認知有用性在採用意願上並 無顯著影響時，由於轉換新的網頁設計技術所 需要的轉換成本則會讓網頁設計師考量其投入 的成本是否符合其實際效益;抑或是該網頁設計 師目前已有比RWD更好的替代方案，導致影響 採用意願。
27. 研究設計_文獻推論  Goodhue 與Thompson（1995）提出任務科技適 配理論，其中則提到在工作中的任務特性與科 技特性對於任務科技適配度具有正向的影響。 探討當網頁設計者使用Response Web Design來 建置網頁時，觀察任務與科技的配合度的程度  H1:網頁設計者的任務務性顯著影響任務－科技適 配度  H2:網頁設計者的科技特性顯著影響任務－科技適 配度
28. 研究設計_假說推論  Dishaw與Diane整合科技接受模式與任務科技適 配度理論，將科技接受模式以擴充的方式在外 部變數上加入任務科技適配度的相關構面 (Dishaw & Strong, 1999)  H3:網頁設計者的任務－科技適配度會顯著影響認 知有用性  H4:網頁設計者的任務－科技適配度會顯著影響認 知易用性
29. 研究設計_假說推論  當使用者認知到使用該項科技的「認知易用性 」越高時，則該項新科技對個人而言則越好， 也因認知易用性的改良，使用者也可以同樣的 努力來完成更多的工作項目，故認為認知易用 性將對認知有用性發生直接影響的效果Davis（ 1989）  H5:網頁設計者的認知易用性是否會直接影響認知 有用性
30. 研究設計_假說推論  Davis（1989）提出，使用態度是受認知有用性 和認知易用性所影響，而使用意圖則會受認知 有用性的影響。故得到以下假說：  H6:網頁設計者的認知有用性是否會直接影響採用 意願
31. 研究設計_假說推論  在2003年，Julander and Soderlund(2003)研究中 ，將轉換障礙區分為正面和負面轉換之障礙。 故從中將正面轉換障礙的替代吸引力與負面轉 換障礙的轉換成本變數做為變數依據。故得以 下假說。  H7:網頁設計者的替代力吸引力會顯著顯著直接調 節任務－科技適配度與認知有用性的關係。  H8:網頁設計者的轉換成本會顯著直接調節任務－ 科技適配度與認知有用性的關係。
32. 研究設計_研究模型
33. 研究設計＿研究流程  從文獻中推論出一個研究模型  專家訪談並修正研究模型  數個專家訪談(5~10)  問卷前測＿調整問卷題項  30位  正式問卷發放  200位
34. 研究設計_問卷設計  第一部分為受測者的基本資料，年齡、性別、 職稱、工作年資等等。  第二部分為受測者對於RWD的實際導入情形與 後續採用意願情況，藉此討論RWD的適配度程 度，包含『任務特性』、『科技特性』、『任 務－科技適配度』、『替代品的吸引力』、『 轉換成本』、『認知易用性』、『認知有用性 』、『採用意願』
35. 研究設計_題項設計 構面名稱 編號 問卷內容 量表參考 科技特性 (TC1) 我認為應用RWD可以自適應螢幕解析度 來呈現網頁 Goodhue and Thompson （1995） (TC2) 我認為應用RWD可以自適應行動裝置來 呈現網頁 任務特性 (TK1) 我有需求在我所建置的網頁內容，可在不 同裝置上能夠適當地呈現 (TK2) 我有需求在我所建置的網頁內容，可在不 同螢幕解析度上能夠適當地呈現 任務適配 (TTF1) 使用RWD很適合用於我的工作內容中。 (TTF2) 我的工作內容，很不適合使用response web design。 (TTF3) 使用RWD很適合於撰寫一個網頁版型便 可適用於各載具的螢幕解析度與設備
36. 研究設計_題項設計 構面名稱 編號 問卷內容 量表參考 替代吸引力 (AA1) 其他可兼容桌上、行動裝置的網頁設計模式的功能 會比RWD更好 Jones et al. （2000） (AA2) 其他可兼容桌上、行動裝置的網頁設計模式的工作 效率會比RWD更快 (AA3) 其他可兼容桌上、行動裝置的網頁設計模式的顧客 滿意度會比RWD更滿意 轉換成本 (SWC1) 對我來說轉換網頁設計模式，會花費許多時間與精 神 (SWC2) 對我來說轉換網頁設計模式，是不方便的 (SWC3) 對我來說轉換網頁設計模式，所花費的金錢成本是 高的
37. 研究設計_題項設計 構面名稱 編號 問卷內容 量表參考 認知有用性 (PU1) 使用RWD，可以讓我更快速地完成我的任務。 Dishaw & Stong, 1999 (PU2) 使用RWD，可以讓我提高此設計上的表現。 (PU3) 使用RWD，可以讓我提高我的產能 (PU4) 使用RWD，可以讓我提高我的效率 (PU5) 使用RWD，可以讓我更容易做這項專案內容。 (PU6) 我將從此設計理念裡找到具有可用性的工具。 認知易用性 (PEU1) 當我瀏覽完RWD的設計方式時後，我便能很容易地去 操作它。 (PEU2) 我操作此RWD時，會是很明確且可以理解的。 (PEU3) 我可以很靈活地去操作RWD。 (PEU4) 我可以很輕易地找到RWD的設計語法，並實作它。 採用意願 (BIU1) 往後我將會使用RWD來建置可兼容PC、行動裝置版本 之網頁平台 (BIU2) 我會用RWD來完成這項專案而不是用手動的方式 (BIU3) 在完成這項專案中 ，我寧願用軟體維修工具完成而不 是只用手動的方式。
38. 研究設計_正式問卷發放  本研究將以國內網頁設計師網路社群中的網頁 設計師與各科技公司裡的web平台開發者為研究 調查對象，問卷則是以郵寄與電子問卷的方式 進行蒐集問卷等事宜
39. 研究設計_分析方法  本研究資料分析則採用統計軟體SPSS進行信效 度、敘述性統計分析、結構方程式。  透過樣本結構來進行敘述性統計分析，進此了 解樣本結構。同時驗證信效度分析驗證資料的 可信度。同時使用結構方程模型驗證本問卷效 度，並從中審查變數路徑係數是否具顯著性， 藉此驗證研究之假說，更可依此了解各變數的 潛在關係。
40. 預期貢獻  透過研究分析國內網頁設計師對RWD的任務適 配度，透過研究分析得出RWD是否符合國內業 界需求。  利用轉換障礙的干擾變數分析，研究網頁設計 師在導入RWD網頁技術時，『替代品的吸引力 』、『轉換成本』是否為關鍵影響顯著變數的 原因。  經由資料分析觀察現前網頁設計師對於RWD的 採用意願。