移動(dòng)互聯(lián)網(wǎng)發(fā)展的準(zhǔn)則
本概述功能手工挑選最有用和最流行的碎雜志的文章,涉及到移動(dòng)設(shè)備的設(shè)計(jì)和開(kāi)發(fā),并公布所有年來(lái)這里舉辦的選擇。
一個(gè)移動(dòng)Web應(yīng)用程序
問(wèn)問(wèn)任何互動(dòng)機(jī)構(gòu)時(shí)下什么他們的客戶都要求對(duì)當(dāng)他們需要的移動(dòng)體驗(yàn) - 答案必然是“一個(gè)iPhone和/或一個(gè)iPad的應(yīng)用程序”母語(yǔ)蘋果的應(yīng)用程序都的熱門商品,在今天的移動(dòng)應(yīng)用程序生態(tài)系統(tǒng),移動(dòng)和Web應(yīng)用程序不性感。事實(shí)上,許多人甚至沒(méi)有意識(shí)到他們甚至一個(gè)選項(xiàng)。在某些情況下,一個(gè)iPhone / iPad應(yīng)用將根據(jù)自己的需要合適的解決方案。
不過(guò),也有某些情況下,它可能成為一個(gè)短期的勝利,但最終還是一個(gè)長(zhǎng)期的損失。移動(dòng)網(wǎng)絡(luò)應(yīng)用程序提供了相當(dāng)數(shù)量比本地應(yīng)用程序的優(yōu)勢(shì),盡管他們面對(duì)的一些設(shè)計(jì),開(kāi)發(fā)和部署的挑戰(zhàn),他們是一個(gè)強(qiáng)大的跨平臺(tái),可擴(kuò)展性和經(jīng)濟(jì)實(shí)惠的解決方案。
如何建立一個(gè)手機(jī)網(wǎng)站
在過(guò)去的幾年中,移動(dòng)網(wǎng)絡(luò)的使用大大增加點(diǎn),Web開(kāi)發(fā)人員和設(shè)計(jì)人員再也不能忽視它。在富裕國(guó)家,轉(zhuǎn)變?yōu)橥苿?dòng)更快的移動(dòng)寬帶連接和更便宜的數(shù)據(jù)服務(wù) 。然而,也被看作一個(gè)大的增長(zhǎng),發(fā)展中國(guó)家的人跳過(guò)購(gòu)買個(gè)人電腦和直接向移動(dòng)了。
不幸的是,移動(dòng)領(lǐng)域引入了一層復(fù)雜性,可以為開(kāi)發(fā)人員難以適應(yīng) 。移動(dòng)開(kāi)發(fā)跨瀏覽器的多,它應(yīng)該是跨平臺(tái)的。移動(dòng)設(shè)備的大量徹底的測(cè)試實(shí)際是不可能的,離開(kāi)時(shí),他們只支持傳統(tǒng)的瀏覽器為天懷舊的開(kāi)發(fā)。
如何使用CSS3媒體查詢來(lái)創(chuàng)建一個(gè)你的網(wǎng)站移動(dòng)版
CSS3的繼續(xù)既激發(fā)和阻撓網(wǎng)頁(yè)設(shè)計(jì)師和開(kāi)發(fā)人員 。我們很高興,對(duì)CSS3帶來(lái)的可能性,它可以解決的問(wèn)題,但也缺乏支持在Internet Explorer 8受挫。本文將展示技術(shù),使用CSS3的一部分,也是Internet Explorer 8中不支持 。然而,這并不重要,此模塊的最有用的地方之一是地方確實(shí)有很大的支持-小型設(shè)備,如iPhone和Android設(shè)備。
在這篇文章中,我將解釋如何與幾個(gè)CSS規(guī)則,你可以創(chuàng)建你的網(wǎng)站的iPhone版本,使用CSS3,將現(xiàn)在的工作。我們將有一個(gè)很簡(jiǎn)單的例子,在的,我還將討論的一個(gè)小屏幕設(shè)備樣式表添加到我自己的網(wǎng)站上顯示我們可以如何輕松地添加到現(xiàn)有的網(wǎng)站的移動(dòng)設(shè)備的樣式表的過(guò)程。
創(chuàng)建一個(gè)HTML / CSS的移動(dòng)Web應(yīng)用程序使用煎茶觸摸
移動(dòng)應(yīng)用開(kāi)發(fā)的世界正在迅速成為一個(gè)擁擠的和復(fù)雜的空間,特別是對(duì)那些發(fā)展利基之外。“我應(yīng)該使用哪種開(kāi)發(fā)平臺(tái)?”“我去本地或基于Web的?”,“哪些設(shè)備,我應(yīng)該計(jì)劃嗎?”“我可以手工建立我的移動(dòng)網(wǎng)站或我應(yīng)該使用一個(gè)預(yù)建的包?”問(wèn)題是無(wú)窮無(wú)盡的。
作為一個(gè)設(shè)計(jì)師,我的工作是幫助我的客戶回答這些問(wèn)題。我盡量留在類別“知道是危險(xiǎn)的,”我不斷移動(dòng)的最新發(fā)展趨勢(shì)的標(biāo)簽,一個(gè)是移動(dòng)Web應(yīng)用程序的日益普及。
選擇移動(dòng)的支持策略,為您的網(wǎng)站
從移動(dòng)設(shè)備瀏覽網(wǎng)頁(yè)的人的人數(shù)已增加了兩倍多,2009年以來(lái),它肯定將繼續(xù)增長(zhǎng),如iOS和Android的提供移動(dòng)瀏覽器的支持,幾乎是相同的,我們有什么期望從瀏覽器平臺(tái),桌面體驗(yàn)。隨著手機(jī)消費(fèi)市場(chǎng)的持續(xù)增長(zhǎng),因此將期待擁抱移動(dòng)網(wǎng)絡(luò)所提供的個(gè)人和企業(yè)的愿望。
考慮到這一點(diǎn),許多網(wǎng)站所有者已經(jīng)開(kāi)始開(kāi)發(fā)他們的移動(dòng)訪客提供信息和服務(wù)的戰(zhàn)略。然而,移動(dòng)策略可以不同的大型網(wǎng)站網(wǎng)站,根據(jù)該公司希望游客提供。例如,eBay的戰(zhàn)略將是從個(gè)人的策略,投資組合的網(wǎng)站,這可能只是提高那些在移動(dòng)設(shè)備上觀看的可讀性非常不同。
以用戶為中心的方法,用于移動(dòng)設(shè)備的網(wǎng)頁(yè)設(shè)計(jì)
在過(guò)去的幾年中,我們已經(jīng)聽(tīng)到學(xué)者宣布為“移動(dòng)網(wǎng)絡(luò)年”每年每年試圖聲音比以前更有說(shuō)服力。無(wú)論2011年將是真正的“移動(dòng)年”,還有待觀察,但是不爭(zhēng)的事實(shí),手機(jī)使用的Web是發(fā)展并不斷變化 。由于它的發(fā)展,使移動(dòng)用戶體驗(yàn),在移動(dòng)設(shè)備技術(shù)進(jìn)步的推動(dòng)下-從基本的手機(jī)(或功能的手機(jī)-摩托羅拉RAZR)的智能手機(jī)和平板電腦越來(lái)越多地采用更好的瀏覽器。
術(shù)語(yǔ)“移動(dòng)互聯(lián)網(wǎng)”(雖然經(jīng)常批評(píng))是常用來(lái)形容使用移動(dòng)設(shè)備訪問(wèn)互聯(lián)網(wǎng)。這個(gè)定義是不夠廣泛,涵蓋了從一個(gè)功能的手機(jī)上使用瀏覽器的一切,智能手機(jī)或平板電腦上使用高度定制的應(yīng)用程序。
移動(dòng)設(shè)備上的形式:現(xiàn)代的解決辦法
移動(dòng)形式往往比他們的桌面堂兄弟顯著更多的限制:屏幕較小,連接速度較慢;文本輸入更加復(fù)雜;這樣的例子不勝枚舉。因此,在您的移動(dòng)應(yīng)用程序和網(wǎng)站數(shù)量限制的形式,一般是一個(gè)好主意。當(dāng)你想從移動(dòng)設(shè)備上,單選按鈕,復(fù)選框的用戶輸入,選擇菜單,并列出往往比開(kāi)放的文本字段。
但制約品種創(chuàng)新和移動(dòng)形式并沒(méi)有什么不同。移動(dòng)設(shè)備的局限性,迫使開(kāi)發(fā)人員和設(shè)計(jì)人員找到新的方法,讓用戶輸入數(shù)據(jù)的速度,更容易 。本文所涉及的現(xiàn)代解決方案,移動(dòng)空間可能不是一個(gè)地方,以避免形式更長(zhǎng)。相反,它可能成為鼓勵(lì)他們。
手機(jī)自動(dòng)提示對(duì)類固醇:預(yù)塔的設(shè)計(jì)模式
相反到桌面的網(wǎng)絡(luò)搜索,自動(dòng)提示在移動(dòng)設(shè)備上是受兩個(gè)額外的限制:打字避免和慢的帶寬。新的專利申請(qǐng)中的設(shè)計(jì)模式,預(yù)分接開(kāi)關(guān),使用不斷細(xì)化創(chuàng)建一個(gè)直觀,真實(shí)的移動(dòng)自動(dòng)提示的解決方案。這將有助于顯著減少進(jìn)入查詢所需的打字量,較慢的移動(dòng)帶寬,并利用最有效的方式。使用這種新穎的設(shè)計(jì)模式,您的客戶可以快速訪問(wèn)數(shù)以千計(jì)的流行的搜索字詞組合只鍵入幾個(gè)字符 。
正如約翰費(fèi)拉拉在他2010年11月UXMagazine文章,寫道:“心靈搜索:搜索建議快速入門”,今天自動(dòng)提示是在桌面的網(wǎng)絡(luò)搜索幾乎無(wú)處不在。在桌面Web相比,自動(dòng)提示在移動(dòng)(至少目前)相當(dāng)罕見(jiàn)。唯一的移動(dòng)網(wǎng)站,目前實(shí)現(xiàn)自動(dòng)提示的是Google.com,和少數(shù)移動(dòng)自動(dòng)顯示,目前存在從本機(jī)內(nèi)置領(lǐng)先的網(wǎng)上零售商亞馬遜和Booking.com的移動(dòng)應(yīng)用程序來(lái)實(shí)現(xiàn)。
設(shè)計(jì)高性能的移動(dòng)用戶體驗(yàn)七準(zhǔn)則
一個(gè)正面的第一印象是至關(guān)重要的關(guān)系。尋找的信任和正直的人,他們希望隨后遇到的反映,并加強(qiáng)他們的第一印象。同樣的原則也適用于品牌及其產(chǎn)品。設(shè)計(jì)中起著重要的作用,在與最終用戶建立持久的關(guān)系,因此,在支持品牌的承諾。
用戶期望移動(dòng)服務(wù)相關(guān)性和用戶友好的表現(xiàn)良好 。介質(zhì)的限制,然而,對(duì)設(shè)計(jì)產(chǎn)品,以滿足所有這些期望的重大的挑戰(zhàn) 。雖然常常被低估,性能是一個(gè)值得信賴的移動(dòng)用戶體驗(yàn)的一個(gè)關(guān)鍵因素 。因此,應(yīng)考慮在設(shè)計(jì)過(guò)程中的一個(gè)關(guān)鍵驅(qū)動(dòng) 。
在這篇文章中,我們將討論有關(guān)的性能設(shè)計(jì)和目前的七個(gè)準(zhǔn)則,可以幫助外形設(shè)計(jì)與性能的決定,而占最終用戶和企業(yè)的需要。這些準(zhǔn)則的基礎(chǔ)上,在廣泛的產(chǎn)品組合設(shè)計(jì)本地移動(dòng)應(yīng)用程序,并在多個(gè)移動(dòng)平臺(tái)上我們的團(tuán)隊(duì)的經(jīng)驗(yàn)。
一個(gè)在手機(jī)設(shè)計(jì)趨勢(shì)的研究
產(chǎn)業(yè)已演變?cè)诤芏喾矫妫呀?jīng)影響到我們?nèi)绾谓⒕W(wǎng)站在更大程度上比其他任何一個(gè)特定區(qū)域。網(wǎng)絡(luò)功能的移動(dòng)設(shè)備的激增已經(jīng)結(jié)下了亞文化的游客需要適應(yīng)我們的網(wǎng)站,以滿足他們的需求。雖然仍處于起步階段(和小移動(dòng)趨勢(shì)的主要研究存在)的移動(dòng)設(shè)計(jì),我們必須遵守我們的行業(yè),現(xiàn)在的關(guān)鍵要素是如何發(fā)展,從目前的發(fā)展努力存在的模式。
本文的目的是向人們展示了各種方法,其中一些當(dāng)今最流行 的的網(wǎng)站提供一個(gè)互動(dòng)和(希望)有用的移動(dòng)體驗(yàn),為他們的最終用戶。有很多大牌進(jìn)行了分析,如Facebook和亞馬遜,吸取一些靈感來(lái)自,你會(huì)看到許多有用的圖表 。統(tǒng)計(jì)數(shù)據(jù)和對(duì)現(xiàn)代設(shè)計(jì)的多樣性一些非常有趣的啟示,你就可以興奮的移動(dòng)網(wǎng)絡(luò)設(shè)計(jì)的未來(lái)!
如何向市場(chǎng)推出移動(dòng)應(yīng)用程序
App Store是一個(gè)競(jìng)爭(zhēng)的環(huán)境。對(duì)超過(guò)14萬(wàn)的應(yīng)用程序,所有關(guān)注的尖叫,怎么你確保你的應(yīng)用程序獲取其在聚光燈下的時(shí)間呢?怎樣才能得到良好的媒體報(bào)道嗎?你如何獲得人們談?wù)撃愕膽?yīng)用程序,理想情況下,怎么你讓他們買它,并顯示他們的朋友?
以下列出了簡(jiǎn)單的規(guī)則,你會(huì)為名利和榮耀的戰(zhàn)斗中增加的機(jī)會(huì)。這些技巧看起來(lái)簡(jiǎn)陋,或在你的臉明顯,但他們往往都在炎熱的時(shí)刻忽略。
Web開(kāi)發(fā)的iPhone和iPad:入門
據(jù)AdMob的iPhone操作系統(tǒng),使得50%的全球智能手機(jī)市場(chǎng)的下一個(gè)最高的操作系統(tǒng)Android的24 %。蘋果iPad的銷售預(yù)測(cè),隨處運(yùn)行一到四百萬(wàn)臺(tái)的第一年。喜歡還是不喜歡,iPhone操作系統(tǒng)和Safari,尤其是已經(jīng)成為Web開(kāi)發(fā)人員的一支不可忽視的的力量 。如果你還沒(méi)有準(zhǔn)備好,它的時(shí)間深入和熟悉自己為這個(gè)操作系統(tǒng)進(jìn)行優(yōu)化的網(wǎng)站和Web應(yīng)用程序所需的工具。
值得慶幸的是,在iPhone OS中的Safari瀏覽器是一個(gè)真正偉大的。就像桌面上的Safari 4,它有很大的CSS3和HTML5的支持。它也有一些開(kāi)箱華而不實(shí)的界面元素,有時(shí)iPhone和iPad之間的不同。最后,因?yàn)閕Phone OS現(xiàn)在已經(jīng)一段時(shí)間了,大量的資源可用。
對(duì)于iPhone 4的視網(wǎng)膜顯示技術(shù)和工作流程的設(shè)計(jì)
iPhone 4的功能大大優(yōu)越的顯示分辨率(614400像素)比以前的iPhone機(jī)型,含四倍的iPhone 3GS的153600像素的顯示屏。屏幕是相同的物理尺寸,所以這些額外的點(diǎn)是使用額外的細(xì)節(jié) - 細(xì)節(jié)的兩倍水平,并兩次垂直。對(duì)于只使用蘋果電腦的用戶界面元素的開(kāi)發(fā)人員,大部分的工作已經(jīng)為你做。
對(duì)于那些具有高度自定義,基于圖像的接口,相當(dāng)多的工作將需要在擴(kuò)大元素的充分利用iPhone 4的Retina顯示屏 。更高的細(xì)節(jié)顯示縮放用戶界面-或增加相同的顯示大小-不是一個(gè)新問(wèn)題 。可擴(kuò)展的接口說(shuō):有分辨率獨(dú)立性 。
如何創(chuàng)建您的第一個(gè)iPhone應(yīng)用程序
如果你有一個(gè)鎳每次你聽(tīng)到:“我為一個(gè)偉大的應(yīng)用程序的完美的想法!”?它的繁華的大街上。iPhone已經(jīng)在軟件開(kāi)發(fā)社區(qū)內(nèi)外的人創(chuàng)造了前所未有的興奮和創(chuàng)新。仍然為那些以外的世界發(fā)展,這個(gè)過(guò)程是一個(gè)有點(diǎn)神秘。
這如何引導(dǎo)應(yīng)該是走過(guò)的步驟,使您的想法成為現(xiàn)實(shí)一個(gè)iPhone應(yīng)用程序 。這篇文章提出的各種想法,技術(shù),技巧,和資源,可能會(huì)派上用場(chǎng),如果你在創(chuàng)建你的第一個(gè)iPhone應(yīng)用程序的規(guī)劃。
為Android設(shè)計(jì)
對(duì)于設(shè)計(jì)者來(lái)說(shuō),Android是在房間里的大象,當(dāng)涉及到的應(yīng)用程序設(shè)計(jì)。作為設(shè)計(jì)師會(huì)像認(rèn)為一個(gè)的iOS世界中,所有任何人的關(guān)心大約是iPhone手機(jī),ipad公司和App Store的,沒(méi)有人可以忽略,Android的目前已大部分智能手機(jī)市場(chǎng)份額,并認(rèn)為它是被一切從片上使用電子閱讀器。總之,谷歌Android平臺(tái)正在迅速成為無(wú)處不在,和品牌開(kāi)始注意到。
但是讓我們面對(duì)它。Android的多種設(shè)備和形式因素,使其覺(jué)得自己設(shè)計(jì),因?yàn)檫@是一場(chǎng)艱苦的戰(zhàn)斗。其神秘的文檔幾乎沒(méi)有一個(gè)偉大的應(yīng)用程序設(shè)計(jì)和生產(chǎn)的起點(diǎn)。沖浪的網(wǎng)站在Android設(shè)計(jì)的資源,來(lái)指導(dǎo)你,你會(huì)發(fā)現(xiàn)很少有。
Android平板電腦的設(shè)計(jì)
比以往任何時(shí)候都更,設(shè)計(jì)師被要求創(chuàng)建各種移動(dòng)設(shè)備的經(jīng)驗(yàn)。由于平板電腦采用的增加,我們進(jìn)入后PC的世界移動(dòng)爭(zhēng)奪用戶的注意力,公司將他們的經(jīng)驗(yàn)質(zhì)量。設(shè)計(jì)Android平板電腦的成功應(yīng)用,不僅需要一個(gè)偉大的構(gòu)想,這將鼓勵(lì)下載,使用和保留,但也是一個(gè)經(jīng)驗(yàn)直觀和原生環(huán)境的Android用戶會(huì)發(fā)現(xiàn)。
下面將幫助設(shè)計(jì)人員成為熟悉了解iPad的IOS的用戶界面和Android 3.x的“蜂窩”的UI公約和元素之間的差異與Android平板電腦應(yīng)用程序設(shè)計(jì)。我們也會(huì)在蜂窩的設(shè)計(jì)模式和布局的戰(zhàn)略,然后審查的一些最好的Android平板電腦應(yīng)用程序有。
對(duì)于使用Eclipse的Android開(kāi)發(fā)入門,重裝上陣
在本系列教程的第一部分,我們構(gòu)建了一個(gè)簡(jiǎn)單的BREW計(jì)時(shí)器采用Android和Eclipse的應(yīng)用程序。在第二部分中,我們將繼續(xù)通過(guò)增加額外的功能,開(kāi)發(fā)應(yīng)用程序 。在這樣做,你將介紹一些重要的和強(qiáng)大的功能的Android SDK,包括持久性數(shù)據(jù)存儲(chǔ),活動(dòng)和意圖,以及共享用戶的喜好 。
要學(xué)習(xí)本教程,您需要從以前的文章中的代碼。如果你想馬上開(kāi)始,搶的代碼GitHub上,并檢查了tutorial_part_1標(biāo)簽。
-----------------------------------------------------------------------------------------------------
我們的與眾不同之處:
??? 免費(fèi)網(wǎng)絡(luò)營(yíng)銷顧問(wèn):我們?yōu)槟峁┟赓M(fèi)的網(wǎng)絡(luò)營(yíng)銷顧問(wèn)服務(wù),您需要了解關(guān)于如何開(kāi)展網(wǎng)絡(luò)營(yíng)銷,電子商務(wù),網(wǎng)站設(shè)計(jì)等的事宜,歡迎隨時(shí)聯(lián)系我們。
??? seo友好的網(wǎng)站管理系統(tǒng):除了優(yōu)質(zhì)的網(wǎng)站空間,網(wǎng)站管理系統(tǒng),和網(wǎng)站設(shè)計(jì)外,我們的網(wǎng)站管理系統(tǒng)更是seo友好的,包括:自定義欄目名,Google Sitemap自動(dòng)生成,靜態(tài)頁(yè)面生成等等,讓您的網(wǎng)站。
???? 免費(fèi)網(wǎng)絡(luò)營(yíng)銷培訓(xùn):如何更好的投放網(wǎng)絡(luò)廣告,如何提高網(wǎng)絡(luò)廣告的投資回報(bào),如何發(fā)帖子,
??? ?如何優(yōu)化網(wǎng)站,我們有豐富的經(jīng)驗(yàn)開(kāi)放給您!祝君成功!
聯(lián)系我們:010-62199213 62122723-808 ?400-697-8610 ?徐小姐
北京網(wǎng)站建設(shè)公司-傳誠(chéng)信網(wǎng)站:js-hbsb.cn?點(diǎn)擊查看經(jīng)典網(wǎng)站案例!