傳統網頁、手機版頁面與APP頁面設計有甚麼不同

最近，很多業主及同學都有這個疑問：

傳統網頁、手機版頁面與APP有甚麼不同？

小胖老師這邊簡單向各位說明網頁頁面設計重點：

● 傳統網頁頁面設計重點：

1. 1024*768，這尺寸是目前較適合的版面大小，因為投影機、NB螢幕大多都以這尺寸為主

2. 鉅細靡遺，建議須透過大尺寸螢幕瀏覽，所以資料量很大

3. 排版精細，須透過滑鼠，所以可以精準的點及頁面上的文字或是圖案

● 智慧型手機、平板電腦頁面設計重點：

1.為了方便目標客群隨時閱覽，字體要大、按鈕也要大。因為手機螢幕及平版螢幕較小，無法顯是很多的資訊，雖然可以放大，但是相當麻煩。

2. 左右開弓、上下通吃，因為沒有滑鼠的協助，所以只能左右滑動、上下滑動，頁面的易用性及動線設計要跟著調整。

3. 建議以傳統網頁為基礎，請工程師另做程式，直接到傳統網頁的資料庫撈取資料，再以智慧型手機頁面或是平板頁面呈現。

● APP與手機頁面有甚麼不同？

1. APP主要也是應用在智慧型手機及平板電腦頁面，所以基本上設計的重點和第2點一樣

2. APP和手機頁面最主要的不同是在於，APP可以互動，而手機頁面不行

3. APP還可以讓業主知道你是誰，因為在安裝APP時，你已經設定你的個人資訊了，所以業主可以知道你是誰,甚至你的使用習慣

4. 但是APP的接受度遠不及手機頁面，因為目前APP充斥，沒人想下載過多的APP

● APP可以怎麼樣互動？

1. 手機頁面及傳統網頁頁面是要一個口令一個動作

2. 你沒有點擊，手機頁面及傳統頁面是不會無中生有的

3. APP就可以無中生有

4. LINE、WHAT’s APP、FACEBOOK......就是一個無中生有的例子，你明明沒點擊，但是只要有人找你，或是有廣告推播，你的APP就會”登登”無中生有個訊息通知給你

以上簡單說明，希望大家都能了解傳統網頁頁面、手機頁面平板頁面及手機APP有甚麼不同了。