目前位置：首頁 > Android > 相同功能不同設計的差別之界面：必勝客訂餐 香港版vs台灣版

HT觀點：東西好壞，最怕比。APP的優劣，同樣如此。

目前，Pizza Hut 在國內還沒有相關的版本提供，我們選擇的是Pizza Hut HK(香港版) 與 Pizza Hut TW(台灣版) 進行評測。

兩個版本的設計，在主要的功能設計以及功能操作流程上設計相同。在具體的功能邏輯上、界面設計上以及用戶交互的設計上設計有所不同，不同的界面設計以及操作邏輯設計也有優劣之差。

1、頁面布局：

（1）啟動軟件時加載畫面是否合理

港版的開機直接進入首頁，沒有開機加載畫面，功能設計很直接；台版的有開機加載畫面，界面設計引用了官網的設計元素，色彩風格傳承了官網的色彩設計。

*相比於台版開機畫面加載完成後直接進入到訂餐頁面，港版的首頁設計略顯多餘。Pizza Hut 的主要功能訴求為訂餐外送，開機即進入到主功能界面的操作體驗更好。

（2）核心信息是否列在首頁：

兩個版本的核心信息均在首頁有所展示。

（3）屏幕分割以及空間安排是否合理：

?港版的首頁設計：

首頁界面分割為第三個模塊，空間布局合理，但各個功能區的設計存在如下問題。

頂部的功能快捷鍵設計多餘，用戶還為體驗到APP的整體功能進入首頁還不能實現訂餐的功能，結賬要在訂餐之後，首頁中就給出結賬，設計不符合邏輯；

中間的核心功能區設計不夠直白，旋轉扇形狀披薩才能獲知全部的功能設計，易用性不夠好，不過設計很有新意（界面設計的創新與易用性之間往往很難把握，這還需要開發者開動腦筋，設計既美觀又易用的界面）；

（4）廣告等非核心信息是否影響用戶的使用：

兩個版本均不存在廣告植入

（5）分屏數量是否過多：

兩者均無分屏過多的情況。

2、圖文搭配

（1）按鍵的圖標設計：

?按鍵圖文設計是否合理：

兩個版本APP的按鍵設計均採用「圖標+文字」的形式，用戶不存在理解困難。

?按鍵圖標設計是否合理：

兩個版本APP的按鍵設計都較為形象、合理，便於用戶理解和使用；功能操作上都設有相應的功能操作顯示效果（港版的設計有升降的變化、台版的設計有亮度的變化）。相比於台版的設計，港版圖標設計更契合APP的主題，有新意。

（2）界面的圖文搭配：

兩個版本APP的核心區域的信息展示採用圖文搭配的設計。但設計有缺陷：

核心區域內的信息展示的頁面分割設計不好（圖片中的紅色框選區），頁面設計過小，只是頁面內的文字設計過小，影響信息表達的效果。如果當前的是為了提示下面還有內容，只需用一個小三角（界面中也有此設計，但設計過小）的翻頁設計提示即可，且符合用戶的使用習慣。

（3）APP的圖標和logo設計

? 兩者的APP圖標設計都是選用的官網上的LOGO圖標。

? 兩個版本APP界面頂部的LOGO圖標設計都偏小，不夠顯著，而且完全周圍的色彩、圖片和文字中。

?

3、色彩搭配設計：

（1）與pc端網站的傳承：

兩個版本APP的基色調的設計，都是傳承了官網的設計風格：

港版選用的是官網的暗紅色，不同之處在於官網的背景是暗紅色印花，APP的背景是暗紅色斜紋；台版選用的是與官網同樣的大紅色，不同之處在於，官網的背景有一個顏色的間變設計，而APP的是純色的大紅背景。

?APP的色彩搭配：

兩個版本的設計相比較而言，台版的界面背景設計顏色明亮，整體色彩搭配以及視覺效果好於港版的設計，而且也很契合它的宣傳口號「HOT」，港版的背景顏色設計略顯暗沉，整體感官不是很好。

4、信息表達：

（1）單頁有效信息量：

港版的單頁有效信息量為4，台版的單頁有效信息量為3，信息量設置合理，便於用戶獲取信息。

?APP的色彩搭配：

兩個版本的設計相比較而言，台版的界面背景設計顏色明亮，整體色彩搭配以及視覺效果好於港版的設計，而且也很契合它的宣傳口號「HOT」，港版的背景顏色設計略顯暗沉，整體感官不是很好。

4、信息表達：

（1）單頁有效信息量：

港版的單頁有效信息量為4，台版的單頁有效信息量為3，信息量設置合理，便於用戶獲取信息。

（2）信息易讀性：

?字體大小以及字體顏色：

兩個版本的都有不同內容的文字信息的色彩以及字號的區分設計，方便用戶獲取重要的信息。例如：紅色的標價，棗紅的訂購等文字信息既有色彩上的突出，還放大了字號，很好的突出了核心信息。

兩個版本的整體界面中的文字信息設計都有如下缺點：整體的文字字號偏小（圖片中紅色框選區），不方便閱讀。

轉載請保留出處 - http://www.luckysnola.com/android/%e7%9b%b8%e5%90%8c%e5%8a%9f%e8%83%bd%e4%b8%8d%e5%90%8c%e8%a8%ad%e8%a8%88%e7%9a%84%e5%b7%ae%e5%88%a5%e4%b9%8b%e7%95%8c%e9%9d%a2%ef%bc%9a%e5%bf%85%e5%8b%9d%e5%ae%a2%e8%a8%82%e9%a4%90-%e9%a6%99%e6%b8%af/