• 06-12

    2015

    【最新消息】網頁設計:快速優化用戶體驗和能見度

    平面設計曾經存在作為一個單一的實體,在市場營銷活動中,靜態視覺傳播的一種形式,通過使用排版,空間和形象。 而平面設計的作用最初並未與互聯網和網站開發的出現改變,圖形設計很快發展,以滿足基於屏幕的應用的需求,並且這進步繼續以滿足不斷變化的需求。   設計驅動的用戶體驗 平面設計可以看出,已經演變真正的,因為它現在融入現代,巧妙地構建網站的基礎設施非常。現在不僅提供簡單的靜態圖形或品牌標識,但處於非常心臟的良好的用戶體驗和網站的知名度。 今天和熟練的手,網頁設計實際上會提供這樣的設施如網址導航,基於比例的網格為響應式網頁設計(RWD),甚至高性能的搜索引擎優化(SEO)。 這是直觀的,愚蠢   高品質的,深思熟慮的圖形導航並不只涉及直觀​​的導航面板或按鍵設計,因此良好的用戶體驗,這也對其他基本面的影響。 這些措施包括搜索引擎優化,在那裡圖形導航鍵設計,其相對於按鈕的目標命名約定,所有計數當搜索機器人抓取你的網站。例如,如果按鈕被嵌入在圖像中,機器人不會抓取大多數圖像,讓您精心打造的導航命名將是無形的。 是什麼在這種情況下將被抓取是替代標籤(ALT標記),而且這種情況很容易降低你的網站的搜索排名和知名度。   現在你看到它... 但能見度問題不只是局限在導航和alt標籤的命名規則。一些搜索引擎的排名,現在移動兼容網站上高於傳統的桌面網站的搜索排名。 這意味著你需要使用後輪驅動的設計方法和技術來設計的。RWD的網頁設計技術打造,旨在提供最佳的用戶體驗上的各種設備,從台式電腦,平板電腦,通過向移動電話的網站。 RWD網站旨在通過使用基於比例的網格和靈活的圖像,提供簡單,高度可見的導航,方便閱讀的內容,以適應圖形佈局,以給定的觀看設備,並以最小的滾動,平移和縮放。 文字和圖片 而在這裡所討論的網頁設計技術和設計技術將提供出色的用戶體驗,他們可能也救不了你周圍網站的知名度周轉等問題。 而在網頁搜索引擎優化涉及文字內容,而不是網頁設計,通過圖形化的設計顯示方式的內容可能是網頁設計美學的關鍵,但同樣關鍵,網站的知名度。   講不出話 由於大多數市場營銷專業人士都知道,有認識上的網頁搜索引擎優化技術最大限度地提高知名度,這其中就包括確保關鍵短語出現在諸如標題和段落和句子結構的早期部分。 但是,如果這個搜索引擎優化的關鍵短語的關鍵內容被嵌入的審美效果的圖片,言將呈現不可見的搜索引擎機器人,並會丟失,顯著降低您的網站的搜索排名。 還不止​​滿足眼睛 因此,好的網頁設計遠不止單純的美學深刻得多。而仍然是一個圖形化的媒體,網站設計可以使或打破你的網站都在用戶體驗和搜索能見度的條件。 良好的網頁設計開始以極大的圖形輸入,但要真正成功,網頁設計幾乎達到營銷傳播的各個領域。 而這裡的事情:為什麼那麼委託你的網頁設計,以一維(圖文)網頁設計機構,而不是一個多維的數字營銷代理機構?   台北網頁設計,新竹網頁設計
  • 06-12

    2015

    【最新消息】你需要放棄的6過時網頁設計

    有幾件事情,可以把剎車與你的品牌了堅實的潛在客戶的關係,以及不良網站中是最快的。   大部分誰訪問您的網站的客戶會點擊關閉前的主頁上花費少於15秒 ; 這意味著你有15秒鐘的捕捉他們的注意力和信息,這將幫助他們投資的興趣在你的品牌呈現出來。 不幸的是,許多品牌都採用過時的,沒有吸引力的網站設計元素和功能,增加的前景誰離開自己的網站,他們了解公司的第一件事之前的數量。 是您的網站的跳出率很高?你生氣了業務量,你產生每個月?它可能是過時的潮流你在使用你的網頁設計。 這裡有你需要今天放棄6網站的發展趨勢。 1.非移動友好   最近的研究表明,有一半以上的地方搜索是在移動設備上進行。這意味著你失去了潛在客戶的一大塊留下你的網站沒有移動能力。 更重要的是,對搜索結果谷歌的處罰最近宣布對非mobile-友好的網站法術誰還沒有使他們的網站訪問為移動用戶企業一個更糟糕的命運。 如果你還沒有接受移動的方式,你的網站很可能被錯過潛在客戶的龐大的大片。 2.太多設計   過度設計的是混亂和擁擠全文將客場發送您的遊客趨之若鶩的網站; 如果他們無法通過您的網站的設計消除噪音,並得到你的品牌是所有關於一個簡潔的想法,他們離開那裡。 簡單,流線型的設計是在傳達誰是你的公司,你的品牌代表什麼,你可以為你的客戶做更有效。 平均在線前景不耐煩; 他們不願意投入時間在披荊斬棘篩選和發現,他們正在尋找的信息。他們會簡單地點擊了你的頁面,去你的競爭對手的。 3.過時的 字體和樣式元素   你的網站的設計可以傳達豐富的東西對你的品牌。當你的網站尖叫“這是2002年,”你可以期望你的訪問者尋找更多相關渠道向服務或產品。 過時的字體是一個很好的指標,您的設計團隊是落後於時代; 想Comic Sans字體,宋體和宋體。 從早期的aughts,像設計技術使用斜面和浮雕上的標題或內容在您的主頁,那是你的公司有一些追趕,當涉及到你的網站,並在其中的內容做一個指標。 4. Flash簡介 Flash引導是一些從一個用戶的角度最令人沮喪的網站內容 ; 它們與大多數移動設備兼容,它們會導致頁面加載速度比較慢,他們提出了一個巨大的和令人沮喪的分心誰只是想獲取信息的用戶。 不要選擇閃光(雙關語意)的網站內容,提供您的用戶沒有真正的價值或物質。如果您已經在畫一個瘋狂的閃存介紹為您的主頁的想法,打的衝動與你擁有的一切。 有更好的方法來獲得倍以上重要內容。 5.自動播放音樂 有了這麼多的潛在客戶訪問您的網站通過移動設備在公共場所,經常使用耳機,它的時間來破除自動播放音樂,這往往是驚人的,響亮而不受歡迎。 爭先恐後地尋找一個網站的(通常很小)靜音按鈕,很多用戶會簡單地退出你的網站了,忘記了他們曾經訪問過擺在首位。 6.壞相片 在你的營銷使用的視覺效果是吸引和從事你的觀眾幾乎是普遍的策略。但是,試圖建立一個預算視覺網站提供許多公司與一個難題:在哪裡得到的圖像為他們的網頁幾乎沒有錢。 這是絕對有可能找到漂亮的照片在網上很少的錢,甚至沒有錢在所有; 然而,選擇了不切實際的,傷感的庫存照片是過度擁擠免費股票攝影網站是不是要走的路。 選擇俗氣,很明顯,假的庫存照片為貴公司的主頁上立即刪除合法性來自你的品牌。壞的庫存照​​片可以在您的網站訪問者創建強大的,消極的情緒,甚至把你的公司變成一個笑柄(同樣,雙關語意​​)。 這裡有幾個不好的歡快的庫存照片給你的笑和,以避免為您的網站選擇照片時,什麼樣的想法。 這些元素在您的主頁擺脫是朝著現代化您的網站,並提供您的訪客提供更好的體驗一個很好的起點。 什麼是讓你難以忍受的一些網站的元素呢?讓我們在評論中知道!   台北網頁設計,新竹網頁設計
  • 12-13

    2014

    【最新消息】用HTML5製作APP

    這年頭APP盛行,無論程式新手老手都想寫APP。對老手來說可能還算容易,但是對新手來說就不是那麼的親民。好家在 Android 平台有麻省理工學院(MIT)開發的 AppInventor 線上堆積木寫程式系統,讓程式苦手用簡單的方塊就能堆出基本的APP程式,使APP的開發門檻大大的降低。不過,堆積木的方式雖然簡單方便,卻也導致很多進階功能無法實行:使用者無法自訂物件。對於有比較複雜需求的人來說,AppInventor 顯然是一條行不通的道路。 HTML5 之所以受人矚目,就在於它跨平台的特性:無論手機、平板、電腦,都可以執行。我們可以不必學好幾種程式語言;想讓我們的程式在不同平台上執行,只要一套 HTML5 就搞定。現在想要學APP程式,只要用 HTML5 就能夠在 Android、iOS 以及 Windows Phone 上面執行了。HTML5 不是寫網頁程式嗎?是的,所以我們需要透過 Adobe PhoneGap 幫我們把 HTML5 的程式轉成可以安裝、上架的 APP。雖然 HTML5 APP 的效能會受到部份人士的質疑,畢竟它不是原生程式,但它很適合推薦給想進階學習的程式新手。另一方面,如果程式有寫好,HTML5 的效能也不會輸給原生程式。HTML5 已經不是當年簡單的網頁程式了,它可以很簡單,也可以很複雜。透過 HTML5 可以完成大部份 APP 的需求,我想大概只有遊戲等級的 APP 用 HTML5 比較難寫吧(只是難寫不是寫不出來,畢竟用記事本是要寫得多複雜?事實上二百年前就有神人用 HTML5 寫遊戲了,例如 Cut the Rope 是先有 HTML5 網頁才有 APP),不過開發遊戲的話還是用遊戲引擎比較快。 台北網頁設計,新竹網頁設計
  • 12-04

    2014

    【最新消息】全面解析HTML5优缺点

    HTML5是当下最主流的网页标准,它的出现给在线应用和手机游戏开发者带来了不少新机会。基于HTML5,开发者可以制作自己的网络游戏,而这个游戏无 论你在PC、手机还是平板电脑上,无论你用Chrome、Firefox还是Opera,都可以无障碍运行。不过,HTML5作为一项新兴技术,在标准和 性能上还有很多不确定性,开发者们对HTML5的看法也不尽相同。那么,在开发者眼中,HTML5到底怎么样? 1.HTML5可跨平台运行 HTML5最主要的优势就在于它适合众多平台,从PC浏览器到手机、平板电脑,甚至将来的智能电视。只要设备浏览器支持HTML5,HTML5应用或游戏在该平台中就可以直接运行。   这带来原生应用所没有的优点(注:原生应用通常需要进行重新设计,方能投放至另一个目标操作系统)。若开发者想要将自己的iOS游戏移植到Android平台,他就需要对游戏做出根本性的调整。有了HTML5技术,此过程就会简单许多。 HTML5可跨平台运行 大型网游发行公司Spil Games的CEO Peter Driessen表示,“我们已采用HTML5技术1年多,深知基于各设备推广网页游戏的重要性。随着玩家的体验次数日益频繁及各种设备的多元化,这一点越来越重要。”   Zynga德国工作室的Paul Bakaus(他曾协助公司将此技术植入公司的各款网页和手机游戏中)表示,“推广HTML5技术的理由很多。” 他表示,“一个优点就是我们能够轻松将其推广至手机浏览器。例如,你无需进行安装——这是一大优点。再来就是内容更新和跨平台开发。若你创建的是原生应 用,多数情况下你需要分别在Android和iOS平台创建内容,也许还有桌面平台。基于HTML5技术,你只需要制作一次,就可以将其推广至各平台。”   除能够让开发者更轻松地将游戏植入各种平台外,HTML5还提供便捷的跨平台交流,支持很多云端功能,从社交机制到持久的游戏世界。 Spil Driessen表示,“我们希望通过HTML5获得的是真正的云端游戏。我们支持众多在线社区,显然我们的玩家,其他玩家也一样,越来越希望自己能够基 于手机玩游戏。HTML5给我们奠定了基础,让我们得以创作出包含社交功能的无缝隙游戏体验,无论是外出还是在家。”   2.HTML5的运作情况无法预测 虽然HTML5原先旨在服务各种设备,但我们依然无法确保其能够顺利适应各种硬件标准。 EA创意总监Richard Hilleman最近在旧金山的“New Game Conference”上分享自己在此平台遇到的挫折,他表示团队的试验3D动画在MacBook Air上运作顺利,但在更强大的设备上则遇到阻碍。 Hilleman表示,“在我自己的电脑上,其处理器是i7,我一秒钟只能获得若干帧数。”他接着解释到:“高性能的JavaScript通常非常迟钝,”所以我们很难预测应用在既定硬件设备的运作情况会怎样。 HTML5的运作情况无法预测 他补充表示,“我不知道如何向客户解释。这是很大的问题。” 瞄准手机平台的HTML5开发者很容易遇到这些问题,因为他们的游戏需要在各种智能手机和其他手机设备上运作。 资深HTML5开发者及近来刚关闭的Moblyng工作室前首席执行官Stewart Putney表示,公司会在众多设备上测试自己的作品。他表示,“就iOS系统来说,我们仅需针对iPhone3GS、iPhone4、 iPhone4S、iPad和iPad 2,这很简单。Android相比之下更分散;各手机制造商通常都会对手机浏览器做出微小调整。这对原生Android应用来说没什么大不了。但对 HTML5应用来说,这意味着应用将难以运行。” 他继续表示到:“为保证获得较高质量的内容,我们得在多种设备上测试应用——只有这样我们才能保证应用能够顺利运作。我相信未来我们会看到更多测试工具及更优质的标准,但Android QA依然是HTML5开发的痛处。” 3.HTML5是Flash之外的选择 从传统角度看,Flash和网页游戏总是携手并进,但由于Adobe最近决定暂停Flash对手机浏览器的支持,因此开发者纷纷开始探寻智能手机市场存在 的其他选择?但相比Flash,HTML5表现如何?据Zynga高管Paul Bakaus表示,二者都有自己的市场,它们各有千秋。 他解释称:“Flash有全新Stage 3D API,而网页平台则有WebGL。二者都在底部图层中采用原生OpenGL抓取内容。这样它们就在速度上不相上下。关于软件绘制,我觉得HTML5胜过 Flash,因为它非常贴近实际浏览器,这样它们就能够在硬件加速图层上进行各种优化。但Flash也存在几个明显的优势。” HTML5是Flash之外的选择 “我觉得Flash和Stage 3D的应用程序很棒,而HTML5则是实现跨平台运作的渠道。还有就是原生应用,它能有效整合手机操作系统的功能。我不知道未来它们是否会分出胜负——所以我不会将它们分离开来。我觉得这更像是专业分工。” 谷歌Seth Ladd补充表示,他觉得HTML5最终会和Flash和平共处,每个平台都会有自己的独特优势。他表示,“未来你将看到的是,促成更大网络的各平台将不 得不继续向前发展,因为其中存在一定竞争性。我希望Flash能够找到优化体验的方式,开放的网络平台将继续优化其体验,最后你会看到这些都变成现实,终 端用户将从中受益匪浅。”网页开发者Dominic Szablewski(注:他是JavaScript Impact引擎的创建者)表示,Flash更适合美工人员,而HTML5则是更好的编程环境。 “Flash一直都非常适合创意人员。基于Flash IDE创建动画或简单游戏非常便捷,只需要进行几次鼠标点击。这类工具HTML5没有;你通常需要编写代码。但HTML5完全免费,一开始,你只需要一个浏览器和文本编辑器,无需购买昂贵应用。” Szablewski补充表示,由于Flash已不再支持手机平台,他觉得HTML5才是网页开发的未来。就如他所说的:“若你想要创建适合手机浏览器的内容,若你不在乎IE6/7/8用户,若你不希望运用即将消亡的技术,那么就采用HTML5。” 姑且不论HTML5和Flash的比较情况,想要走跨平台路线的开发者只能转投HTML5技术,至少在Moblyng元老设计师Stewart Putney看来,情况就是如此。 “由于手机平台不支持Flash技术,我觉得HTML5技术将变成手机领域的跨平台标准。就目前来看,这似乎逐渐开始变成现实。” 4.HTML5声音处理是个大问题 声音显然在游戏开发中占据重要位置。但遗憾的是,这是HTML5的一大缺陷所在。该平台的可用API相比原生应用环境略逊一筹。 Zynga德国工作室的Paul Bakaus特别提到此缺点。“HTML5面临的首个挑战是声音,这需要进行修复。这是非常简单的道理。我们无法解决此声音问题,是吧?声音是杰出作品的必备要素。这是当前的最大挑战,但我不会因此就说要停止制作这类游戏。” HTML5声音处理是个大问题 他解释表示,在他看来网页开发者未来将修复这些声音问题,但要让这变成现实,还需若干必要条件。 他表示,“解决声音问题有两个要点。一点在于我们,就像我之前提到的,我们需要让供应商意识到这个问题,所以我们需要制作游戏,我们需要告诉他们我们游戏存在的缺点。” 他表示,“另一方面,我们需要让供应商承认这是个问题,然后寻找解决方式。我看到大家关注这个技术的图像问题甚于声音问题,这是我最大的担忧。作为技术供 应商,你不会真正从游戏领域的角度思考问题,是吧?你不会发现声音是制作杰出游戏必不可少的要素。我们需要让他们意识到此问题。” EA创意总监Richard Hilleman同意Bakaus的看法,就如他在2011 New Game Conference的演讲中所说的:“我们遇到的一大障碍是声音。HTML5的声音制作存在很大问题,我们需要解决此问题。我希望下代浏览器能够解决此 问题,但这是另一个大问题。” 5.浏览器的HTML5兼容性不统一 若玩家采用较新颖的浏览器(注:例如Chrome或Firefox),它们就能够顺利体验你的HTML5游戏。但那些依然采用Internet Explorer 6或旧版Safari、Opera的玩家呢?若用户没有更新他们的浏览器,他们就无法访问所有HTML5内容。 有时,这些浏览器的兼容性问题会消除平台的最大优点:无处不在。若用户依然采用陈旧浏览器,他们就无法体验HTML5游戏。 浏览器的HTML5兼容性不统一 有些开发者认为,如Zynga的Bakaus,解决此问题的最佳方式是持续推进发展步伐,即便这只局限于较新颖的浏览器。他表示,通过创建无法运作于陈旧软件的高质量游戏,我们能够促使用户去更新软件。 他表示,“开发者害怕流失使用低于Internet Explorer 9版本浏览器的用户。但有时候,满足用户所需并不是最适当的做法,因为问题会始终保持原状。不妨试着创造只适合现代浏览器的新内容,这能够促使用户更新自己的软件。” 但若所有用户都采用兼容HTML5的浏览器,这是否意味着网页应用能够适应所有浏览器?未必如此。 即便是那些支持HTML5的浏览器,其支持方式也不相同;兼容HTML5的更陈旧浏览器也许只支持有限数量的功能或API,这意味着某些游戏功能只有那些最新版本能够呈现。 当然如果预算有限,你也许无法拥有足够的资源制作出适合所有浏览器的游戏。在旧金山New Game Conference上,Bocoup Darius Kazemi回忆称他在将Subatomic Studios的《炮塔防御》移植至HTML5时遇到此问题。 Kazemi解释称这是由于时间和预算限制,他和他的团队选择基于谷歌Chrome和Chrome Web Store制作游戏。Kazemi表示,“这是个两难情境。我是要最大限度覆盖用户,还是创造高质量的游戏?我能否兼顾二者?” “最终,我们是要将其移植至其他浏览器,还是只是在一个浏览器上创造高质量的体验?我们最终选择后者。”Kazemi补充表示,游戏从Chrome 14中的API中受益匪浅。若你打算凭借HTML5游戏覆盖各平台,那么就要谨慎利用资源。 6.还没有专门的HTML5应用商店 HTML5应用区别于手机原生应用的重要地方在于其没有统一的应用商店。这有其利弊,我们需要事先把握。显然投身网络平台的主要优点在于发行和更新内容无 需经过审批过程。和苹果iTunes 不同,HTML5允许开发者随时更新或发行游戏,无需等待平台所有者的回应。 还没有专门的HTML5应用商店 虽然此自由颇吸引积极进取的开发者,但这伴随一定的成本。没有标准的推广平台,要向用户呈现应用就变得颇具挑战性。 Putney表示,目前我们没有HTML5核心应用商店协助应用提高曝光度。HTML5应用没有特定目标位置,这使得玩家难以获悉新作品的信息。但关于这 点,Facebook起到一定的辅助作用。Facebook能够让HTML5应用在手机平台获得社交曝光度,这是一大进步。 另一方面,谷歌将HTML5的开放性看作一大优点。该公司高管Seth Ladd解释表示,“现在发行和推广应用更加便捷,因为这里没有管理者,无需经过预先审核。所有开发者都能够自由通过自己期望的方式创收,以期望的方式获 得用户,然后以期望的方式发行内容。这是开放网络平台的一大优点。” 7.HTML5依然处于发展状态 把握HTML5的所有利弊后,你就能够判断此平台是否适合自己。目前HTML5没有统一标准,但网页开发者不断进驻此平台,所以没有人知道未来会发展成什么态势。 谷歌Seth Ladd对HTML5的期望很高,他表示,由于网络开发者快速推陈出新,平台的发展步伐也变得更快。“目前我们从Chrome、Firefox,甚至是Internet Explorer中看到的情况是,各开发团队的发展步伐比之前快很多。”   如今越来越多开发者开始转投此平台,有些HTML5开发者称这只会让此平台变得日益强大。HTML5开发者Dominic Szablewski补充表示,“这是HTML5的最大优点。这里的竞争很激烈。在IE6和Flash问世多年之后,网页技术终于再次出现显著发展,这只 是开始。还有很多技术持续涌现:WebGL、全屏模式、鼠标锁定及新视听模式API。着实颇令人兴奋。” Zynga等公司承认,HTML5还有很长的路要走,直到它最终能够同原生应用开发相匹敌,但若平台能够保持其发展势头,体验空间就能够最终并驾齐驱。 Zynga Bakaus表示,“我们依然处在初期阶段,原生应用已主宰游戏开发很长时间,所以它们具有HTML5目前所没有的发展势头。” 尽管HTML5开发者表现乐观,但就平台持续变化的状态来看,着眼于此平台依然存在很大挑战。Putney表示,“我们应对的是台行进中的汽车”,他表示 持续变化的技术标准会给开发工作带来很多障碍。他表示,“但若我们处理得当,我们就能够凭借一款应用掳获大量用户——所以我们觉得这很值得。” 台北網頁設計,新竹網頁設計
  • 11-29

    2014

    【最新消息】HTML5正式定稿。HTML5來了!原生App世界將被顛覆

    終於,在2014年10月底,W3C宣布HTML5正式定稿。這個時間,不晚不早,硬體性能更強、手機OS迭代速度下降。 隨著HTML5標准定稿,一切紛爭將告一段落,現在,屬於HTML5的時代到來了。 四、 HTML5這回真的來了 有人說,光標準定稿沒用,配套起來了嗎?HTML5做的應用究竟能否匹敵原生App?答案是,HTML5不但可以匹敵原生App,甚至它天然的很多特性超越了原生App。 我們先談談HTML5原來不如原生應用的地方,業內俗稱HTML5有「性工能障礙」。即HTML5性能不如原生、開發工具不如原生、能力調用不如原生。 這幾個問題導致開發者無法使用HTML5做出與原生一樣的App。然而,不管是硬體升級還是OS廠商策略變化,以及相關軟體技術的成熟,已解決了HTML5的「性工能」障礙。 硬體升級  2011年,iPhone 4s的CPU是A5,現在iPhone 6是A8,按蘋果的歷次發布會的說法,速度共提升了7.5倍。這3年間7.5倍的速度提升,抹平了太多HTML5的性能問題。 蘋果、Google的策略變化 Google在2013年底發布的Android 4.4,內置的Webview不再是蹩腳的Android WebKit瀏覽器,而是Chromium,性能大幅提升。從最新的Android5.0開始,Webview可以通過Google Play Store即時更新,和Chrome的升級保持一致,用戶就可以不刷機享受到最新的瀏覽器引擎;再看Apple方面,2012年iPhone 5發布後,HTML5在iOS上的表現已令人滿意,Safari獨家的JavaScript加速引擎Nitro不再那麼重要,不過在iOS 8發布後,蘋果還是很識趣地取消了三方程序調用Nitro的限制,現在任意瀏覽器或應用調用iOS的UIWebview都可以利用Nitro加速,這樣在前端使用JS做大型運算也成為可能。兩大手機操作系統霸主和瀏覽器巨頭的態度發生了變化,使得HTML5在手機上的發展不再受限,而且這個變化不可逆只能繼續向前,這種變化勢必會產生深遠的影響。 軟體技術的成熟 PhoneGap的發展雖然放緩了,但其他產品技術卻成熟了。2014年的iWeb大會上,眾多廠商的產品提供了面向開發者免費或開源的HTML5障礙解決方案。 不管是硬體升級、軟體成熟,還是操作系統廠商策略變化,都在強力推動HTML5的爆發。 不過要注意,我說的HTML5爆發,不是指手機瀏覽器會替代桌面成為應用入口。有人說HTML5不好,因為用戶討厭打開瀏覽器輸入URL的過程。我想說這種想法是對HTML5的片面理解。HTML5不等於傳統瀏覽器,雖然程式語言還是HTML、Javascript、CSS,但發行方式絕不是傳統網站那麼簡單。HTML5應用的入口,反而很少是啟動瀏覽器輸入URL,它可以是存在於手機桌面的圖標、也可以來自超級App(如微信朋友圈)、以及搜尋引擎、應用市場、廣告聯盟等等,到處都是它的入口。它的入口,比原生App更多。 五、 原生App的顛覆 HTML5的障礙得到解決,可以接近原生App的效果,所以它就可以替代原生App嗎?很多人認為,即使HTML5會發展得比現在好,也將是與原生App各佔一部分市場的格局,要求不高的長尾應用會使用HTML5,而主流應用仍是原生App的天下。 但我認為這樣的想法很危險,就像Apple成立前,HP的高層告訴Steve Wozniak:誰會在家裡擺一台電腦呢?未來HTML5肯定會顛覆原生App。功能障礙的消除,只是HTML5的劣勢被削弱,但劣勢被消除後,它的優勢就會大放異彩,HTML5的優勢是什麼?我們分別就開發者和最終用戶來看。 HTML5對開發者的7大優勢 ● 跨平台 在多螢年代,開發者的痛苦指數非常高,人人都期盼HTML5能扮演救星。多套代碼、不同技術工種、業務邏輯同步,這是折磨人的過程。有點類似個人電腦早期世界,那個時候的每家電腦都有自己的操作系統和編程語言,開發者疲於做不同版本,其實DOS的盛行也很大程度是因為開發者實在沒精力給其他電腦寫程序。跨平台技術在早期大多因為性能問題夭折,但中後期硬體能力增強後又會佔據主流,因為跨平台確實是必要需求。 ●快速迭代 行動網路是一個快魚吃慢魚的時代,誰對用戶的需求滿足的更快,誰的試錯成本更低,誰就擁有巨大的優勢。網路產品大多免費、且有網絡效應,後入者搶奪用戶的難度非常大。使用原生開發,從招聘、開發、上線各個環節的效率都慢一倍以上,而且參與的人越多,溝通效率往往拖慢不止一倍。 ●持續更新 很多人有這樣的體會,一個原生應用上線Appstore,突然有一個大bug,只好連夜加班修復,然後靜靜等待2週或更長時間的Apple審核,這2個星期被用戶的客訴淹死,市場上一片差評,用戶大量流失。等新應用被審核上線了,用戶已經移除了。但是,HTML5沒有這些問題,你可以即時更新,有問題立即響應。 ●大幅下降成本 創業者融資並不容易,如何花錢更高效非常重要。如果你使用原生開發的App和競爭對手使用HTML5開發的App沒什麼區別,但你的開發成本高出一倍,我相信沒有投資人會喜歡投資你。 ●開源生態系統發達 HTML5前端是開放的正反饋循環生態系統,大量的開源資料庫可以使用,開發應用變得更輕鬆、更敏捷,當然這也體現在了快速迭代和成本下降上。不過更重要的是,這種開放的正反饋循環生態系統未來的生命力是比原生生態系統更強勁的。 ●開放的數據交換 HTML是以page為單元開放代碼的,它無需專門開發SDK,只要不混淆,就能與其他應用進行數據的互動交流。開發者可以讓手機搜尋引擎很容易檢索到自己的數據,也更容易通過跨應用協作來滿足最終用戶需求。 ●更容易推廣、更容易爆發 導流入口多:HTML5應用導流非常容易,超級App(如微信朋友圈)、搜尋引擎、應用市場、瀏覽器,到處都是HTML5的流量入口。而原生App的流量入口只有應用市場。聰明的HTML5開發者當然會玩轉各種流量入口從而取得更強的優勢。 流量大:前段時間微信朋友圈風靡一時《神經貓》,這個遊戲如果放到Appstore,絕對沒有那麼多流量,超級App帶來的流量,遠大於原生應用市場。假如微信允許遊戲在桌面創建快捷方式、假如游戲後續升級解決持續娛樂問題,未來不可想像。 導流效率高:除了入口多、流量大,導流效率高也不可忽視,誰都知道:頁遊和端遊打同樣的廣告,廣告變用戶的轉化率,頁遊遠遠高於端遊。 HTML5對最終用戶的3大優勢 ●大幅降低使用門檻 為什麼串流媒體會替代下載影音成為主流?為什麼頁遊會如此受歡迎?只因用戶太「懶」。讓用戶更方便的滿足需求,有時效果好於更多的滿足需求。 用戶眼睛看到一個興趣點,點擊後,就應該立即開始滿足用戶需求。比如串流媒體可以立即看,頁遊可以立即玩。而目前的原生應用市場,用戶需要這樣操作:選一個應用、等待下載、確認權限、等待安裝,然後點擊打開。這樣糟糕的體驗遲早要被顛覆。 不管是App、遊戲還是影音,未來都將即點即用。誰先滿足用戶這個需求,誰就制勝。 ●即時更新、差量更新的優秀體驗 HTML5應用可以繞開應用市場的限制進行自主即時更新,用戶可以快速享受新服務。 而且這種更新完全可以是差量更新,比如某個HTML頁面或某個js文件有問題,只更新這個幾k的小文件就可以了,這比原生應用的更新體驗好太多。 ●跨應用的使用體驗 目前手機應用切換是以桌面或任務管理器為中心的,但事實上這些中心很影響效率和體驗。用戶想出差,先打開去哪App訂票,然後切回桌面,再找到並打開天氣App,搜尋輸入地點,再切到桌面,找到並打開旅遊App,輸入航班號碼,航班號多少?再切到桌面,找到並打開去哪App看航班號,最後找到並打開租車App,輸入租車地點,然後再切回桌面...... 在原生應用體系下,用戶只能這樣。但在HTML5體系下,他不需要切回桌面,他可以在App間方便的直接跳來跳去,而不是使用一個一個孤島App;他更不用重複錄入數據,應用間可以方便的互相傳遞數據。 這種模式需要一點想像力,但未來遲早會來。 分析至此,我們可以明顯的看出,不管是站在最終用戶角度、還是站在開發者角度,HTML5必將取代原生應用當前的位置。並由此引發一系列顛覆。 六、 還有什麼會被改變? HTML5的爆發,原生App生態系統的顛覆,是一場產業革命,很多角色都會受到影響,我們來預測一番。 新型HTML5引擎戰火將燒起 標準的HTML5引擎並不能解決HTML5的所有問題,擁有大流量入口的網路巨頭,莫不在思考內嵌更優秀的增強引擎。騰訊推出了X5瀏覽器引擎,就是看中這個機會。目前各路瀏覽器廠商、應用市場廠商、甚至rom廠商,都在努力整合更優質的瀏覽器引擎。假使微信內嵌的Webview可以運行更優秀的canvas遊戲、假使360手機助手可以發行即點即用的HTML5應用並且能力體驗與原生一致、假使小米rom內置更強大的webview使得所有HTML5應用在小米手機上運行的更流暢...... 一個巨頭開始行動,所有巨頭都會聞風而動,沒錯,這場戰役會是行動網路世界的二次世界大戰。 應用發行市場將洗牌 由於超級App的巨大流量能輕易成為HTML5應用的入口,並且會形成大者更大的效應,傳統的應用商店、甚至線下預裝,這些流量不足和效率偏低的發行模式將被擠出市場主流。本身也是超級App的大流量應用商店,如果轉型得當,也將以發行HTML5應用為主。 廣告和統計市場 原生的廣告和統計SDK提供商會面臨尬尷,Google、百度等基於網頁的廣告和統計服務會取得更大的優勢。開發者不再需要打包SDK,引入一個Script即可。 開源技術將在行動網路領域更加流行 HTML的開放性造就了大量的開源產品,也反向促進了HTML的繁榮。在Github上有大量的JS框架,而原生的開源代碼數量相比甚少。而未來行動網路世界將因為開源而發展的更迅速,這裡也同樣存在類Github廠商的機遇。 開發工具的變化 早期HTML只需要記事本寫幾個Tag,中期的HTML、JS、CSS比較複雜,需要更高級的文本編輯器,但HTML5到來後,它的代碼量、複雜度、開發模型將與原生開發看齊,需要類似XCode、Eclipse等專業的IDE工具來解決開發、調試的問題。一些以會使用記事本寫代碼為榮的開發者,將面臨思路轉換甚至被更高效的開發者淘汰。 性能分析調優 目前很多針對原生應用的性能分析調優工具或服務,未來也面臨轉型,HTML5應用的性能分析調優是另一個世界。 混淆與財產權保護 HTML5是開放代碼的,好處也帶來弊端,有些東西開發者希望暴露,但有些東西開發者希望保護。混淆技術就變得更有商業機會。PC Web上Gmail的混淆就做得不錯。除了JS混淆,離線數據加密相信也有不少空間。 安全廠商的新機會 HTML5的強大會引發很多安全問題,並且解決思路與原生不一樣,業內有可能會出現新的安全廠商領導者。 台北網頁設計,新竹網頁設計
    1. 台北網頁設計,新竹網頁設計