您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

不同時(shí)代,不同尺寸:多終端平臺(tái)網(wǎng)頁(yè)趨勢(shì)

我們每天把大量時(shí)間花在各種屏幕前:電腦、平板電腦、智能手機(jī)和電視,所處的情境決定你會(huì)使用哪種設(shè)備:在哪里?干什么?有多少時(shí)間?現(xiàn)在大家主要以兩種方式在不同屏幕設(shè)備間切換,即使用完一個(gè)屏幕設(shè)備再使用另一個(gè)設(shè)備,即同時(shí)使用多個(gè)屏幕設(shè)備,多終端的切換讓我們效率提高,同時(shí)也讓我們很有成就感。終端成為未來(lái)移動(dòng)互聯(lián)網(wǎng)發(fā)展的重點(diǎn)之一,緊緊圍繞用戶需求,為用戶提供全方位的服務(wù)和體驗(yàn),趨向終端與服務(wù)一體化,實(shí)現(xiàn)終端多樣化。各終端平臺(tái)主流網(wǎng)頁(yè)你都了解嗎?設(shè)計(jì)師當(dāng)然不僅要有手上功夫,緊跟時(shí)下流行趨勢(shì),那么我們現(xiàn)在能做些什么?能從哪些地方著手?未來(lái)會(huì)有什么樣的交互體驗(yàn)依然輕松舒適?

盤點(diǎn)研究目錄:

- 深度定制化閱讀方式

- 增強(qiáng)互動(dòng)跨界連接

- 多終端對(duì)營(yíng)銷的意義

深度定制化閱讀趨勢(shì):

在不同的場(chǎng)景下,大家正在切換不同類型的設(shè)備來(lái)使用以滿足自我需求,各種設(shè)備本身也具備可用于隨時(shí)可更改信息,不丟失任何信息或明顯中斷信息流的功能,從而也就產(chǎn)生了多終端屏幕的轉(zhuǎn)向特性。

Twitter和微博的活躍度一日不如一日,如今碎片化的內(nèi)容更適合淺層閱讀,深度長(zhǎng)內(nèi)容慢慢在移動(dòng)端正在受到青睞,初期將碎片時(shí)間花在移動(dòng)設(shè)備上,在移動(dòng)設(shè)備、應(yīng)用和內(nèi)容日益豐富時(shí),移動(dòng)設(shè)備足以承載需要集中精力才能完成的任務(wù)。但是它的短板也非常明顯,目前移動(dòng)端如何平衡輕量化和深度定制內(nèi)容,差異化才是最終出路。

增強(qiáng)互動(dòng)跨界連接:

所有深度閱讀產(chǎn)品均是圍繞內(nèi)容為中心物品被弱化,演變?yōu)橐匀伺c人之間的連接,用戶身上具備不同的屬性,例如撰稿人、招聘者、藝術(shù)家、學(xué)生、創(chuàng)業(yè)者、上班白領(lǐng)等等,將這些不同角色進(jìn)行對(duì)接實(shí)現(xiàn)社區(qū)化,進(jìn)而在內(nèi)容之外提供服務(wù),通過(guò)跨界實(shí)現(xiàn)服務(wù)。

例1:方所是一個(gè)書(shū)店,他們經(jīng)營(yíng)者放棄傳統(tǒng)圖書(shū),放棄文具和精品百貨,僅保留盈利較高的品類,并設(shè)置閱讀延伸性消費(fèi)如藝術(shù)品、咖啡、茶點(diǎn)等。現(xiàn)在做的不只是書(shū)店,而是集書(shū)店、美學(xué)生活、展覽空間與服飾時(shí)尚等混業(yè)經(jīng)營(yíng)為一體,成為一個(gè)文化平臺(tái)一種未來(lái)的生活形態(tài)。

例2:羅輯思維大家都有所了解,對(duì)于我們來(lái)說(shuō)他們是一個(gè)互聯(lián)網(wǎng)社群,羅胖是以讀書(shū)和分享思想作為粘合劑讓社群具有強(qiáng)烈的知識(shí)社群特性,這個(gè)社群和圖書(shū)本身有著天然的親近,然后就有了賣圖書(shū)包這事兒,售價(jià)499元一箱的圖書(shū)包5小時(shí)內(nèi)8000套全部售賣完畢。老羅以自己的魅力人格博大深厚學(xué)識(shí)聚攏了百萬(wàn)聽(tīng)眾,還有老羅日復(fù)一日?qǐng)?jiān)持以對(duì)死磕的極致精神,代表著這個(gè)社群的群體期望和群體意識(shí),承載了大家對(duì)于互聯(lián)網(wǎng)跨界顛覆的饑渴和想象,所以只要老羅一直死磕著自己愉悅著大家,就有人愿意為他買單,而不在乎他賣的是什么東西。

多終端對(duì)營(yíng)銷的意義:

01.jpg

無(wú)處不在時(shí)刻連接的用戶催生了對(duì)市場(chǎng)的新的需求,截至2014年6月,我國(guó)手機(jī)網(wǎng)民規(guī)模達(dá)5.27億,較2013年底增加2699萬(wàn)人,網(wǎng)民中使用手機(jī)上網(wǎng)的人群占比進(jìn)一步提升,由2013年的81.0%提升至83.4%,手機(jī)網(wǎng)民規(guī)模首次超越傳統(tǒng)PC網(wǎng)民規(guī)模,移動(dòng)遠(yuǎn)比新的桌面意味著更多的東西,智能手機(jī)和平板電腦已經(jīng)成為用戶多平臺(tái)生活形態(tài)中不可分割的中心組件。這不僅反映在用戶每天對(duì)移動(dòng)設(shè)備的使用時(shí)長(zhǎng)上面,而且移動(dòng)終端正在日漸變成人們遠(yuǎn)程控制他們的生活和工作的工具,移動(dòng)為新的營(yíng)銷機(jī)會(huì)。

網(wǎng)頁(yè)在終端多樣化案例分享:

體感3D投影互動(dòng) - 創(chuàng)意投影商品展示:

02.jpg

手機(jī)操作使攝影儀將影像投射到家居陳列品上 通過(guò)3D投影技術(shù)以及Microsoft的Kinect裝置,家具零售商可以將各種家具材質(zhì)及款式的數(shù)據(jù)存儲(chǔ)于云端數(shù)據(jù)庫(kù)上,然后通過(guò)相配的APP應(yīng)用程序,就可以讓你根據(jù)喜好選擇不同的材質(zhì)及款式,然后攝影儀就會(huì)將影像投射到家居陳列品上。

演示視頻:https://www.youtube.com/watch?v=5YV8lo-OxZQ

移動(dòng)平板的360°全能對(duì)比 - 奔馳汽車The decision pilot

03.jpg

很多商家開(kāi)始提供可以自定義產(chǎn)品的服務(wù),比如NIKEID、摩托羅拉手機(jī)自定義等等,但這選擇越多麻煩就越多不知道選哪個(gè)好。提供了很方便的元素展示和對(duì)比功能,啟用360度視角及高清圖片,讓用戶在選擇的時(shí)候可以方便的比較各種功能。

演示視頻:https://www.youtube.com/watch?v=l0K7Wa1Xl6A

可穿戴設(shè)備 - VolvoReality XC90 Test Drive Teaser

04.jpg

谷歌的虛擬現(xiàn)實(shí)頭戴設(shè)備CardBoard又開(kāi)發(fā)出了一項(xiàng)新功能虛擬試駕汽車,沃爾沃將利用谷歌CardBoard讓消費(fèi)者在手機(jī)上就能試駕旗下新款SUV XC90,可以讓玩家比較享受游戲的真實(shí)感,真實(shí)體驗(yàn)坐在越野車?yán)?,暢游在寬闊的道路上,觀賞路邊美麗的風(fēng)景、傾聽(tīng)汽車曼妙的聲音。

演示視頻:https://www.youtube.com/watch?v=Wuln2bJkp1k

APP:Volvo Reality iPhone Screenshot

05.jpg

APP下載地址:https://itunes.apple.com/us/app/volvo-reality/id940642303?ls=1&mt=8

移動(dòng)端H5小游戲 - Intel Finger BootCamp

五個(gè)速度類游戲 非常輕質(zhì)量的即好上易手的H5小游戲,進(jìn)入游戲后有兩個(gè)選項(xiàng),一個(gè)是臉書(shū)賬戶登錄,一個(gè)是游客試玩。可以左右切換游戲,點(diǎn)擊Play就可以玩了,傳播的目都是在說(shuō)英特爾處理器的快。游戲的玩法很簡(jiǎn)單,比如左邊打沙袋,沙袋上的圓圈會(huì)隨機(jī)出現(xiàn),然后用戶要打擊圓圈才能得分。自行車就是轉(zhuǎn)動(dòng)自行車踏,然后達(dá)到一定速度后會(huì)變化成更高級(jí)的自行車。如果用戶使用臉書(shū)登錄,可以看到目前好友積分排行情況。

06.jpg

演示視頻:https://www.youtube.com/watch?v=MfSIjfnSMlc

移動(dòng)端地址:http://bootcamp.intel.com

我們總會(huì)熱衷于追隨最新的設(shè)計(jì),越多設(shè)計(jì)師深入思考動(dòng)效設(shè)計(jì),引領(lǐng)新的流行風(fēng)格,所以你能在這些優(yōu)秀的網(wǎng)頁(yè)中不僅限于以往的扁平化設(shè)計(jì)、體感交互、極簡(jiǎn)風(fēng)、視差滾動(dòng)、視頻背景等等,這些設(shè)計(jì)優(yōu)秀的共同的特性就是對(duì)移動(dòng)端的良好支持,隨著時(shí)間推移,越來(lái)越多需要個(gè)性化的、帶有交互的網(wǎng)頁(yè)的趨勢(shì)也將會(huì)支持盡可能多的設(shè)備。

[教程作者:愛(ài)美麗]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di2620.html
跟隨阿里-淺析數(shù)據(jù)化設(shè)計(jì)思維
淺談網(wǎng)頁(yè)設(shè)計(jì)中的簡(jiǎn)約之美
圖趣網(wǎng)微信
建議反饋
×