Dec.04.2014

成為優秀 UI 設計師第一步,先摸熟用戶行為特性再開始動手

根據資策會 FIND 調查數據顯示,2014 上半年,台灣平板電腦的普及率已達 25.4%。平板電腦成為使用者收看影音內容的主要工具之一,更有進一半的平板使用者透過平版電腦玩遊戲、閱讀新聞、連結社群網站及收發 e-Mail。因應平板電腦的熱潮,許多經營者開始思考開發平板 APP 以增加商業機會。本篇 beBit 將分享適合開發平板 APP 的時機點以及平板使用者的行為特性,期待可以提供給讀者一些思考觀點。

  • 平板 APP 和 PC 網站各自扮演的角色需明確區別

基本上,使用者於平板電腦上也可正常瀏覽 PC 網站,因此平板 APP 的目的必須和 PC 網站明確區分。如果隨便製作平板 APP,而未考量使用者需求和使用上的差異時,則會有「PC 網站比較好用」的狀況,而減少平板 APP 的開發效益。因此,比起 PC 網站,平板 APP 必須呈現 PC 網站所無法提供的獨特價值,以下是幾個開發平板 APP 時所需考量的觀點:

1. 提供給特定族群的服務,例如,教育產業的經營者,多針對忠實顧客設計加值服務,如配合書籍使用的平板教材,以維繫忠誠度

2. APP 適合提供「持續性」的服務內容,短期或一次性的服務內容適合透過網站提供。以保險為例,市場上較少「申請保險專用的 APP」,不過有「管理保險專用的 APP」來滿足使用者週期性 / 經常性檢視保單的需求

3. 多平台運作的必要性,根據平台的不同,使用者情境的不同,需要不同服務內容進行對應

  • 理解平板使用者行為特性,提升平板 APP UI 易用性的兩大重點

平板電腦的使用者來到新的頁面會習慣性的往下捲動畫面,捲動的操作對使用者而言操作容易且直觀(圖一);此外,使用者的視線和平板電腦螢幕的距離較近,所以通常視野主要集中於畫面上方或主要瀏覽區域設置(圖二)。

【圖一】捲動的操作對使用者而言操作容易且直觀

 

image

 

 

【圖二】使用者關注的區域

 

image3

 

 

基於使用者行為的特性,以下為設計平板 APP 的兩大要點:

1. 讓使用者可以順暢地捲動畫面,並提供豐富資訊量

在平板螢幕上下移動手指容易且直觀,順暢的網站互動可以增加使用者的正面印象。例如,在過去的調查中我們發現到,部分使用者對於無須捲動畫面的 EC 商品頁感到「商品數量極少」,即便可以切換到下一頁看到更多的商品。因此在設計平板專用的網站或 APP 時,應該在同一面上呈現更多的內容,滿足使用者上下滑動螢幕的需求。不過要注意,在同一頁上呈現太多商品圖片可能會造成網路下載速度過慢,但這個問題隨著未來 4G 普及,將可有效解決。

此外,在平板的使用上,上下捲動畫面比關鍵字搜尋更方便,因此需要準備商品列表供使用者搜尋。例如,當使用者在電子書購物平台 APP 從 100 本書中尋找書籍,他們偏好從商品列表中尋找而不使用關鍵字搜尋功能。多數使用者認為輸入文字不方便,反而以瀏覽畫面形式尋找更為便捷(圖三)。除此之外,通常使用平板裝置的情況是拿在手上甚至是單手操作,但是操作鍵盤卻需要雙手或放下操作,導致輸入文字的方便性降低。但是這並不代表不需要關鍵字搜尋功能,只是平板畫面的設計需要考量到捲動操作的特性。

【圖三】上下捲動畫面比關鍵字搜尋更方便操作

 

image4

 

 

2. 將重要功能及導覽列配置在畫面上方或主要區域內

在平板操作上,使用者的視野被限制而縮小,僅會關注畫面上方或主要瀏覽區域。雖然常常會看到固定在畫面下方的導覽列設計,但是其實使用者平時不容易注意到下方區域(圖四)。因此,會頻繁被使用的重要功能及導覽列必須配置在畫面上方或主要區域內。

【圖四】使用者不容易注意到螢幕的下方區域

 

image5

 

 

近年來,各種新型裝置出現,網站或 APP 設計也需要考量不同裝置的特性。高效網站或 APP 的設計過程中使用裝置的行為特性必須被列入考量,最重要的是理解使用者在什麼時間點及情況下、抱著什麼樣的期待使用網站或 APP,並且反映在設計上。

文章來源:beBit/圖片來源:Flickr, CC Licensed

TechOrange 科技報橘
《TechOrange》,專門追蹤全球網路產業的科技網誌。提供網路創業者、行銷人員、媒體人員關於網路的資訊與知識是我們的任務;每天大概花吃顆橘子的時間來瀏覽就夠,吸收科技新知沒負擔。
《TechOrange》,專門追蹤全球網路產業的科技網誌。提供網路創業者、行銷人員、媒體人員關於網路的資訊與知識是我們的任務;每天大概花吃顆橘子的時間來瀏覽就夠,吸收科技新知沒負擔。

更多文章


READ MORE

更多文章

READ MORE