行動商城要成功，請避免APP介面設計五大錯誤

2014-06-27

張宛如

2014年3月至7月中華電信舉辦APP軟體開發大賽，主辦單位提供APP開發平台，希望藉由這次比賽募集大量具有創意、想法的行動軟體開發者，除了持續經營中華電信Hami書城、Hami+音樂…等系列行動APP服務外，也為接下來打造行動市場鋪路。隨著行動商務的興起，打造APP購物商城便成了兵家必爭之地，而如何建置一個使用者喜歡並願意使用的APP更是開發者首先面臨到的難題。商店除了品牌與產品本身外，最先吸引消費者目光的便是商店的門面，因此，設計出的APP如果讓使用者覺得不方便、不好用，就會加速消費者離開你的商城。因此設計APP時應該避免以下情況：

別只從開發者、測試者的角度去思考

「我要在APP上面增加這項功能，使用者一定會覺得很貼心。」開發者往往容易陷入主觀的思維，但如果單從設計者或開發者的角度出發去想UI要怎麼配置，並無法了解使用者的需求究竟為何？你認為重要的設計對使用者而言可能一點都不重要。可以試著從使用者的角度思考，並在推行APP時多進行使用者測試來評估。

避免繁複網頁的操作模式

這是設計APP的一大禁忌，不要把網頁版設計直接縮小成為APP。使用者滑動頁面是很直覺的，手機本身系統設計的滑動方式會影響使用者的滑動習慣，應該避免在同一頁面，同時具有垂直滑動和水平滑動的UI設計，除此之外也應減少長壓(Long-Touch)及多指觸碰(Multi-Touch)的動作設計，精簡容易造成使用者負擔的元件，才能增加APP的易用性。

避免跳來跳去的頁面

網頁可以同時出現很多分頁，但APP不同於網頁，沒辦法一次開很多頁面還能方便瀏覽，因此最好的呈現方式是直接在主頁面呈現商品的目錄清單。也別讓使用者必須一直點擊「上一頁」才能找到商品目錄或其他子項目內容，因此可以透過在介面測邊建立清單目錄，方便使用者直接點選想瀏覽的清單。

去除設計不佳的按鈕元件

功能類似的UI元件，例如：按鈕、連結等，擺放位置不明顯或沒有固定的位置，會造成使用者需要用到這項功能時卻無從找起，因此建議可以依照使用者的習慣或Device的設計來配置元件，例如iOS的軟體就可以依據IPhone的按鈕配置來進行APP的按鈕設計。另外，主要的按鈕不論在顏色或位置上也應該與其他按鈕有所區隔。

避免不和諧的色調、過多的視覺元素

透過介面的色調和圖片能夠表現出商店的特色和風格，因此依據目標客群或商品風格進行介面及相關元件的配色，更能突顯商品特色、迎合消費者喜好。另外，雖然在資訊呈現的部分，圖片比起文字更清楚也更容易吸引注意力，但應避免放置過多廣告及色調不和諧的圖片，可能容易造成使用者眼睛負擔，將圖像調整到最適當的數量及大小，才能抓住使用者目光。

除了避免APP UI錯誤設計之外，建置時也應注意是否符合商店特色、功能是否齊全、購物及結帳流程是否流暢才能成功讓顧客願意使用APP購物。

延伸閱讀：設計一點訣，如何做出小而美的行動商務APP？