不同時(shí)代,不同尺寸:多終端平臺(tái)網(wǎng)頁(yè)趨勢(shì)
我們每天把大量時(shí)間花在各種屏幕前:電腦、平板電腦、智能手機(jī)和電視,所處的情境決定你會(huì)使用哪種設(shè)備:在哪里?干什么?有多少時(shí)間?現(xiàn)在大家主要以兩種方式在不同屏幕設(shè)備間切換,即使用完一個(gè)屏幕設(shè)備再使用另一個(gè)設(shè)備,即同時(shí)使用多個(gè)屏幕設(shè)備,多終端的切換讓我們效率提高,同時(shí)也讓我們很有成就感。終端成為未來移動(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)在能做些什么?能從哪些地方著手?未來會(huì)有什么樣的交互體驗(yàn)依然輕松舒適?
盤點(diǎn)研究目錄:
- 深度定制化閱讀方式
- 增強(qiáng)互動(dòng)跨界連接
- 多終端對(duì)營(yíng)銷的意義
深度定制化閱讀趨勢(shì):
在不同的場(chǎng)景下,大家正在切換不同類型的設(shè)備來使用以滿足自我需求,各種設(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ù),通過跨界實(shí)現(xiàn)服務(wù)。
例1:方所是一個(gè)書店,他們經(jīng)營(yíng)者放棄傳統(tǒng)圖書,放棄文具和精品百貨,僅保留盈利較高的品類,并設(shè)置閱讀延伸性消費(fèi)如藝術(shù)品、咖啡、茶點(diǎn)等?,F(xiàn)在做的不只是書店,而是集書店、美學(xué)生活、展覽空間與服飾時(shí)尚等混業(yè)經(jīng)營(yíng)為一體,成為一個(gè)文化平臺(tái)一種未來的生活形態(tài)。
例2:羅輯思維大家都有所了解,對(duì)于我們來說他們是一個(gè)互聯(lián)網(wǎng)社群,羅胖是以讀書和分享思想作為粘合劑讓社群具有強(qiáng)烈的知識(shí)社群特性,這個(gè)社群和圖書本身有著天然的親近,然后就有了賣圖書包這事兒,售價(jià)499元一箱的圖書包5小時(shí)內(nèi)8000套全部售賣完畢。老羅以自己的魅力人格博大深厚學(xué)識(shí)聚攏了百萬(wàn)聽眾,還有老羅日復(fù)一日?qǐng)?jiān)持以對(duì)死磕的極致精神,代表著這個(gè)社群的群體期望和群體意識(shí),承載了大家對(duì)于互聯(lián)網(wǎng)跨界顛覆的饑渴和想象,所以只要老羅一直死磕著自己愉悅著大家,就有人愿意為他買單,而不在乎他賣的是什么東西。
多終端對(duì)營(yíng)銷的意義:
無處不在時(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)意投影商品展示:
手機(jī)操作使攝影儀將影像投射到家居陳列品上 通過3D投影技術(shù)以及Microsoft的Kinect裝置,家具零售商可以將各種家具材質(zhì)及款式的數(shù)據(jù)存儲(chǔ)于云端數(shù)據(jù)庫(kù)上,然后通過相配的APP應(yīng)用程序,就可以讓你根據(jù)喜好選擇不同的材質(zhì)及款式,然后攝影儀就會(huì)將影像投射到家居陳列品上。
演示視頻:https://www.youtube.com/watch?v=5YV8lo-OxZQ
移動(dòng)平板的360°全能對(duì)比 - 奔馳汽車The decision pilot
很多商家開始提供可以自定義產(chǎn)品的服務(wù),比如NIKEID、摩托羅拉手機(jī)自定義等等,但這選擇越多麻煩就越多不知道選哪個(gè)好。提供了很方便的元素展示和對(duì)比功能,啟用360度視角及高清圖片,讓用戶在選擇的時(shí)候可以方便的比較各種功能。
演示視頻:https://www.youtube.com/watch?v=l0K7Wa1Xl6A
可穿戴設(shè)備 - VolvoReality XC90 Test Drive Teaser
谷歌的虛擬現(xiàn)實(shí)頭戴設(shè)備CardBoard又開發(fā)出了一項(xiàng)新功能虛擬試駕汽車,沃爾沃將利用谷歌CardBoard讓消費(fèi)者在手機(jī)上就能試駕旗下新款SUV XC90,可以讓玩家比較享受游戲的真實(shí)感,真實(shí)體驗(yàn)坐在越野車?yán)?,暢游在寬闊的道路上,觀賞路邊美麗的風(fēng)景、傾聽汽車曼妙的聲音。
演示視頻:https://www.youtube.com/watch?v=Wuln2bJkp1k
APP:Volvo Reality iPhone Screenshot
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è)是臉書賬戶登錄,一個(gè)是游客試玩??梢宰笥仪袚Q游戲,點(diǎn)擊Play就可以玩了,傳播的目都是在說英特爾處理器的快。游戲的玩法很簡(jiǎn)單,比如左邊打沙袋,沙袋上的圓圈會(huì)隨機(jī)出現(xiàn),然后用戶要打擊圓圈才能得分。自行車就是轉(zhuǎn)動(dòng)自行車踏,然后達(dá)到一定速度后會(huì)變化成更高級(jí)的自行車。如果用戶使用臉書登錄,可以看到目前好友積分排行情況。
演示視頻: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í)間推移,越來越多需要個(gè)性化的、帶有交互的網(wǎng)頁(yè)的趨勢(shì)也將會(huì)支持盡可能多的設(shè)備。
本文地址:http://m.likemindfilms.com/tutorial/di2620.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏