以使用者中心探討跨裝置網站互動使用性研究與創作

摘要數位行動生活來臨，使用者每天透過不同裝置與各種網站接觸享受生活，無論是上網購物或者尋找商家，或是觀看影音多媒體內容，還是與企業品牌的互動，跨裝置的使用已經是一種生活日常行為。使用者瀏覽網站的經驗已經多到不可勝數，然而卻不總是令人感到愉悅，甚至還可能感到焦慮與沮喪。因此本研究旨在如何協助引導使用者，讓使用者在跨裝置瀏覽網站時能夠有效掌握、輕鬆使用、感到愉悅有趣，並且獲得一致的良好體驗，是本研究探討的重點。本研究經由文獻探討，歸納出「跨裝置網站設計」及「跨裝置網站互動使用性」之準則，並以國際企業網站為案例，分析並彙整網站在跨裝置使用的優缺點，最後以文獻所探討之結論與案例分析優劣之結果，實際運用創作之。就多螢時代的網站而言必須能夠滿足使用者在跨裝置瀏覽體驗的需求。案例分析發現，企業網站案例均能符合「自適應網頁設計」：即(1) 內容適當對應呈現；(2)版面靈活自然流暢；(3)圖片彈性縮放調整；等三大特性。尤其在視埠較小的行動裝置更需要注意「行動裝置的友善性」：(1)首頁的導覽清晰簡潔；(2)站內搜尋容易；(3)輸入方式簡單方便；(4)維持內容體驗一致。等四項針對行動裝置的要求。本創作研究發現就使用者而言，一個好的跨裝置網站必須是以使用者為中心的設計，具備良好的使用性，亦即是(1)有效；(2)高效；(3)愉悅；(4)容錯；(5)學習，並且以提升互動性為目標，則須具備(1)可視性；(2)一致性；(3)預視性；(4)對應性；(5)回饋性。才能讓使用者在跨裝置的體驗獲致一致感受愉悅。期許以使用者為中心的跨裝置網站設計，能夠帶給使用者美好一致的愉悅體驗，也能提供後續跨裝置網站創作者的參考依據。關鍵詞：自適應網頁設計、使用者中心設計、使用性、互動性

關鍵字

自適應網頁設計；使用者中心設計；使用性；互動性

並列摘要

Abstract With the era of digital life, users get in touch with each other and enjoy their life through various kinds of devices and websites. No matter it be online shopping or finding a shop, watching a multi-media content, or interacting with a brand, the use of cross-device has become a daily behavior. Users have countless website browsing experiences. However, these experiences might not always be happy ones; some might even be worrying and frustrating. This study therefore aims to guide users to become more efficient, and making the experience easier, happier and more interesting for all when using cross-devices to browse websites. This study has summed up the standards for “cross-device website design” and “cross-device website interaction usability”. It has also taken international enterprises’ websites as examples to analyze and synthesize the positive and negative aspects of the use of cross-device devices. Subsequently, it has applied the analysis of theories and case studies of the documents onto the making of this study. In this multi-screen era, websites should satisfy users’ needs in cross-device browsing experiences. The analysis has found that corporate websites fit in with the three ideas of “adaptive website design”, which is (1) the synchronization of contents; (2) fluency of the website presentation; (3) the flexible adjustment of pictures’ size. Especially when the viewport has become smaller with mobile devices, it is notable to pay attention to “the friendliness of mobile devices”, including the following four principles regarding the needs for mobile devices: (1) The clean and clear presentation of the main page; (2) the search easiness in the website; (3) the convenience of input mode; (4) maintain the consistence of the content. This study has discovered that a good cross-device website design has to focus on the user’s experience. It has to be user-friendly, which means (1) effective, (2) efficient, (3) delightful, (4) fault tolerant, (5) ability of learning. It also has to set enhancing interaction as a goal, therefore it should include (1) visibility, (2) consistence, (3) foresight, (4) coherence, (5) contribution. Such can provide users a consistent and enjoyable feeling when using cross-device websites. The cross-device website design used in this study is capable of bringing users a happy and consistent enjoyable experience. It can also serve as a reference for future cross-device website designers. Keywords: Responsive Web Design, User-Centered Design, Interaction design, Usability