隨著互聯(lián)網(wǎng)的蓬勃發(fā)展,我們已然邁入了 Web 2.0 時(shí)代。在這個(gè)時(shí)代里,用戶是主體,互聯(lián)網(wǎng)以人為本,用戶可以在網(wǎng)上發(fā)表觀點(diǎn)、參與互動(dòng),可以分享、聚合信息。這比多年前甚至更久以前的用戶單純從互聯(lián)網(wǎng)接收信息,有了很大的進(jìn)步。由此,我們也可以看見互聯(lián)網(wǎng)的一個(gè)基本的發(fā)展趨勢(shì),那就是被人們所用,為人們提供更好的服務(wù)和更優(yōu)的用戶體驗(yàn)。在將來,隨著普適計(jì)算的推進(jìn),我們身邊的設(shè)備可能都能接入互聯(lián)網(wǎng),與人們智能交互,互聯(lián)網(wǎng)和信息技術(shù)也會(huì)更加透明地***到人們生活的點(diǎn)點(diǎn)滴滴。
站在用戶的角度思考問題,與客戶深入溝通,找到平度網(wǎng)站設(shè)計(jì)與平度網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品,建站類型包括:做網(wǎng)站、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、空間域名、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋平度地區(qū)。
我們的生活與互聯(lián)網(wǎng)的發(fā)展息息相關(guān)
互聯(lián)網(wǎng)的發(fā)展也離不開寬帶建設(shè)和運(yùn)營(yíng)的發(fā)展,在北京,我們看到很多小區(qū)都已近光纖入戶,在不久的將來,光線到戶可能成為一種標(biāo)準(zhǔn),隨小區(qū)的建設(shè)一同實(shí)施,而運(yùn)營(yíng)資格由各家運(yùn)營(yíng)商競(jìng)標(biāo)決定,這也是值得欣喜的。寬帶基礎(chǔ)設(shè)施服務(wù)也一直是IT和互聯(lián)網(wǎng)發(fā)展中的一個(gè)重要環(huán)節(jié)和有力的支撐,從十年前的電話撥號(hào)到幾年前的2Mb、4Mb ADSL,再到現(xiàn)在的10Mb、20Mb光線,用戶能享受到高速互聯(lián)網(wǎng)帶來的暢快體驗(yàn)和無延遲獲取信息、參與網(wǎng)絡(luò)交互的能力。在高性能計(jì)算、高帶寬容量的互聯(lián)網(wǎng)上,云計(jì)算開始蓬勃發(fā)展,它為企業(yè)節(jié)省了購買服務(wù)器和電費(fèi)以及招聘眾多IT管理人員的成本,而是以集中式的數(shù)據(jù)中心,向企業(yè)用戶提供他們所需的服務(wù),而且這種方式的使用是可計(jì)量的,用戶用多少付多少,而且可能靈活根據(jù)當(dāng)前的需求提升或者降級(jí)資源使用量。我們消費(fèi)者也從基于云的服務(wù)獲益不少,例如不論過什么節(jié)假日,淘寶網(wǎng)基于云計(jì)算的服務(wù)能夠保證穩(wěn)定的運(yùn)行,大家一起登錄、一起搶的時(shí)候,您依然可以瀏覽您所需的東西,并順暢地完成下單,而不會(huì)經(jīng)常提示您該服務(wù)暫時(shí)無法訪問?;ヂ?lián)網(wǎng)的分布式計(jì)算的研究和云計(jì)算的研究給大規(guī)模高性能的穩(wěn)健計(jì)算提供了保障。
咱撇開云計(jì)算神馬的不說,對(duì)于我們用戶的日常生活和工作而言,試想,您所使用的計(jì)算機(jī)或者手機(jī)突然沒有了網(wǎng)絡(luò)接入,您會(huì)覺得怎樣?
我們似乎已經(jīng)離不開這個(gè)接入了互聯(lián)網(wǎng)的社會(huì)了?,F(xiàn)代人平均每人擁有超過1部的智能設(shè)備(包括手機(jī)和電腦),每天與它們相處的時(shí)間里,我們很大一部分時(shí)間是在跟互聯(lián)網(wǎng)打交道,使用本地單機(jī)應(yīng)用程序、游戲的時(shí)間相對(duì)越來越少。像新浪微博、人人網(wǎng)、開心網(wǎng)這樣的SNS網(wǎng)絡(luò)是非常受歡迎的,當(dāng)然網(wǎng)游和視頻網(wǎng)站(優(yōu)酷、56等)也是很火熱的,另外,電子商務(wù)(淘寶、京東、各種團(tuán)購等)和服務(wù)類網(wǎng)站(12306火車訂票網(wǎng)等)也成了大家口中的生活熱點(diǎn)話題。然而,在使用這些互聯(lián)網(wǎng)服務(wù)的時(shí)候,您是否有注意到用戶體驗(yàn)的重要性呢?
用戶體驗(yàn)很重要
很多人可能沒有太關(guān)注和思考過用戶體驗(yàn)的問題,只要大家沒有遇到瀏覽網(wǎng)站和使用服務(wù)過程中的阻斷性問題(例如頁面打不開、頁面某些功能無法使用、支付不成功等),大家就覺得這個(gè)網(wǎng)站是可用的,而好不好用、應(yīng)該怎么調(diào)整、我該怎么反饋意見和建議是鮮有思考的。當(dāng)然,網(wǎng)游就不一樣,如果服務(wù)器經(jīng)常延遲響應(yīng),用戶覺得慢,或者覺得不好玩、沒有意思,那用戶自然不會(huì)再往里面投錢。所以在互聯(lián)網(wǎng)娛樂和服務(wù)中,我們能看見用戶體驗(yàn)普遍比較好的,用戶滿意度比較高的,就是這些網(wǎng)絡(luò)游戲,拼質(zhì)量、拼畫面、拼服務(wù)器延遲低、拼游戲內(nèi)容好玩是他們的努力方向。而您可能注意到,一些其他類型的大一點(diǎn)的互聯(lián)網(wǎng)公司,也會(huì)懂得關(guān)注用戶體驗(yàn)的重要性,例如我們可以看見新浪微博、人人網(wǎng)、淘寶網(wǎng)等網(wǎng)站的持續(xù)改進(jìn),而像12306這樣的火車票網(wǎng)站,用戶可能就不太在乎其美不美觀、好不好用,大家但求他能用即可。
既然互聯(lián)網(wǎng)的發(fā)展是以用戶為重的,用戶體驗(yàn)自然應(yīng)當(dāng)?shù)玫街匾?,一個(gè)良好的用戶體驗(yàn)有助于提升用戶瀏覽的流暢性和內(nèi)容呈現(xiàn)上的合理性。這個(gè)道理很簡(jiǎn)單,一個(gè)美觀實(shí)用的網(wǎng)站,用戶自然會(huì)打心底里用起來愛不釋手,才會(huì)覺得舒服暢快。現(xiàn)在的HTML5技術(shù)就是對(duì)以往的網(wǎng)頁編寫語言的又一次升級(jí),那么在技術(shù)上為什么W3C要推行HTML5?多年前的 Web 1.0 時(shí)代,用戶以接收和獲取信息為主,一些網(wǎng)站的用戶體驗(yàn)不需要做到很絢麗或者設(shè)計(jì)很多交互功能,而在現(xiàn)在的 Web 2.0 時(shí)代,用戶的參與和交互的要求越來越高,用戶也喜愛富互聯(lián)網(wǎng)用戶體驗(yàn),因此用戶的需求導(dǎo)致了技術(shù)需求上的更加豐富和復(fù)雜的網(wǎng)頁內(nèi)容。、
HTML5 帶來一致而現(xiàn)代的用戶體驗(yàn)
我們知道,以往很多網(wǎng)站的內(nèi)容都是通過Flash或者其他插件呈現(xiàn)的,這會(huì)有什么問題呢?在我看來,它的局限性主要存在于兩個(gè)方面,第一,眾多插件導(dǎo)致了瀏覽器的負(fù)擔(dān)過重,對(duì)生態(tài)環(huán)境造成了影響甚至是破壞,一個(gè)性能沒有調(diào)優(yōu)或者尚未完好測(cè)試的插件肯能夠?qū)е掠脩魹g覽器的全盤崩潰或者無響應(yīng)。這里還是以微軟的IE瀏覽器為例,很多用戶都會(huì)遇到IE無響應(yīng)、打不開、瀏覽器崩潰等問題,其實(shí)這并不是IE本身的問題,絕大多數(shù)的案例里面,是第三方插件和第三方軟件引起的問題,很多用戶在沒有太注意的情形下,很容易在安裝一些下載的軟件中被捆綁安裝眾多瀏覽器插件。第二,像Flash等一些插件,本身就可能有性能問題,曾經(jīng)我們看見過,當(dāng)多個(gè)網(wǎng)頁含有Flash并且同時(shí)打開這些網(wǎng)頁時(shí),會(huì)覺得瀏覽器有卡頓的現(xiàn)象,而我在之前的博文里面也寫過,騰訊QQ的組件一樣會(huì)導(dǎo)致IE瀏覽器在打開含有Flash的網(wǎng)頁時(shí),可能會(huì)造成瀏覽器假死。除了性能問題,像Flash一樣的插件的局限性還體現(xiàn)在開發(fā)人員的負(fù)擔(dān)中。開發(fā)人員必須遵照Adobe Flash的準(zhǔn)則進(jìn)行開發(fā),得使用Adobe的開發(fā)工具,并可能因此耗費(fèi)很多時(shí)間。而且Flash提供的能力是有限的,例如開發(fā)一些更為復(fù)雜的3D圖形圖像,或者Flash不能跳出這個(gè)插件容器,與網(wǎng)頁其他內(nèi)容自由編排,因此很難做出渾然天成的效果,除非你整個(gè)版面是一大塊Flash,文字也是Flash的一部分。
HTML5的出現(xiàn),解放了網(wǎng)頁內(nèi)容被插件禁錮的局面,開發(fā)者使用HTML5語言+JavaScript就可以創(chuàng)造出豐富而多彩的網(wǎng)站,滿足消費(fèi)者的審美要求和交互要求,同時(shí)還會(huì)有比較好的性能和渾然天成的效果。而且,HTML5的出現(xiàn),對(duì)于統(tǒng)一跨平臺(tái)開發(fā)代碼也是意義非凡的。說實(shí)話,IE9之前,微軟的瀏覽器自成體系,要求開發(fā)者使用微軟自己定義的一些元素和標(biāo)簽,這是不利于互聯(lián)網(wǎng)生態(tài)系統(tǒng)的,反而給開發(fā)者造成了極大的負(fù)擔(dān),因?yàn)樗麄優(yōu)榱酥С植煌脑O(shè)備和不同的瀏覽器,得制作不同版本的代碼,明明是同一件事情、同樣的網(wǎng)站內(nèi)容,但是實(shí)施起來得寫好幾套代碼?,F(xiàn)在用戶們一般安裝的各種各樣的新版瀏覽器,大多都支持HTML5,只要開發(fā)者編寫網(wǎng)站的時(shí)候使用的是HTML5 + JavaScript,并且制作的比較精美,相信您會(huì)被新的技術(shù)所呈現(xiàn)的內(nèi)容而震撼。
(點(diǎn)擊圖片前往該網(wǎng)站體驗(yàn))
如果再使用CSS3里面的一些新特性,例如內(nèi)容根據(jù)屏幕尺寸自適應(yīng),那么,開發(fā)一遍的內(nèi)容,同樣可以直接在平板、手機(jī)等支持HTML5的瀏覽器中以合適的方式呈現(xiàn)。
新的瀏覽器和新的用戶體驗(yàn)
隨著HTML5的成熟和普及推廣,越來越多的瀏覽器廠商提供新版的支持HTML5的瀏覽器。我個(gè)人一直習(xí)慣使用IE瀏覽器,對(duì)于其他廠商的眾多優(yōu)秀瀏覽器也有一定的了解,其實(shí)就目前而言,主流各家的瀏覽器基本都能很好地適應(yīng)和呈現(xiàn)HTML5的內(nèi)容,所以大家不妨下載一個(gè)然后訪問一下HTML5網(wǎng)站試試。
在這里,我還得談一談當(dāng)時(shí)走在HTML5前列的IE9瀏覽器和現(xiàn)在剛推出不久的IE10瀏覽器。記得IE9是2011年第一季度發(fā)布的,當(dāng)時(shí)我去過發(fā)布會(huì)現(xiàn)場(chǎng)。IE9的特性宣傳的有許多,但是我個(gè)人最喜歡的有3點(diǎn),其一,徹底告別了微軟IE壟斷的HTML元素標(biāo)簽方法等等,開始兼容統(tǒng)一的一套標(biāo)準(zhǔn),即HTML5 + CSS3 + JavaScript,當(dāng)然還有其他一部分新的通用技術(shù);其二, IE9 使用了GPU進(jìn)行方式,全面加速了圖形圖像和JavaScript呈現(xiàn),復(fù)雜的HTML5和原有的JavaScript編寫的內(nèi)容得以快速呈現(xiàn),性能非常好,如果您有獨(dú)顯的機(jī)器和IE9,相信您已經(jīng)從中嘗到了甜頭;其三,一個(gè)以內(nèi)容為重的UI設(shè)計(jì)理念和風(fēng)格。隨著Web 2.0的演進(jìn),更多的網(wǎng)站不再是像一個(gè)單純的網(wǎng)頁,而是變成了一個(gè)帶有豐富體驗(yàn)的應(yīng)用。為什么應(yīng)用程序一定要是傳統(tǒng)的那種exe或者其他的桌面和手機(jī)應(yīng)用程序呢?為什么網(wǎng)站就不能是一個(gè)應(yīng)用呢?我覺得完全可以,像人人、新浪微博、支付寶、豆瓣電臺(tái)、淘寶等等,完全都可以是一個(gè)應(yīng)用的概念,通過瀏覽器的窗口,用戶可以訪問這一網(wǎng)絡(luò)程序所提供的服務(wù)。所以IE9針對(duì)"瀏覽器是舞臺(tái),網(wǎng)站及內(nèi)容才是舞臺(tái)劇和表演者"的概念,將UI極簡(jiǎn)化,給內(nèi)容更多空間,并且一個(gè)網(wǎng)站可以單獨(dú)鎖定到 Windows 7 任務(wù)欄,有單獨(dú)的顏色風(fēng)格和圖標(biāo),啟動(dòng)一個(gè)網(wǎng)站如同啟動(dòng)一個(gè)鎖定到任務(wù)欄的傳統(tǒng)應(yīng)用一樣簡(jiǎn)單。我個(gè)人認(rèn)為,這是一個(gè)很新穎和優(yōu)秀的概念。相信在未來的Web 3.0時(shí)代,不僅網(wǎng)站像一個(gè)應(yīng)用,而且更加智能,更加開放(開發(fā)接口與數(shù)據(jù)整合互聯(lián))。
IE10 在傳承IE9的優(yōu)點(diǎn)的基礎(chǔ)上,還有更進(jìn)一步的改進(jìn),它隨著HTML5技術(shù)的成熟,提供了更多的HTML5、CSS3和其他主流技術(shù)趨勢(shì)的特性支持,而且在 Windows 8 的 Metro 風(fēng)格的 IE10 中,非常好地支持了沉浸式用戶體驗(yàn)和觸摸。沉浸式用戶體驗(yàn)?zāi)軌蜃尵W(wǎng)站以全屏方式呈現(xiàn),讓用戶徹底地關(guān)注網(wǎng)站內(nèi)容,而不是瀏覽器本身,但是有必要操作的時(shí)候,瀏覽器的一些功能和界面能夠通過獨(dú)特的手勢(shì)調(diào)出來,所以瀏覽也同樣方便。Web的發(fā)展同樣需要更加自然的人際交互體驗(yàn),IE10引入觸摸,也促進(jìn)和鼓勵(lì)開發(fā)者們開發(fā)出基于HTML5的精美觸摸應(yīng)用,配合觸摸屏、平板設(shè)備以及觸摸手機(jī)端的瀏覽器,用戶可以更加自然地與網(wǎng)站和其內(nèi)容讀物進(jìn)行良好的交互,用起來更方便、更喜歡。
如上圖所示,這是一個(gè)割繩子游戲,但它卻不是一個(gè)本地的應(yīng)用或者M(jìn)etro風(fēng)格的應(yīng)用程序,而是實(shí)實(shí)在在的一個(gè)網(wǎng)頁版,只不過,我用的是平板電腦上的Metro版IE10訪問的,所以可以有全屏的沉浸式用戶體驗(yàn)+觸摸交互。大家也不妨點(diǎn)擊圖片去體驗(yàn)一下。這個(gè)網(wǎng)站是基于HTML5等新技術(shù)開發(fā)的,記得當(dāng)時(shí)微軟還介紹過該團(tuán)隊(duì)的開發(fā)背后的故事。我嘗試用Windows Phone 7.5 上的IE Mobile瀏覽器打開它,發(fā)現(xiàn)將屏幕橫過來后剛好,也是能夠正常呈現(xiàn)的,這就是HTML5時(shí)代最直觀的一個(gè)可以做到的優(yōu)勢(shì)。IE10 已經(jīng)提供了一個(gè)MS Pointers API,去方便開發(fā)人員開發(fā)出適合觸控的HTML5網(wǎng)站應(yīng)用和游戲。
最后,客觀地說,由于改造的人力和金錢成本,中國(guó)的網(wǎng)站似乎還沒有看見太多優(yōu)秀而實(shí)用的新HTML5版,這需要行業(yè)和眾多互聯(lián)網(wǎng)公司的共同努力和推進(jìn),開發(fā)者們是其中不可或缺的重要角色。我想,HTML5是未來的趨勢(shì),我們沒有什么理由要繼續(xù)保留現(xiàn)有的技術(shù)架構(gòu)而不接納HTML5.而且,可以預(yù)見的未來是,F(xiàn)lash等插件的支持性可能會(huì)越來越差,因?yàn)殡S著用戶需求和Web技術(shù)的發(fā)展,相信現(xiàn)有的舊有技術(shù)是不能很好地可持續(xù)發(fā)展、去滿足用戶更加豐富、更加智能的交互體驗(yàn)的,就像現(xiàn)在的人們都已經(jīng)開始使用防盜門和新型鎖具取代過去的鐵門木門和簡(jiǎn)單鎖具一樣。記得一兩年前,Adobe公司已經(jīng)宣布放棄對(duì)TV和手機(jī)等移動(dòng)設(shè)備上的Flash支持的開發(fā),我相信Adobe公司也已經(jīng)看清了大勢(shì),重新調(diào)整了業(yè)務(wù)結(jié)構(gòu),以適應(yīng)新的發(fā)展。IE平臺(tái)上的開發(fā)者們,如今一樣可以使用改進(jìn)的F12開發(fā)人員工具,去更直觀地發(fā)現(xiàn)代碼和性能問題,開發(fā)出優(yōu)秀的HTML5網(wǎng)站。我們看到,像cnBeta等站點(diǎn)已經(jīng)開發(fā)出了基于HTML5,甚至是觸摸優(yōu)化的新版網(wǎng)站與現(xiàn)在的網(wǎng)站并存。我覺得這是一個(gè)可取的方式,所以,在Web公司開展新業(yè)務(wù)或者進(jìn)行業(yè)務(wù)調(diào)整、網(wǎng)站改版的時(shí)候,不妨去嘗試一下HTML5,也許這是個(gè)獲得改變的好時(shí)機(jī)。