HTML5和原生應(yīng)用程序和混合型的應(yīng)用
很多功能在HTML5是可用的。訪問(wèn)一些傳感器成為可能,實(shí)現(xiàn)點(diǎn)擊呼叫功能,甚至其他的功能,如設(shè)備的攝像頭的API。然而,一些Web應(yīng)用程序和網(wǎng)站利用這些可能性。
移動(dòng)應(yīng)用程序開(kāi)發(fā)人員必須了解這些土著和混合應(yīng)用程序之間的差異,以及HTML5的應(yīng)用。
有,然而,本土特色,仍然無(wú)法訪問(wèn)(至少現(xiàn)在)在瀏覽器:
•通知系統(tǒng),在后臺(tái)運(yùn)行
•傳感器輸入加速度等信息(除檢測(cè)橫向或縱向方向)
•復(fù)雜的手勢(shì)
當(dāng)然,人們可以爭(zhēng)辯說(shuō),許多應(yīng)用程序(本地或其他)不利用這些額外的功能,總之。但如果你真的需要這些特色,你必須創(chuàng)建一個(gè)本地應(yīng)用程序,或至少是一個(gè)混合應(yīng)用。
本地移動(dòng)應(yīng)用程序提供快速的性能和高度的可靠性。需要注意的是,大多數(shù)移動(dòng)視頻游戲是原生應(yīng)用程序是很重要的。我們都知道,視頻游戲是最流行的移動(dòng)應(yīng)用中,和他們中的許多人需要利用硬件以最有效的方式,以確保流暢的游戲和良好的用戶體驗(yàn)。
混合應(yīng)用程序部分的本地應(yīng)用程序,Web應(yīng)用程序的一部分。正因?yàn)槿绱?,許多人錯(cuò)誤地稱他們?yōu)?ldquo;Web應(yīng)用程序”。像本地應(yīng)用程序,他們生活在一個(gè)應(yīng)用程序商店,可以利用許多裝置功能。如Web應(yīng)用程序,它們依靠HTML在瀏覽器中呈現(xiàn),并了解到瀏覽器嵌入在應(yīng)用程序。通常,企業(yè)構(gòu)建混合應(yīng)用程序作為一個(gè)現(xiàn)有的Web頁(yè)紙;這樣,他們希望在App Store應(yīng)用程序開(kāi)發(fā)的投入資源沒(méi)有得到一個(gè)存在?;旌蠎?yīng)用程序也很受歡迎,因?yàn)樗鼈冊(cè)试S跨平臺(tái)開(kāi)發(fā),從而大大降低開(kāi)發(fā)成本:相同的HTML代碼組件可以重復(fù)使用在不同的手機(jī)操作系統(tǒng)。
等工具PhoneGap和Sencha Touch讓人們?cè)谄脚_(tái)設(shè)計(jì)和代碼,使用HTML的權(quán)力。做正義的許多議題,會(huì)令自己的帖子。盡管如此,本指南的目的是提供一個(gè)有意義的,至少,概述了關(guān)鍵問(wèn)題及有關(guān)移動(dòng)應(yīng)用的設(shè)計(jì)主題。此外,每一個(gè)好的移動(dòng)應(yīng)用的設(shè)計(jì)者應(yīng)該意識(shí)到所有本文中使用的術(shù)語(yǔ)。
對(duì)客戶需求響應(yīng)的Web應(yīng)用程序的本地應(yīng)用程序而不是它的不尋常。為了提供對(duì)每個(gè)設(shè)備的不同和獨(dú)特的用戶體驗(yàn),很多客戶將需要一個(gè)本地應(yīng)用程序。
問(wèn):本地Web應(yīng)用程序,或混合:你應(yīng)該選擇哪一個(gè)呢?
綜上所述,本地應(yīng)用,混合應(yīng)用程序或Web應(yīng)用程序滿足移動(dòng)用戶的需求。沒(méi)有最好的解決方案;各有其優(yōu)勢(shì)和劣勢(shì)。的選擇取決于每個(gè)客戶的獨(dú)特需求。
問(wèn):當(dāng)設(shè)計(jì)一個(gè)新的應(yīng)用程序,你需要知道的最重要的問(wèn)題是什么?
•你的應(yīng)用程序的主要目標(biāo)是什么?
•在你的應(yīng)用程序最重要的部分是什么?有多少?
•什么樣的行動(dòng),可以在整個(gè)應(yīng)用程序的用戶嗎?
•誰(shuí)是你的直接和間接的競(jìng)爭(zhēng),如果它真的存在嗎?
•哪些功能你想包括在您的應(yīng)用程序?
的答案,設(shè)計(jì)師應(yīng)該可以開(kāi)始尋找新的應(yīng)用程序的最佳設(shè)計(jì)模式。也許最好的要問(wèn)的問(wèn)題,當(dāng)開(kāi)始一個(gè)新的設(shè)計(jì)將是:“如果你回家生氣和緊張的時(shí)候,想買一張電影票,你想申請(qǐng)的工作嗎?”
同樣的問(wèn)題可以調(diào)整到任何現(xiàn)實(shí)生活中的移動(dòng)應(yīng)用程序。如果應(yīng)用程序設(shè)計(jì)作品當(dāng)用戶感到沮喪,那么可能是精心設(shè)計(jì)的應(yīng)用。
問(wèn):需要考慮設(shè)計(jì)時(shí),你的iOS,Android或任何移動(dòng)平臺(tái)?
當(dāng)人們要用的東西,他們已經(jīng)預(yù)期(我們稱之為心智模式)。例如,大多數(shù)用戶會(huì)購(gòu)買一定的智能手機(jī),因?yàn)樗麄兿矚g它的操作系統(tǒng),在設(shè)計(jì)原則的出現(xiàn),或裝置的工作原理。因此,考慮設(shè)計(jì)的iOS時(shí)最重要的事情,或其他移動(dòng)平臺(tái),是考慮供應(yīng)商指南。而開(kāi)發(fā)商需要堅(jiān)持供應(yīng)商指南,在每個(gè)應(yīng)用程序的基本邏輯應(yīng)該是相同的,無(wú)論是供應(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)用方面,這是一個(gè)標(biāo)準(zhǔn)的;蘋果,谷歌,微軟也不例外。
問(wèn):設(shè)計(jì)一組不同的用戶會(huì)使用你的產(chǎn)品時(shí),需要考慮些什么呢?
隨著設(shè)備平臺(tái)的指引,設(shè)計(jì)師應(yīng)該考慮一系列的用戶可訪問(wèn)性指南。對(duì)于那些年輕,設(shè)計(jì)陳舊,電力用戶、普通用戶,和那些只享受優(yōu)質(zhì)體驗(yàn)。擁抱這些指引你將任何的設(shè)計(jì)約束。他們是創(chuàng)造驚人的產(chǎn)品的挑戰(zhàn)。
問(wèn):為什么應(yīng)用圖標(biāo)的應(yīng)用非常重要,應(yīng)該在設(shè)計(jì)時(shí)考慮的圖標(biāo)?
美麗的,令人信服的圖標(biāo)是一個(gè)很好的用戶體驗(yàn)的一個(gè)基本組成部分。僅僅是裝飾,圖標(biāo)與用戶通信中起著重要的作用。專注于一個(gè)獨(dú)特的形狀;一些圖標(biāo)有很多顏色或特征的梯度,但他們都開(kāi)始用一個(gè)簡(jiǎn)單的形狀。這使得他們可以在距離和一目了然。圖標(biāo)是在一系列不同尺寸。他們?cè)贏pp Store大,在通知中心和組得到小屏幕的和更小的。確保你的設(shè)計(jì)尺度,明確在任何大小。
設(shè)計(jì)師也應(yīng)該測(cè)試不同的壁紙圖標(biāo);而看起來(lái)偉大在傳統(tǒng)背景下,iOS的雨滴,例如,不能保證所有的壁紙看起來(lái)不錯(cuò)。試著把你的設(shè)計(jì)文件評(píng)估他們?nèi)绾慰础?br />問(wèn):如何設(shè)計(jì)一個(gè)直觀的用戶界面,還實(shí)現(xiàn)了“哇!”效應(yīng)。
直觀的意思容易理解或操作沒(méi)有明確的指令。設(shè)計(jì)師應(yīng)該總是使用不同的視覺(jué)處理,“tappable”,作為指標(biāo),“非可以點(diǎn)擊的圖標(biāo)圖標(biāo)。“一旦相干區(qū)分tappable非tappable圖標(biāo)系統(tǒng)的地方,設(shè)計(jì)師需要在移動(dòng)應(yīng)用程序跟蹤。為了實(shí)現(xiàn)“哇,”設(shè)計(jì)師應(yīng)該玩獨(dú)特的形狀(例如定制圖標(biāo)),動(dòng)畫(huà),然后將它們以一種全新的方式。
例如,紙飛機(jī)是目前被廣泛認(rèn)可的“發(fā)送”圖標(biāo)。當(dāng)它第一次介紹,這可能是一個(gè)用戶有一點(diǎn)混亂。“這架紙飛機(jī)是什么?它有什么做用電子郵件?“在許多應(yīng)用中,“保存”的圖標(biāo)是已經(jīng)滅絕的軟盤圖像。救生圈圖標(biāo)可以使用,而不是。一旦用戶了解或發(fā)現(xiàn)一個(gè)新的UI元素的含義,它成為“直覺(jué)”下一次。
三部分的“哇!”因素
如果設(shè)計(jì)師的品牌準(zhǔn)則的限制,“哇!“效果可以在其他領(lǐng)域取得。
讓我們想象一下,我們有一個(gè)美麗而昂貴的筆。但如果它不好寫,我們可能會(huì)放棄它,去為一個(gè)普通的筆,適合我們的目標(biāo)。幻想,醒目的設(shè)計(jì)不能總是幫助一個(gè)無(wú)效的產(chǎn)品,所以我們必須想一個(gè)愉快的驚喜體驗(yàn),用戶通過(guò)幫助他達(dá)到預(yù)期的工作速度和效率的設(shè)計(jì)。
重要的是要注意到,“哇!“因素取決于UX /視覺(jué)設(shè)計(jì)師被程序員以及執(zhí)行的概念。
問(wèn):我們應(yīng)該在我們的移動(dòng)應(yīng)用程序中使用的手勢(shì)和他們將如何影響用戶體驗(yàn)?
隨著陀螺儀傳感器和運(yùn)動(dòng)傳感器的集成,智能設(shè)備能夠檢測(cè)運(yùn)動(dòng)。這樣,用戶和設(shè)備超出了點(diǎn)擊和點(diǎn)擊之間的互動(dòng),把現(xiàn)實(shí)生活中的手勢(shì)屏幕。
用戶直觀的手勢(shì)。當(dāng)被問(wèn)到如何刪除一個(gè)項(xiàng)目,用戶試圖將項(xiàng)目從屏幕上不分年齡、性別和性別。提升用戶體驗(yàn)和更少的水龍頭或滾動(dòng)允許應(yīng)用程序變得更加互動(dòng)。
問(wèn):如何將3D觸摸技術(shù)從蘋果改變界面?
力觸覺(jué)技術(shù)不會(huì)使真正的新姿態(tài),這是一個(gè)簡(jiǎn)單的擴(kuò)展,我們已經(jīng)熟悉的手勢(shì)。它將幫助設(shè)計(jì)師和開(kāi)發(fā)者添加Z軸為一層信息的深度更沒(méi)有接觸或過(guò)于復(fù)雜的信息結(jié)構(gòu)下。
問(wèn):有多少字體推薦什么是印刷的最佳實(shí)踐而設(shè)計(jì)的移動(dòng)應(yīng)用程序嗎?
減少屏幕字體的數(shù)量可以顯示字體的力量。而不是使用不同的字體和利用不同的特征(如斜體、粗體、半粗),不同大小的字體,可以更好的區(qū)分內(nèi)容的離散區(qū)域。擁抱一個(gè)奇異的字體在整個(gè)應(yīng)用程序驅(qū)動(dòng)的一致性不僅對(duì)品牌也在渠道-如APP、手機(jī)網(wǎng)站、網(wǎng)站優(yōu)化的移動(dòng)元素在omnichannel經(jīng)驗(yàn)。同時(shí),用戶更喜歡有一個(gè)字體滾動(dòng)時(shí)的相關(guān)內(nèi)容的簡(jiǎn)單。
問(wèn):什么是微互動(dòng),我們?yōu)槭裁匆褂盟鼈兡兀?br />微觀相互作用小,視覺(jué)功能(例如,一個(gè)動(dòng)畫(huà)或聲音)發(fā)生在一個(gè)使用案例。這些情況可能包括完成交易,萎靡的一個(gè)項(xiàng)目,或提示彈出消息。這種相互作用是微妙的,但他們將產(chǎn)品指向用戶的注意右元。
微相互作用可能被利用作為一種信號(hào)來(lái)提示用戶在完成一個(gè)任務(wù)(調(diào)整設(shè)置,例如),從而創(chuàng)造一小塊內(nèi)容如彈出消息。應(yīng)用精心設(shè)計(jì)的微觀相互作用被認(rèn)為是更容易使用,更有趣,更吸引人的用戶。
最后的話
在設(shè)計(jì)師創(chuàng)造的東西,他們必須進(jìn)行市場(chǎng)研究,以了解外面的世界是什么樣的,如何創(chuàng)造一個(gè)獨(dú)特的和成功的設(shè)計(jì)。
開(kāi)發(fā)一個(gè)移動(dòng)應(yīng)用程序和桌面應(yīng)用程序之間最大的區(qū)別,甚至一個(gè)網(wǎng)站,是語(yǔ)境。這是什么使手機(jī)應(yīng)用程序如此強(qiáng)大。每個(gè)應(yīng)用程序是用于自己的目的,在特定的時(shí)間和地點(diǎn)。有完成移動(dòng)動(dòng)作相同的幾種方式,它是你的設(shè)計(jì)師,并選擇最有效的方式設(shè)計(jì)。
牧羊人設(shè)計(jì)文章推薦:
如何自定義HTML模板
如何觀察和分析客戶的反饋
一個(gè)分析用戶體驗(yàn)的方法