兩年來,HTML5的發展勢頭確實很猛,甚至都出現了很多言論說:HTML5終將取代原生app,app終將消亡的言論。其實對此來說:小編不能夠太認同。HTML5確實有著很多的優點,但是原生APP的開發也有著自己的優勢。現在我們來對比一下HTML5和原生APP開發的優缺點。
1、在跨平臺上,HTML5勝出。
HTML5采用網絡通用語言,不用考慮終端設備或者操作系統的不同。目前,W3C(萬維網聯盟World Wide Web Consortium,簡稱W3C)正在與汽車業、出版業、電視業進行討論,將web引入新的設備平臺中。隨著平臺逐漸豐富,這方面的成本問題將會日益凸顯。
2、在用戶體驗和表現上原生APP開發勝出。
在用戶體驗和表現這個方面,HTML5仍然面臨著不同移動終端設備本地瀏覽器的功能接入問題,同時在提供用戶展示圖形界面和數據展現的豐富性方面還有不足,繼續得到提高。
3、在開發速度和成本方面,HTML5勝出。
HTML5的開發確實比原生開發更節省時間和人力,開發周期相對較短,人力投入也比較少,畢竟HTML5有著跨平臺帶來的無可比擬的好處。不需要投入兩個團隊或者更多的人去開發。
4、在版本控制和BUG修復方面,HTML5勝出。
HTML5是web網頁端的內容,如果出現BUG可以不用迭代版本,只需在后臺修改即可修復bug,這是原生APP開發所不能做到的。
5、在變現能力方面,原生APP開發勝出。
原生應用的分發平臺,如App Store和Google Play,目前是獲得收入的較為成熟的商業模式;而HTML5應用,除了付費下載以外,還沒有形成其他成熟的商業模式。
6、對于碎片化挑戰而言,HTML5勝出。
盡管二者同樣面臨著嚴重的碎片化問題,不過HTML5先天具備的跨平臺特性,可以在這方面占據先機。
雖然通過對比,原生APP開發略站弱勢,但是原生APP的優勢確實有的是不能被HTML5所代替的。或許將來的某一天HTML5的發展會很好,能力,技術已達到一個好的地步,能夠替代原生APP的的先天優勢,那你為什么不會去想象原生APP的開發也是一直在進步的呢?當然這僅是小編個人觀點,時代在變化,尤其是在這移動互聯網時代更是這樣。
但是就目前狀況來說,最好的開發模式是兩種技術混合使用。比如同時在一個app中,使用原生的框架加載html5的內容之類的。要用變化的眼光看世界,世界上沒有什么時候是絕對的。其實原生APP和HTML5決勝的關鍵就是:誰能打破分配、貨幣化、平臺制約、網絡影響力、功能性的瓶頸,誰就贏了。
更多內容和資訊或者問題,更多干貨分享,盡在我的個人微信公眾號,微信名:非著名程序員,微信號:smart_android(←長按復制)。個人微信號:loonggg微博:澀郎
聯網行業前景好,薪資高,很多想進去這一領域的小伙伴都在糾結,學Java好還是HTML5好?對于想學習軟件開發的朋友來說,HTML5是新興起的技術,發展前景應該不錯;java一直以來都很受歡迎,所以發展前景也不容小視。
Java和HTML5的薪資待遇也都十分不錯。那么,到底學Java好還是HTML5好呢?今天大連千鋒教育老師就從兩者的發展前景、工資待遇和入門難度等方面幫大家梳理一下。
Java與HTML5各自的發展前景如何
HTML5技術開發的站點與應用可以兼容PC端與移動端、Windows與Linux、安卓與IOS。
它可以輕易地移植到各種不同的開放平臺、應用平臺上。主要用于開發網頁相關的應用,網頁、網站的開發和維護,網頁游戲,WebAPP的開發等工作。
Java技術的應用場景廣泛一些,可以做:
1、 做網站:Java可以用來編寫網站,現在很多大型網站都用Jsp編寫。
2、 做Android開發:Android是一種基于Linux的自由及開放源代碼的操作系統,其源代碼是Java。
3、 做游戲:諾基亞的手機游戲有90%以上都是Java開發的。PC端的游戲有《我的世界》,《英雄聯盟》等。
4、 做軟件:Eclipse,MyEclipse等知名Java開發工具.有關開發軟件組件。
兩者的發展前景都很不錯,Java的應用場景相對廣泛一些,所以可能性更大。
Java和HTML5的工資待遇情況
現在是學習Web前端的佳時期。前端的核心技術HTML5已成移動互聯網主宰者,各行業都用其開發互聯網應用,但目前整個互聯網行業的Web前端工程師緊俏,企業正高薪求才,薪資待遇一漲再漲!
從職友集的數據顯示,HTML5工程師的平均工資在10150左右,將近30%的HTML5工程師,工資水平能達到10K-15K,整體來看,從事HTML5開發的薪資待遇還是十分不錯的。
至于Java開發,自誕生之日起一直很受追捧,根據IDC的統計數字,在所有軟件開發類人才的需求中,對Java工程師的需求達到全部需求量的60%~70%。同時,Java工程師的薪水相對較高。
Java軟件工程師平均工資在12780元左右,低工資也在4.5K,遠遠超過了應屆畢業生2500元的平均水平。通常來說,有一年工作經驗的Java高級軟件工程師的薪酬大致在年薪10-13萬左右。
從工資待遇上看,無論是學Java還是學HTML5相差不大,都是比較好的選擇。
Java和HTML5的入門難度怎么樣
HTML5前端源于HTML語言發展而來,由于HTML和CSS起點低、容易入門。相對于其他IT技術職位來說, HTML5前端工程師相當于半個程序員,所以你不用擔心學不會。很多從事此項工作的都是非計算機相關專業出身,很多都是0基礎開始學的,而且因為職位所處位置的交叉性,也就有很多Web前端開發人員是轉行而來。
Java語言語法簡單,Java語言擁有與C、C++等眾多流行語言一樣的簡潔易懂的關鍵字、語法,而且是各種后臺開發語言中相對比較容易上手的語言。使用Java語言開發諸如服務后臺、數據報表等復雜的應用場景都有簡單完美的解決方案,所以從事Java開發有越來越容易的趨勢。
從入門難度上看,HTML5的入門難度較小,但是Java的入門難度在后臺開發語言中也是屬于比較容易的,而且很多零基礎學習Java開發的朋友找到了不錯的工作。
上所述,無論是學Java還是HTML5,兩者學精都是有優勢、有發展前景的,至于學Java好還是HTML5好,具體可依自己感興趣的方向選擇學習。不過大連千鋒老師建議,大家還是優先考慮學java。你會了java,一般web前端相關方面的項目都還是可以做,反過來就不行。
免責聲明:內容和圖片源自網絡,版權歸原作者所有,如有侵犯您的原創版權請告知,我們將盡快刪除相關內容。
交互這個概念我們經常提及,是指以反映系統狀態或者幫助用戶防錯的方式給予用戶反饋。因此,頁面跳轉方式也屬于微交互的范疇。筆者為我們講述了常見的幾種頁面跳轉方式,以及使用原因。
開始正文之前,請大家站在開發的角度,先了解一個基礎概念:移動端開發目前會有兩種常用方式,即Native App與Web App,也就是我們通常提到的“原生頁面與H5頁面”。
原生頁面:使用原生系統內核開發,直接在系統上操作。
優點:可靈活實現多種交互與視覺設置;響應速度快用戶不會有跳出感;需要調用相機或指紋功能等機能操作時,原生有其不可替代性;便于維護用戶數據和粘度等。
缺點: iOS迭代周期嚴重受限(提交官方應用商店審核);Android兼容性差;用戶使用成本相對高(這也是推出小程序的初衷之一);開發成本相對高等。
H5頁面:HTML5的簡稱,它是一種高級網頁標準。
優點:迭代速度快;兼容性強;易于傳播且使用成本低;開發成本低等。
缺點:受限于屏幕及瀏覽器尺寸,單屏展示空間有限;通過遠程服務器獲取數據,頁面響應耗時長;無法滿足個性化的交互設置等。
今天討論的主題是移動端APP中原生頁面的跳轉方式。
從交互角度定義這個概念:“在當前頁面,觸發某個交互動作之后,頁面之間是如何轉換的”。
需要明確的是:自然的跳轉與承接方式、整個應用內類似場景的跳轉一致性,既可以幫助用戶更好的建立對產品的認知,也有利于降低用戶的使用成本。
一個應用內可能包含有多種不同的跳轉方式,設計師在設計考量時需要把握好兩點:
可以細分為兩種具體的跳轉方式:左右平移和覆蓋平移。
(1)目前絕大多數應用,頁面在水平方向切換,采用“左右平移和覆蓋平移結合的方式”。
下圖示例:淘寶APP,由列表頁進入詳情頁的頁面轉換。仔細觀察會發現頁面跳轉過程中:背景頁面在水平方向只移動了部分距離,之后被新頁面覆蓋替換。
(2)也有部分應用,頁面跳轉主要方式是:完全的覆蓋平移。
下圖示例:網易嚴選APP,商品列表展示頁面跳轉至商品詳情頁的過程中,背景頁面并未在水平方向移動,新頁面滑入后覆蓋在背景頁面之上。
(1)如果跳轉前后的頁面存在比較緊密的強關聯性,不想讓用戶感知到前后頁面有明顯的隔離感。適合采用“當前頁面給出浮層展示新頁面”的方式。
下圖示例:輕芒雜志APP,在文章詳情頁查看本篇文章的全部評論時,文章詳情頁以遮蓋浮層的形式展示用戶的全部評論。
(2)若用戶在未跳轉前的頁面執行了某個操作,觸發的新頁面目的是執行重要且臨時性的操作,適合采用“在未跳轉前的頁面,從下至上彈出新頁面,且完全遮蓋”。
下圖示例:印象筆記APP,創建是工具類應用的核心功能,若未完成新建筆記,則無法查看其他頁面。
這種頁面轉換方式類似于Material design的懸浮按鈕,點擊后由一個點放大到覆蓋原有頁面,在新頁面點擊關閉,頁面縮小恢復至前一個頁面的默認狀態。這句話解釋起來有點繞口,以下圖微信APP的浮窗功能示例說明:
這種方式是在原有頁面上漸變出現或消失,不存在某個方向的移動,使界面操作輕量化,為用戶建立一種緩壓的心智。
下圖示例:騰訊視頻APP,在首頁點擊導航欄右側“更多分類”按鈕,全部頻道頁面在首頁之上漸變出現,點擊全部頻道頁面的關閉按鈕,頁面漸變消失。
在一些讀書類、電子雜志、電子報刊等移動應用中,瀏覽翻頁可以設置為模仿現實生活中紙張翻頁的效果。
如下圖示例:掌閱APP,閱讀書籍時頁面切換的翻頁效果。
目前很多應用中加入了操作流暢的微動效,頁面之間不再是直觀的某個方向滑動,而是使用動效引導用戶的視線聚焦。使用動效的目的是錦上添花,在應用滿足可用性和易用性的條件下,巧妙使用微交互中的動效,既可以無形中更好的引導用戶操作,又可以給用戶帶來愉悅的使用體驗。
下圖示例:最美應用APP頁面切換的動效。
文章結合案例闡述目前移動應用中,原生頁面之間幾種常用的跳轉方式,并嘗試簡要說明使用的原因。很多應用會綜合上面舉例的多種跳轉方式,判斷使用的頁面跳轉方式是否恰當,要綜合考量具體的跳轉場景、以及整個應用規范的一致性。
未來隨著折疊屏的普及、人工智能技術與場景的完善,移動應用頁面之間的跳轉方式也將不斷迎來新的變化,例如:目前部分應用的3D/VR/AR技術的落地。需要設計師既能在現有資源和技術的框架下提出高效方案,又能不斷探索突破應對未來的變化。
作者:Viksea,微信公眾號:Viksea(ID:viksea-ux)
本文由 @Viksea 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自 Unsplash,基于 CC0 協議
*請認真填寫需求信息,我們會在24小時內與您取得聯系。