行動裝置使用介面設計
前言
設計行動裝置的介面,行動裝置UI設計師必需跳脫網頁/平面設計的思維模式,用手體會,而在體會的過程中,須專注在每個動作與介面回應的意義。如何設計出一個好的行動裝置介面,參考架上優秀的行動裝置app是不可或缺的習慣。
接收到一個產品設計需求第一個想法是要「解決什麼樣的問題」。APP要能夠為使用者帶來什麼樣的幫助,如何從各種經驗中,嘗試讓使用者導向一個良好的解決方式,對手機UI設計師而言是一個無法規避的問題。
一、離線狀態的使用
行動裝置不一定時時刻處於連網狀態,連網時程式後端更新資料,未連網時則有資料暫存可讀取,在設計時則需依程式判斷給予使用者適當的資訊。
二、長時閱讀的舒適性
需要有大量閱讀且圖片較少的介面設計下,採用淡化背景的畫面設計,甚至會採用主題色的頁頭都是灰階色處理。根據這種思維考量整體介面在區塊層次的設計上採用高明度低彩度的灰白色調,而畫面若特別需要強調的按鈕等,才會採用較顯眼的顏色作為吸引使用者點按。目前的設計應該也要有日/夜模式,讓使用者在夜間觀看螢幕時對視力的影響降至最低,而深色模式也有同樣的作用,而且效果又更明顯。
三、使用者直覺的操作
根據APP的定位,當使用者打開程式就想要立即操作的功能,就會放置在程式的主操作畫面,有可能位於螢幕下方中間,左右滑動選單列,儘可能讓使用者用最直覺的方式得到他想要的功能可以省去選擇層級步驟。完成一項作業所要點按的次數愈少的就表示APP愈是直覺的操作。
四、增加互動
使用一般意像去設計按鈕,可以增加操作的直覺性,也可以減低使用者的學習曲線,APP裡的使用說明應該是最多使用者忽略的功能,因此在介面的設計上,應該利用單次的點擊互動來告知使用者操作方式,也就是將使用方法融入操作介面當中。
五、單指操作介面
手機APP的螢幕尺寸雖然有增大的趨向,但還是要儘量兼顧到單手操作的便利性,也就是讓單隻姆指可以順利的操作到70%的功能就算是完善。同時也要考量左右手操作的設定切換。
六、擺脫原本設計框架
行動裝置的介面設計不可以網頁設計的方式來思考,手持式螢幕不像電腦螢幕大,應以程式所要表現的內容為重點顯示,若像網頁設計般五花八門與特效充斥以及過多操作的步驟只會讓使用者一鍵移除。
常見問題
問題1. 行動裝置在離線時,應如何提供有效的用戶體驗?
在設計時應考慮資料的本地暫存機制,讓用戶在離線時依然可以訪問重要訊息內容。同時,應該清晰地向使用者顯示目前的連線狀態,並提供在恢復連線時自動更新的選項。
問題2. 如何在長時間閱讀的場景中提高使用者舒適度?
應使用淡化背景和灰階色調的設計,以降低眼睛疲勞。提供日間和夜間模式的選項,讓使用者根據環境光線和個人偏好調整,以保護視力。
問題3. 如何設計出直覺且容易操作的APP介面?
應將常用功能放置於容易接觸的位置,如螢幕下方或滑動選單中。減少執行任務所需的點擊次數,並透過直觀的圖示和提示來指引使用者。
問題4. 如何透過設計增強APP的互動性?
使用通俗易懂的圖標和按鈕設計,降低用戶學習成本。在界面中融入操作指南,透過簡單的點擊互動告知使用者如何操作。
問題5. 如何優化APP以方便單手操作?
設計時應確保主要功能可以被單隻姆指輕鬆觸達,並為左右手操作提供相應的設定選項,以儘量適應不同使用者的需要。
網路架站服務、網頁設計、網路開店、企業架站、網路行銷、SEO搜尋引擎排名、關鍵字廣告、部落格行銷、多重平台曝光…等各項相關業務,全方位的整合行銷服務,將幫助您提升企業形象並增加媒體曝光,引領企業升級轉型塑立品牌特色,贏得無限商機。
更多關於我們