web2app
『壹』 web app與原生app有哪些交互設計區別
1、頁面跳轉更加費力，不穩定感更強
思考點：如何減少跳轉（扁平結構、頁面布局技巧），增加數據及展示的流暢流程及穩定性（技術）
2、更小的頁面空間（由於瀏覽器的導航本身佔用一部分屏幕空間），更大的信息記憶負擔
移動設備的屏幕要小得多。這種如同透過門縫進行的閱讀增加了認知的負擔。人腦的短期記憶是不穩定的，用戶在滾動屏幕的過程中需要臨時記憶的信息越多，他們的表現就會越差。
思考點：排版更清晰、信息更簡練 （可在原生APP基礎上去掉一些豐富、復雜的視覺表現）
3、導航不明顯，原有底部導航消失，有效的導航遇到挑戰
思考點：如何有效的提供導航？有哪些形式？
4、交互動態效果收到限制，影響一些頁面場景、邏輯的理解。
思考點：比如登錄注冊流程的彈出、完成及異常退出，做好文字提示。
針對以上困境，解決方法總結如下：
首先，從APP到WAP版，在產品上，最明顯且核心的：
1、精簡功能，只將核心的任務實現，非核心的枝節可考慮刪減。
2、做好新的Web App導航.
3、補充從Web App 對 下載原生APP 的引導。轉載，僅供參考。
『貳』 移動端Web和Webapp有什麼區別
1、移動web開發
這部分跟web前端開發差別不大，使用的技術都是html+css+js。區別為手機瀏覽器是webkit的天下，pc端是IE的天 下。手機網頁可以理解成pc網頁的縮小版加一些觸摸特性。因為是在瀏覽器中進行的網頁開發，所有最終代碼具有跨系統平台的特性。
2、web app開發
特指的是用html5技術開發，之所以叫web app是因為他比較接近客戶端應用程序的用戶體驗，可以和系統深度融合，調用一些只有客戶端才能調用的功能（比如在移動設備上利用html5開發出的網頁可以訪問電話、攝像頭等本地功能）.
『叄』 WEBAPP與原生APP有哪些交互設計區別
從使用場景上，Web App用戶面臨比原生APP用戶更嚴峻的問題：
1、 頁面跳轉更回加費力，不穩定感更強答
2、 更小的頁面空間(由於瀏覽器的導航本身佔用一部分屏幕空間)，更大的信息記憶負擔移動設備的屏幕要小得多。這種如同透過門縫進行的閱讀增加了認知的負擔。人腦的短期記憶是不穩定的，用戶在滾動屏幕的過程中需要臨時記憶的信息越多，他們的表現就會越差。
3、 導航不明顯，原有底部導航消失，有效的導航遇到挑戰
4、 交互動態效果收到限制，影響一些頁面場景、邏輯的理解。
『肆』 web端app和手機端app的區別
Native App開發
Native App開發即我們所稱的傳統開發模式（原生APP開發模式），該開發針對IOS、Android等不同的手機操作系統要採用不同的語言和框架進行開發，該模式通常是由「雲伺服器數據+APP應用客戶端」兩部份構成，APP應用所有的UI元素、數據內容、邏輯框架均安裝在手機終端上。
Web App開發
Web App開發即是一種框架型APP開發模式（HTML5 APP 框架開發模式），該開發具有跨平台的優勢，該模式通常由「HTML5雲網站+APP應用客戶端」兩部份構成，APP應用客戶端只需安裝應用的框架部份，而應用的數據則是每次打開APP的時候，去雲端取數據呈現給手機用戶。
Web APP應用呈現以下特點：
（1）每次打開APP，都要通過APP框架向雲網站取UI及數據；
（2）手機用戶無法上網則無法訪問APP應用中的數據。
（3）框架型的APP無法調用手機終端的硬體設備（語音、攝像頭、簡訊、GPS、藍牙、重力感應等）
（4）框架型APP的訪問速度受手機終端上網的限制，每次使用均會消耗一定的手機上網流量；
（5）框架型APP應用的安裝包小巧，只包含框架文件，而大量的UI元素、數據內容剛存放在雲端；
（6）APP用戶每次都可以訪問到實時的最新的雲端數據；
（7）APP用戶無須頻繁更新APP應用，與雲端實現的是實時數據交互；
適用企業：電子商務、金融、新聞資訊、企業集團需經常更新內容的APP應用。
Native App（原生型APP）應用呈現以下特點：
（1）每次獲取最新的APP功能，需要升級APP應用；
（2）原生型APP應用的安裝包相對較大，包含UI元素、數據內容、邏輯框架；
（3）手機用戶無法上網也可訪問APP應用中以前下載的數據。
（4）原生型的APP可以調用手機終端的硬體設備（語音、攝像頭、簡訊、GPS、藍牙、重力感應等）
（5）APP應用更新新功能，涉及到每次要向各個應用商店進行提交審核。
適用企業：游戲、電子雜志、管理應用、物聯網等無需經常更新程序框架的APP應用。
移動Web無所不在，移動Web是目前唯一的支持各種設備訪問的平台，與桌面Web一樣，移動Web支持各種標準的協議。移動Web也是唯一一個可供開發者發布移動應用的平台，它將各種移動交互與桌面任務有效地連接了起來；而開發Native App可以充分利用設備的特性，而這一點往往是Web瀏覽器做不到的，所以對一個產品本身而言，Native App是最佳的選擇。
『伍』 原生APP和Web APP的區別
html5封裝的app與原生態app有什麼區別呢？
html5又和app有什麼區別呢？
為什麼大型網路公司還是傾向於推廣原生態app呢？
html5是有跨平台的優勢，但是為什麼還是不溫不火，或者我們仍稱之為輕應用app呢？
查找了相關的資料，梳理了一下，發現有如下區別：
1.html5的app如輕型小炮，原生態app如正規大炮，html5實現的功能有限，只能實現一些輕型的交互場景，而app則可以完美解決。
2.html5雖然可以跨平台，可是瀏覽器有個載入速度，對於用戶體驗上說，有個載入的等待，就比如你用qq瀏覽器打開網路，和直接使用網路app是兩種體驗。瀏覽器打開網路，還得有個載入，而網路app則ang的出下了輸入框界面。
3.html5的app對於導航來說，目前有個弊端。而原生態app則在頁底固定懸浮著導航菜單。我給截圖，大家可以看看區分：看我紅線畫圈和藍色畫圈的區別。
4.html5 app也有自己的優勢，比如有的app頁面想要分享出來，則採用html5
app。也比如滴滴打車集成在微信里一樣，如果手機中沒有滴滴打車的app，則直接可以在默認瀏覽器上載入出來，進行打車。對於公司整體的運營來說不可少。
html5 app在設計時需要注意的一些要點，我也簡單概括了一下：
1）各手機瀏覽器的兼容測試
2）底層服務的調取（能調取，但只有當其是核心功能時才保留 eg：新浪、美團等皆去掉了頭像上傳功能）
3）注意離線數據存儲，減少數據請求頻率。
4）考慮保存用戶的哪些數據：設置、個人數據、閱讀錨點、跳出頁面等。【這點一般說的就是導航菜單】
5）避免動效與瀏覽器的交互沖突
6）按順序 非同步載入eg： 騰訊視頻
『陸』 web app 跟原生app有什麼區別
區別如下：
Web APP應用呈現以下特點：
（1）每次打開APP，都要通過APP框架向雲網站取UI及數據；
（2）手機用戶無法上網則無法訪問APP應用中的數據。
（3）框架型的APP無法調用手機終端的硬體設備（語音、攝像頭、簡訊、GPS、藍牙、重力感應等）
（4）框架型APP的訪問速度受手機終端上網的限制，每次使用均會消耗一定的手機上網流量；
（5）框架型APP應用的安裝包小巧，只包含框架文件，而大量的UI元素、數據內容剛存放在雲端；
（6）APP用戶每次都可以訪問到實時的最新的雲端數據；
（7）APP用戶無須頻繁更新APP應用，與雲端實現的是實時數據交互；
適用企業：電子商務、金融、新聞資訊、企業集團需經常更新內容的APP應用。
Native App（原生型APP）應用呈現以下特點：
（1）每次獲取最新的APP功能，需要升級APP應用；
（2）原生型APP應用的安裝包相對較大，包含UI元素、數據內容、邏輯框架；
（3）手機用戶無法上網也可訪問APP應用中以前下載的數據。
（4）原生型的APP可以調用手機終端的硬體設備（語音、攝像頭、簡訊、GPS、藍牙、重力感應等）
『柒』 原生app和web app的區別
開發方面
原生App
⊙ 每一種移動操作系統都需要獨立的開發項目
⊙ 每種平台都需要獨立的開發語言。Java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等
⊙ 需要使用各自的軟體開發包，開發工具以及各自的控制項
移動Web App
⊙ 因為運行在移動設備的瀏覽器上，所以只需要一個開發項目
⊙ 這種應用可以使用HTML5,CSS3以及JavaScript以及伺服器端語言來完成（PHP,Ruby on Rails,Python）
⊙ 這里可沒有標準的SDK，基本任意選擇別忘了有一些跨平台的開發工具，比如PhoneGap, Sencha Touch 2，APPcan以及Appcelerator Titanium等等。
能力方面
原生App
⊙ 能夠與移動硬體設備的底層功能，比如個人信息，攝像頭以及重力加速器等等
移動Web App
⊙ 只能使用有限的移動硬體設備功能。
獲取方法
原生App
⊙ 直接下載到設備
⊙ 以獨立的應用程序運行(並不需要瀏覽器)
⊙ 用戶必須手動去下載並安裝這些原生App
⊙ 有一些商店與賣場來幫助用戶尋找你的App，目前app市場不計其數；
移動Web App
⊙ 從移動設備上的瀏覽器訪問
⊙ 不需要安裝額外的軟體
⊙ 軟體更新只需要伺服器就夠了
⊙ 因為現在沒有什麼商品或賣場提供這種App，所以如何搜索這些移動Web App相當不簡單
版本控制
原生App
⊙ 用戶可以自由地選擇是否更新軟體版本，所以會出現不同用戶同時使用不同版本的情況
移動Web App
⊙ 所有的用戶都是用同樣的版本
優勢
原生App
⊙ 比移動Web App運行快
⊙ 一些商店與賣場會幫助用戶尋找原生App
⊙ 官方賣場的應用審核流程會保證讓用戶得到高質量以及安全的App
⊙ 官方會發布很多開發工具或者人工支持來幫助你的開發
移動Web App
⊙ 跨平台開發
⊙ 用戶不需要去賣場來下載安裝App
⊙ 任何時候都可以發布App，因為根本不需要官方賣場的審核
⊙ 如果你已經有了一個Web App，你可以使用 responsive web design來輔助改進(這也是優勢？)
缺陷
原生App
⊙ 開發成本高，尤其是當需要多種移動設備來測試時
⊙ 因為是不同的開發語言，所以開發，維護成本也高
⊙ 因為用戶使用的App版本不同，所以你維護起來很困難
⊙ 官方賣場審核流程復雜且慢，會嚴重影響你的發布進程
移動Web App
⊙ 無法使用很多移動硬體設備的獨特功能
⊙ 要同時支持多種移動設備的瀏覽器讓開發維護的成本也不低
⊙ 如果用戶使用更多的新型瀏覽器，那問題就更不好處理了
⊙ 對於用戶來說，這種App很難被用戶發現
原生App 與 移動Web App:您如何選擇？
所以在你准備做移動App時，你應該先問問自己以下幾個問題：
1. 你的應用是否需要使用某些設備的特殊功能，比如攝像頭，攝像頭閃光燈或者重力加速器
2. 你的開發預算是多少？
3. 你的應用是否一定需要網路
4. 你的應用的目標硬體設備是所有的移動設備還是僅僅只是一部分而已
5. 你自己已經熟悉的開發語言
6. 這個應用對於性能要求是否苛刻
7. 如何靠這個應用贏利
我想這幾個問題應該能讓你做出明智的選擇。
結論：
是原生App還是移動Web App，主要受商業目標，目標用戶，以及技術需要這些因素影響的。其實更多時候你也不要為選擇那種App模式煩惱，正如本文提到，類似Facebook這樣的公司就為用戶提供了兩種選擇。然而對於大部分人來說，預算，資源限制將會逼迫我們只能選擇其中一種（或者只能以其中一種為重點）。
『捌』 h5做app和原生app有什麼區別
原生app和h5做的app的區別：
1、開發方面的區別
目前React Native開發越來越火，微信小程序是基於React Native開發的，體驗接近原生APP，發展前景值得重視。不過好在現在非原生APP同樣可以調用藍牙、相機等硬體，也能順利發布到蘋果APP store。
移動Web App
1、因為運行在移動設備的瀏覽器上，所以只需要一個開發項目
2、這種應用可以使用HTML5,CSS3以及JavaScript以及伺服器端語言來完成(PHP,Ruby on Rails,Python)
3、這里可沒有標準的SDK，基本任意選擇別忘了有一些跨平台的開發工具，比如PhoneGap, Sencha Touch 2以及Appcelerator Titanium等等。
原生App
1、每一種移動操作系統都需要獨立的開發項目
2、每種平台都需要獨立的開發語言。Java(Android), Objective-C(iOS)以及Visual C++(Windows phone)等等
3、需要使用各自的軟體開發包，開發工具以及各自的控制項
2、能力方面的區別
移動Web App
只能使用有限的移動硬體設備功能。
原生App
能夠與移動硬體設備的底層功能，比如個人信息，攝像頭以及重力加速器等等。對於這一點感觸很深刻，2016年做新年H5營銷小活動的時候，就是因為沒有考慮到H5不能使用移動硬體端重力加速器而導致臨時替換設計方案。
3、獲取方法的區別
移動Web App
1、從移動設備上的瀏覽器訪問
2、不需要安裝額外的軟體
3、軟體更新只需要伺服器就夠了
4、因為現在沒有什麼商品或賣場提供這種App，不過一般都是嵌套在系統內部，或者內部系 統中使用
5、跨平台開發，用戶不需要去賣場來下載安裝App
6、需要過度依賴網路，沒有任何緩存數據
7、任何時候都可以發布App，因為根本不需要官方賣場的審核
8、如果你已經有了一個Web App，你可以使用 responsive web design來輔助改進
9、所有的用戶都是用同樣的版本
原生App
1、直接下載到設備
2、以獨立的應用程序運行(並不需要瀏覽器)
3、用戶必須手動去下載並安裝這些原生App
4、有一些商店與賣場來幫助用戶尋找你的App，app store裡面應有盡有。
5、原生型APP應用的安裝包相對較大，包含UI元素、數據內容、邏輯框架;
6、手機用戶無法上網也可訪問APP應用中以前下載的數據。
7、原生型的APP可以調用手機終端的硬體設備(語音、攝像頭、簡訊、GPS、藍牙、重力感應等)
8、APP應用更新新功能，涉及到每次要向各個應用商店進行提交審核。
9、用戶可以自由地選擇是否更新軟體版本，所以會出現不同用戶同時使用不同版本的情況
如果企業選擇商領雲進行定製開發原生app，需要單獨開發兩套系統即ios和安卓系統。如果是通過商領雲的在線製作app，則可以同時生成ios和安卓系統的app，並且還可以製作小程序、移動網站和微商城，非常方便，而且價格也只需幾萬左右，具體需要看功能需求。
『玖』 web app和 原生app的區別
web app和原生app有三種區別：
1.開發方面有區別：
（1）原生APP：每一種移動操作系統都需要獨立的開發項目，版本、Ipad版本、安卓版本。每種平台都需要獨立的開發語言。Java(Android), Objective-C(iOS)等等。需要使用各自的軟體開發包，開發工具以及各自的控制項。
（2）開發成本高、開發速度慢、維護成本高。三個平台（IOS、安卓、windows）的規則、推廣、運營都不相同。官方應用商店對APP上線審核流程比較復雜而且很慢，會嚴重影響APP的發布上線。
（3）Web App ：因為運行在移動設備的瀏覽器上，所以只需要一個開發項目。可以通過HTML、 CSS或者JavaScript來進行Web APP的開發。開發成本低、開發速度快。
2.功能有區別：
（1）原生App：原生APP是一個系統性的應用程序，可以類比於電腦上的軟體。原生app可以調用移動終端的硬體設備， 比如：麥克風、攝像頭、簡訊、GPS、藍牙、重力感應等。實現功能豐富
（2）Web App：Web APP可以類比於電腦上的網頁。Web APP更多是頁面展示類的APP。只能使用有限的移動硬體設備功能。更多用於頁面展示，側重於簡單的交互，無法使用很多硬體設備獨特的功能。
4.版本控制有區別：
（1）原生App：用戶可以自由地選擇是否更新軟體版本，所以會出現不同用戶同時使用不同版本的情況。同時也會導致維護成本比較高。使用舊版本的用戶無法體驗新版本的完整功能。
（2）Web App：所有的用戶都是用同樣的版本，所有用戶獲得的功能都是相同的。版本更新比較方便，直接在伺服器側更新數據即可。一個功能做好了就能上線，一天更新幾十次都毫無壓力。如果客戶端只是個瀏覽器，那一切都會變得很簡單。
（3）另外web統一性高，跨平台適用時開發量少。由於其入口不明顯（瀏覽器導航或者隨意點擊鏈接進入），讓用戶記住的門檻也隨之拔高，每次推廣導入的流量都可能淪為一次性努力，用戶留存率低。
『拾』 web app和android app的區別
查找了相關的資料，梳理了一下，發現有如下區別：
1.html5的app如輕型小炮，原生態app如正規大炮，html5實現的功能有限，只能實現一些輕型的交互場景，而app則可以完美解決。
2.html5雖然可以跨平台，可是瀏覽器有個載入速度，對於用戶體驗上說，有個載入的等待，就比如你用qq瀏覽器打開網路，和直接使用網路app是兩種體驗。瀏覽器打開網路，還得有個載入，而網路app則ang的出下了輸入框界面。
3.html5的app對於導航來說，目前有個弊端。而原生態app則在頁底固定懸浮著導航菜單。我給截圖，大家可以看看區分：看我紅線畫圈和藍色畫圈的區別。
4.html5 app也有自己的優勢，比如有的app頁面想要分享出來，則採用html5 app。也比如滴滴打車集成在微信里一樣，如果手機中沒有滴滴打車的app，則直接可以在默認瀏覽器上載入出來，進行打車。對於公司整體的運營來說不可少。
html5 app在設計時需要注意的一些要點，我也簡單概括了一下：
1）各手機瀏覽器的兼容測試
2）底層服務的調取（能調取，但只有當其是核心功能時才保留 eg：新浪、美團等皆去掉了頭像上傳功能）
3）注意離線數據存儲，減少數據請求頻率。
4）考慮保存用戶的哪些數據：設置、個人數據、閱讀錨點、跳出頁面等。【這點一般說的就是導航菜單】
5）避免動效與瀏覽器的交互沖突
6）按順序 非同步載入eg： 騰訊視頻
以上就是本文的全部內容了，希望對大家了解web app以及原生app能有所幫助。