高齡者於行動裝置操作傳統式與響應式網頁之使用性研究

Research on the Usability of Traditional and Responsive Web Pages in Mobile Devices Operated by the Older Adults

葉栢虦(Yeh, P.-C.) ； 顧兆仁(Ku, C.-J.) ； 藍偉憲(Lan, W.-S.) ； 練珈伶(Lian, J.-L.)

《福祉科技與服務管理學刊》 8卷3期 (2020/09) Pp. 219-234

https://doi.org/10.6283/JOCSG.202009_8(3).219

摘要

網際網路改變了人們的生活，而平板、智慧型手機的普及更讓行動上網成為現今之趨勢，進而讓操作網頁由平常熟悉的桌上型電腦轉為觸控式行動裝置，然而，此一過程卻衍生出其他的操作問題，特別是高齡化面對科技產品之轉換，更容易造成認知與學習上的不適應，有鑒於此，了解高齡者操作傳統式與響應式網頁之使用性實為重要。因此，本研究將針對高齡者較常接觸之健康醫療網站作為基礎，分析現行網站之版面配置、功能選單、色彩、文字、圖片等元素後，開發出一款實驗用網頁，以傳統式與響應式呈現於手機上，並招募30位65歲以上之高齡者分別對兩款網頁進行四款共計八項任務測試，以程式紀錄下任務操作時間，其後以問卷蒐集操作後之易用性、主觀偏好與心智負荷調查。結果發現：（1）高齡者操作傳統式與響應式網頁均能熟悉其操作方式且順利完成任務；（2）相較於傳統式網頁，高齡者操作響應式網頁有較佳之績效；（3）高齡者偏好收納式之選單設計，意即可將選項收納至「≡」符號中。

關鍵字

高齡者 ； 網頁設計 ； 響應式網頁

並列摘要

The Internet has changed people's lives, while the popularity of tablets and smart phones has made mobile Internet surfing the trend of our times. As a result, many webpage designers have optimized webpages for viewing on mobile devices rather than on desktop computers. However, this change has caused some other operating problems. Among them, this transformation of technology products is likely to cause cognitive and learning maladjustment issues for the older adults as they adapt to these changes. Thus, it is of great importance for webpage designers to understand the usability of any traditional and responsive web pages operated by the older adults. Therefore, this study focused on healthcare websites familiar to the older adults and analyzed the current layout, menu functions, color, text, images and other elements of these websites. Based on the analysis results, two web pages were developed for experimental use, which were viewable on a mobile phone, with one page for traditional and the other for responsive methods. A total of 30 seniors over 65 years old were recruited to participate in four tests with a total of eight tasks on these two web pages, respectively. The operation time for each sample was recorded electronically. After the operation, a questionnaire survey was employed to investigate the usability, subjective preference and mental load required by each participant. The results showed that: (1) the older adults can become familiar with the operation modes of both the traditional and responsive web pages and complete the tasks smoothly; (2) compared with traditional web pages, the older adults performed better when using responsive web pages; (3) the older adults prefer the design of the storage-type options menus, which can store the options under the ＂≡＂ symbol.

並列關鍵字

older adults ； web design ； responsive web design