手機APP程式

行動裝置使用介面設計

前言

設計行動裝置的介面，行動裝置UI設計師必需跳脫網頁/平面設計的思維模式，用手體會，而在體會的過程中，須專注在每個動作與介面回應的意義。如何設計出一個好的行動裝置介面，參考架上優秀的行動裝置app是不可或缺的習慣。

接收到一個產品設計需求第一個想法是要「解決什麼樣的問題」。APP要能夠為使用者帶來什麼樣的幫助，如何從各種經驗中，嘗試讓使用者導向一個良好的解決方式，對手機UI設計師而言是一個無法規避的問題。

一、離線狀態的使用

行動裝置不一定時時刻處於連網狀態，連網時程式後端更新資料，未連網時則有資料暫存可讀取，在設計時則需依程式判斷給予使用者適當的資訊。

二、長時閱讀的舒適性

需要有大量閱讀且圖片較少的介面設計下，採用淡化背景的畫面設計，甚至會採用主題色的頁頭都是灰階色處理。根據這種思維考量整體介面在區塊層次的設計上採用高明度低彩度的灰白色調，而畫面若特別需要強調的按鈕等，才會採用較顯眼的顏色作為吸引使用者點按。目前的設計應該也要有日/夜模式，讓使用者在夜間觀看螢幕時對視力的影響降至最低，而深色模式也有同樣的作用，而且效果又更明顯。

三、使用者直覺的操作

根據APP的定位，當使用者打開程式就想要立即操作的功能，就會放置在程式的主操作畫面，有可能位於螢幕下方中間，左右滑動選單列，儘可能讓使用者用最直覺的方式得到他想要的功能可以省去選擇層級步驟。完成一項作業所要點按的次數愈少的就表示APP愈是直覺的操作。

四、增加互動

使用一般意像去設計按鈕，可以增加操作的直覺性，也可以減低使用者的學習曲線，APP裡的使用說明應該是最多使用者忽略的功能，因此在介面的設計上，應該利用單次的點擊互動來告知使用者操作方式，也就是將使用方法融入操作介面當中。

五、單指操作介面

手機APP的螢幕尺寸雖然有增大的趨向，但還是要儘量兼顧到單手操作的便利性，也就是讓單隻姆指可以順利的操作到70%的功能就算是完善。同時也要考量左右手操作的設定切換。

六、擺脫原本設計框架

行動裝置的介面設計不可以網頁設計的方式來思考，手持式螢幕不像電腦螢幕大，應以程式所要表現的內容為重點顯示，若像網頁設計般五花八門與特效充斥以及過多操作的步驟只會讓使用者一鍵移除。

延伸閱讀

RWD響應式網站設計的優點