HTML5和原生應(yīng)用程序和混合型的應(yīng)用

2016-08-22    分類: 網(wǎng)站建設(shè)

HTML5和原生應(yīng)用程序和混合型的應(yīng)用
很多功能在HTML5是可用的。訪問一些傳感器成為可能,實(shí)現(xiàn)點(diǎn)擊呼叫功能,甚至其他的功能,如設(shè)備的攝像頭的API。然而,一些Web應(yīng)用程序和網(wǎng)站利用這些可能性。
移動應(yīng)用程序開發(fā)人員必須了解這些土著和混合應(yīng)用程序之間的差異,以及HTML5的應(yīng)用。
有,然而,本土特色,仍然無法訪問(至少現(xiàn)在)在瀏覽器:
•通知系統(tǒng),在后臺運(yùn)行
•傳感器輸入加速度等信息(除檢測橫向或縱向方向)
•復(fù)雜的手勢

當(dāng)然,人們可以爭辯說,許多應(yīng)用程序(本地或其他)不利用這些額外的功能,總之。但如果你真的需要這些特色,你必須創(chuàng)建一個本地應(yīng)用程序,或至少是一個混合應(yīng)用。

本地移動應(yīng)用程序提供快速的性能和高度的可靠性。需要注意的是,大多數(shù)移動視頻游戲是原生應(yīng)用程序是很重要的。我們都知道,視頻游戲是最流行的移動應(yīng)用中,和他們中的許多人需要利用硬件以最有效的方式,以確保流暢的游戲和良好的用戶體驗(yàn)。

混合應(yīng)用程序部分的本地應(yīng)用程序,Web應(yīng)用程序的一部分。正因?yàn)槿绱?,許多人錯誤地稱他們?yōu)?ldquo;Web應(yīng)用程序”。像本地應(yīng)用程序,他們生活在一個應(yīng)用程序商店,可以利用許多裝置功能。如Web應(yīng)用程序,它們依靠HTML在瀏覽器中呈現(xiàn),并了解到瀏覽器嵌入在應(yīng)用程序。通常,企業(yè)構(gòu)建混合應(yīng)用程序作為一個現(xiàn)有的Web頁紙;這樣,他們希望在App Store應(yīng)用程序開發(fā)的投入資源沒有得到一個存在?;旌蠎?yīng)用程序也很受歡迎,因?yàn)樗鼈冊试S跨平臺開發(fā),從而大大降低開發(fā)成本:相同的HTML代碼組件可以重復(fù)使用在不同的手機(jī)操作系統(tǒng)。

等工具PhoneGap和Sencha Touch讓人們在平臺設(shè)計(jì)和代碼,使用HTML的權(quán)力。做正義的許多議題,會令自己的帖子。盡管如此,本指南的目的是提供一個有意義的,至少,概述了關(guān)鍵問題及有關(guān)移動應(yīng)用的設(shè)計(jì)主題。此外,每一個好的移動應(yīng)用的設(shè)計(jì)者應(yīng)該意識到所有本文中使用的術(shù)語。

對客戶需求響應(yīng)的Web應(yīng)用程序的本地應(yīng)用程序而不是它的不尋常。為了提供對每個設(shè)備的不同和獨(dú)特的用戶體驗(yàn),很多客戶將需要一個本地應(yīng)用程序。
問:本地Web應(yīng)用程序,或混合:你應(yīng)該選擇哪一個呢?

綜上所述,本地應(yīng)用,混合應(yīng)用程序或Web應(yīng)用程序滿足移動用戶的需求。沒有解決方案;各有其優(yōu)勢和劣勢。的選擇取決于每個客戶的獨(dú)特需求。
問:當(dāng)設(shè)計(jì)一個新的應(yīng)用程序,你需要知道的最重要的問題是什么?
•你的應(yīng)用程序的主要目標(biāo)是什么?
•在你的應(yīng)用程序最重要的部分是什么?有多少?
•什么樣的行動,可以在整個應(yīng)用程序的用戶嗎?
•誰是你的直接和間接的競爭,如果它真的存在嗎?
•哪些功能你想包括在您的應(yīng)用程序?


的答案,設(shè)計(jì)師應(yīng)該可以開始尋找新的應(yīng)用程序的好設(shè)計(jì)模式。也許要問的問題,當(dāng)開始一個新的設(shè)計(jì)將是:“如果你回家生氣和緊張的時候,想買一張電影票,你想申請的工作嗎?”

同樣的問題可以調(diào)整到任何現(xiàn)實(shí)生活中的移動應(yīng)用程序。如果應(yīng)用程序設(shè)計(jì)作品當(dāng)用戶感到沮喪,那么可能是精心設(shè)計(jì)的應(yīng)用。
問:需要考慮設(shè)計(jì)時,你的iOS,Android或任何移動平臺?

當(dāng)人們要用的東西,他們已經(jīng)預(yù)期(我們稱之為心智模式)。例如,大多數(shù)用戶會購買一定的智能手機(jī),因?yàn)樗麄兿矚g它的操作系統(tǒng),在設(shè)計(jì)原則的出現(xiàn),或裝置的工作原理。因此,考慮設(shè)計(jì)的iOS時最重要的事情,或其他移動平臺,是考慮供應(yīng)商指南。而開發(fā)商需要堅(jiān)持供應(yīng)商指南,在每個應(yīng)用程序的基本邏輯應(yīng)該是相同的,無論是供應(yīng)商。

設(shè)計(jì)師不應(yīng)該試圖重新發(fā)明輪子的應(yīng)用程序內(nèi)實(shí)現(xiàn)一些意想不到的元素。為了提供非凡的體驗(yàn),設(shè)計(jì)師應(yīng)該嘗試改進(jìn)的用戶流量和交互設(shè)計(jì)。在行業(yè)應(yīng)用方面,這是一個標(biāo)準(zhǔn)的;蘋果,谷歌,微軟也不例外。

問:設(shè)計(jì)一組不同的用戶會使用你的產(chǎn)品時,需要考慮些什么呢?
隨著設(shè)備平臺的指引,設(shè)計(jì)師應(yīng)該考慮一系列的用戶可訪問性指南。對于那些年輕,設(shè)計(jì)陳舊,電力用戶、普通用戶,和那些只享受優(yōu)質(zhì)體驗(yàn)。擁抱這些指引你將任何的設(shè)計(jì)約束。他們是創(chuàng)造驚人的產(chǎn)品的挑戰(zhàn)。

問:為什么應(yīng)用圖標(biāo)的應(yīng)用非常重要,應(yīng)該在設(shè)計(jì)時考慮的圖標(biāo)?
美麗的,令人信服的圖標(biāo)是一個很好的用戶體驗(yàn)的一個基本組成部分。僅僅是裝飾,圖標(biāo)與用戶通信中起著重要的作用。專注于一個獨(dú)特的形狀;一些圖標(biāo)有很多顏色或特征的梯度,但他們都開始用一個簡單的形狀。這使得他們可以在距離和一目了然。圖標(biāo)是在一系列不同尺寸。他們在App Store大,在通知中心和組得到小屏幕的和更小的。確保你的設(shè)計(jì)尺度,明確在任何大小。

設(shè)計(jì)師也應(yīng)該測試不同的壁紙圖標(biāo);而看起來偉大在傳統(tǒng)背景下,iOS的雨滴,例如,不能保證所有的壁紙看起來不錯。試著把你的設(shè)計(jì)文件評估他們?nèi)绾慰础?br/>問:如何設(shè)計(jì)一個直觀的用戶界面,還實(shí)現(xiàn)了“哇!”效應(yīng)。
直觀的意思容易理解或操作沒有明確的指令。設(shè)計(jì)師應(yīng)該總是使用不同的視覺處理,“tappable”,作為指標(biāo),“非可以點(diǎn)擊的圖標(biāo)圖標(biāo)。“一旦相干區(qū)分tappable非tappable圖標(biāo)系統(tǒng)的地方,設(shè)計(jì)師需要在移動應(yīng)用程序跟蹤。為了實(shí)現(xiàn)“哇,”設(shè)計(jì)師應(yīng)該玩獨(dú)特的形狀(例如定制圖標(biāo)),動畫,然后將它們以一種全新的方式。

例如,紙飛機(jī)是目前被廣泛認(rèn)可的“發(fā)送”圖標(biāo)。當(dāng)它第一次介紹,這可能是一個用戶有一點(diǎn)混亂。“這架紙飛機(jī)是什么?它有什么做用電子郵件?“在許多應(yīng)用中,“保存”的圖標(biāo)是已經(jīng)滅絕的軟盤圖像。救生圈圖標(biāo)可以使用,而不是。一旦用戶了解或發(fā)現(xiàn)一個新的UI元素的含義,它成為“直覺”下一次。

三部分的“哇!”因素
如果設(shè)計(jì)師的品牌準(zhǔn)則的限制,“哇!“效果可以在其他領(lǐng)域取得。
讓我們想象一下,我們有一個美麗而昂貴的筆。但如果它不好寫,我們可能會放棄它,去為一個普通的筆,適合我們的目標(biāo)?;孟耄涯康脑O(shè)計(jì)不能總是幫助一個無效的產(chǎn)品,所以我們必須想一個愉快的驚喜體驗(yàn),用戶通過幫助他達(dá)到預(yù)期的工作速度和效率的設(shè)計(jì)。
重要的是要注意到,“哇!“因素取決于UX /視覺設(shè)計(jì)師被程序員以及執(zhí)行的概念。

問:我們應(yīng)該在我們的移動應(yīng)用程序中使用的手勢和他們將如何影響用戶體驗(yàn)?
隨著陀螺儀傳感器和運(yùn)動傳感器的集成,智能設(shè)備能夠檢測運(yùn)動。這樣,用戶和設(shè)備超出了點(diǎn)擊和點(diǎn)擊之間的互動,把現(xiàn)實(shí)生活中的手勢屏幕。
用戶直觀的手勢。當(dāng)被問到如何刪除一個項(xiàng)目,用戶試圖將項(xiàng)目從屏幕上不分年齡、性別和性別。提升用戶體驗(yàn)和更少的水龍頭或滾動允許應(yīng)用程序變得更加互動。
問:如何將3D觸摸技術(shù)從蘋果改變界面?
力觸覺技術(shù)不會使真正的新姿態(tài),這是一個簡單的擴(kuò)展,我們已經(jīng)熟悉的手勢。它將幫助設(shè)計(jì)師和開發(fā)者添加Z軸為一層信息的深度更沒有接觸或過于復(fù)雜的信息結(jié)構(gòu)下。

問:有多少字體推薦什么是印刷的好實(shí)踐而設(shè)計(jì)的移動應(yīng)用程序嗎?

減少屏幕字體的數(shù)量可以顯示字體的力量。而不是使用不同的字體和利用不同的特征(如斜體、粗體、半粗),不同大小的字體,可以更好的區(qū)分內(nèi)容的離散區(qū)域。擁抱一個奇異的字體在整個應(yīng)用程序驅(qū)動的一致性不僅對品牌也在渠道-如APP、手機(jī)網(wǎng)站、網(wǎng)站優(yōu)化的移動元素在omnichannel經(jīng)驗(yàn)。同時,用戶更喜歡有一個字體滾動時的相關(guān)內(nèi)容的簡單。

問:什么是微互動,我們?yōu)槭裁匆褂盟鼈兡兀?br/>微觀相互作用小,視覺功能(例如,一個動畫或聲音)發(fā)生在一個使用案例。這些情況可能包括完成交易,萎靡的一個項(xiàng)目,或提示彈出消息。這種相互作用是微妙的,但他們將產(chǎn)品指向用戶的注意右元。

微相互作用可能被利用作為一種信號來提示用戶在完成一個任務(wù)(調(diào)整設(shè)置,例如),從而創(chuàng)造一小塊內(nèi)容如彈出消息。應(yīng)用精心設(shè)計(jì)的微觀相互作用被認(rèn)為是更容易使用,更有趣,更吸引人的用戶。

最后的話
在設(shè)計(jì)師創(chuàng)造的東西,他們必須進(jìn)行市場研究,以了解外面的世界是什么樣的,如何創(chuàng)造一個獨(dú)特的和成功的設(shè)計(jì)。
開發(fā)一個移動應(yīng)用程序和桌面應(yīng)用程序之間大的區(qū)別,甚至一個網(wǎng)站,是語境。這是什么使手機(jī)應(yīng)用程序如此強(qiáng)大。每個應(yīng)用程序是用于自己的目的,在特定的時間和地點(diǎn)。有完成移動動作相同的幾種方式,它是你的設(shè)計(jì)師,并選擇最有效的方式設(shè)計(jì)。

創(chuàng)新互聯(lián)設(shè)計(jì)文章推薦:

網(wǎng)站生成靜態(tài)頁面的好處及幾種方式
設(shè)計(jì)才是網(wǎng)頁設(shè)計(jì)師的資本
網(wǎng)站生成靜態(tài)頁面的好處及幾種方式

網(wǎng)站標(biāo)題:HTML5和原生應(yīng)用程序和混合型的應(yīng)用
文章源于:http://www.muchs.cn/news20/21070.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、建站公司App開發(fā)、網(wǎng)站導(dǎo)航、服務(wù)器托管、軟件開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名