2017年設(shè)計(jì)趨勢(shì),有哪些值得一看的?
設(shè)計(jì)是拉開產(chǎn)品差異化的關(guān)鍵,而影響設(shè)計(jì)的因素是眾多的,事物總是處在不停地發(fā)展變化中,比如蝴蝶效應(yīng),某個(gè)因素的改變就可能帶來(lái)連鎖反應(yīng)。設(shè)計(jì)也是如此,需要順應(yīng)發(fā)展變化。
行業(yè)背景
首先來(lái)看一組來(lái)自工信部披露的數(shù)據(jù):截至2016年10月,我國(guó)4G用戶持續(xù)爆發(fā)式增長(zhǎng),總數(shù)達(dá)到了7.14億戶,1-10月凈增2.83億戶,增幅達(dá)到了39.6%。對(duì)于互聯(lián)網(wǎng)行業(yè)從業(yè)者來(lái)說(shuō),面對(duì)如此龐大的用戶群既是一種幸運(yùn)同時(shí)也是一種挑戰(zhàn)。幸運(yùn)指的是一款app用戶可以增加動(dòng)輒幾十上百萬(wàn)的用戶量,挑戰(zhàn)則是來(lái)自行業(yè)市場(chǎng)需求的瞬息萬(wàn)變,需要有極快的更新迭代速度。保持對(duì)行業(yè)動(dòng)態(tài)趨勢(shì)的觀察,可以幫助我們更好地應(yīng)對(duì)不同的挑戰(zhàn)。
除了4G用戶數(shù)暴增外,從每人日均上網(wǎng)時(shí)長(zhǎng)接近4小時(shí),每部手機(jī)日均打開app20款的數(shù)據(jù)顯示,移動(dòng)互聯(lián)深度用戶越來(lái)越多,互聯(lián)網(wǎng)與人們的生活也越來(lái)越密不可分。但是隨著馬太效應(yīng),人口紅利的消失,如何在競(jìng)爭(zhēng)激烈的環(huán)境里進(jìn)一步提高用戶體驗(yàn),吸引留住用戶,這一難題擺在了眾多從業(yè)者的面前。
為什么要關(guān)注設(shè)計(jì)趨勢(shì)?
設(shè)計(jì)是拉開產(chǎn)品差異化的關(guān)鍵,而影響設(shè)計(jì)的因素是眾多的,事物總是處在不停地發(fā)展變化中,比如蝴蝶效應(yīng),某個(gè)因素的改變就可能帶來(lái)連鎖反應(yīng)。設(shè)計(jì)也是如此,需要順應(yīng)發(fā)展變化。我們也會(huì)發(fā)現(xiàn)各大公司對(duì)產(chǎn)品的升級(jí)會(huì)帶來(lái)很大的關(guān)注度,因?yàn)閾碛斜姸嘤脩舻捻敿?jí)互聯(lián)網(wǎng)公司對(duì)設(shè)計(jì)趨勢(shì)的把握更加敏感,他們的一舉一動(dòng)常常是基于基于多方面的詳實(shí)考察、深入了解用戶需求。
影響設(shè)計(jì)趨勢(shì)的因素:
影響因素解析
軟硬件的性能提升對(duì)設(shè)計(jì)趨勢(shì)的影響是最大的。友盟數(shù)據(jù)表明,大屏幕手機(jī)的占比還在不停上升,從分辨率分布上,Android設(shè)備720p和1080p是主流,iOS設(shè)備1334*750和1136*640是主流。小屏幕手機(jī)進(jìn)一步被更大的屏幕取代。再比如指紋識(shí)別這類生物識(shí)別技術(shù)和移動(dòng)支付服務(wù)會(huì)變得非常普遍。至于高端機(jī)型,或許會(huì)有更多的深度學(xué)習(xí)技術(shù),根據(jù)用戶的行為習(xí)慣,修復(fù)和改善使用體驗(yàn)。
虛擬現(xiàn)實(shí)和增強(qiáng)現(xiàn)實(shí)技術(shù)帶來(lái)的想象力是非常有吸引力的??梢哉f(shuō)是移動(dòng)設(shè)備下一個(gè)增長(zhǎng)點(diǎn)。2017年虛擬現(xiàn)實(shí)技術(shù)可能會(huì)延伸到價(jià)格更低的智能手機(jī),同時(shí)原本極為節(jié)省成本的低端機(jī),也將有更好的圖形處理性能、更高的分辨率和更大的儲(chǔ)存空間。但VR技術(shù)仍有諸多未攻克的難點(diǎn),還很難在17年能爆發(fā)增長(zhǎng)普及到大量用戶。而AR技術(shù)應(yīng)用的市場(chǎng)空間相對(duì)來(lái)說(shuō)會(huì)更廣泛一些,各行業(yè)期待與AR結(jié)合的運(yùn)用更樂觀,可以預(yù)測(cè)的是2017年AR技術(shù)的應(yīng)用會(huì)更加普及。
1. 設(shè)計(jì)更注重細(xì)節(jié) 比拼微交互
隨著一些功能的交互模式和UI控件經(jīng)過迭代積累,很多團(tuán)隊(duì)已經(jīng)能產(chǎn)出針對(duì)全局性的交互和視覺規(guī)范來(lái)提高日常設(shè)計(jì)和開發(fā)的效率。而一款令人沉迷的優(yōu)秀應(yīng)用,很大程度上是因?yàn)榧?xì)節(jié)精致的處理和恰到好處的微交互存在。細(xì)節(jié)包括文字排版、圖標(biāo)風(fēng)格、色彩選擇、各種對(duì)齊、信息分層等等。以文字為例,即使只對(duì)字號(hào)的選擇、字符間距的調(diào)整也能讓設(shè)計(jì)更加簡(jiǎn)潔有力。時(shí)下流行的柔和明亮的漸變色使用、以及有著大字號(hào)、大留白、大色塊的雜志風(fēng)排版,這些看似簡(jiǎn)潔的設(shè)計(jì)背后無(wú)一不是對(duì)各種細(xì)節(jié)的精細(xì)處理。
此外,微交互指的是用戶操作觸發(fā)數(shù)碼設(shè)備而產(chǎn)生的單個(gè)交互。顧名思義,絕大多數(shù)這類交互都是微小而不引人注意的,但是它會(huì)為你提供平滑、自然的感覺。它的出現(xiàn)是補(bǔ)充快速溝通時(shí)的狀態(tài)呈現(xiàn)和反饋,將某個(gè)動(dòng)作所產(chǎn)生的結(jié)果視覺化地呈現(xiàn)出來(lái),幫助用戶操作理解屏幕上的某些元素。微交互的核心要義是以更“人性化”的方式,呈現(xiàn)出用戶預(yù)期中的操作。優(yōu)秀的微交互能讓用戶產(chǎn)生參與感,并渴望進(jìn)行下一步的操作。
2. 短視頻內(nèi)容更加主流
隨著4G流量、WIFI的獲取成本降低以及各種拍攝設(shè)備在大眾市場(chǎng)的普及,在傳播形式上,視頻相比于圖文在未來(lái)的地位可能更高,甚至成為更加主流的一種形式。2016年12月中旬,微信朋友圈也終于可以發(fā)視頻了,并且將原有短視頻的8秒延長(zhǎng)為10秒。今后在朋友圈的營(yíng)銷,打造視頻內(nèi)容就更重要了。在一些需要展現(xiàn)大量細(xì)節(jié)或者希望內(nèi)容更生動(dòng)的地方可以運(yùn)用短視頻或者將視頻轉(zhuǎn)為GIF來(lái)傳達(dá),更精準(zhǔn)地戳中用戶痛點(diǎn)。
例如電商類app可以將原本靜態(tài)的商品詳情頁(yè)上傳更多的360°拍攝的視頻,用更高清多角度的細(xì)節(jié)曝光來(lái)幫助用戶決策;OTA類app可以用短視頻補(bǔ)充酒店、目的地的介紹;教育類app更可以通過分解知識(shí)點(diǎn),利用短視頻提高知識(shí)傳達(dá)效率。
3. 多終端適配 移動(dòng)端優(yōu)先
來(lái)自iUserTracker的數(shù)據(jù)顯示移動(dòng)端月度有效瀏覽時(shí)間已經(jīng)超過PC端使用時(shí)長(zhǎng)的2倍。當(dāng)前PC端使用時(shí)長(zhǎng)已趨平穩(wěn),移動(dòng)端則仍在以較高速度增長(zhǎng),相信移動(dòng)端會(huì)進(jìn)一步侵占用戶的碎片化時(shí)間。目前新產(chǎn)品的研發(fā)最好一開始就從移動(dòng)端的設(shè)計(jì)開始,同時(shí)可以著眼于多個(gè)平臺(tái),對(duì)于偏向系統(tǒng)的一些交互可以依從不同平臺(tái)的原生控件。最終產(chǎn)出一套統(tǒng)一風(fēng)格的設(shè)計(jì)圖,適配不同尺寸分辨率的設(shè)備。進(jìn)入產(chǎn)品迭代階段,優(yōu)先保持移動(dòng)端的快速迭代,其他平臺(tái)可以在移動(dòng)端的功能穩(wěn)定一段時(shí)間后再進(jìn)行跟進(jìn)。
4. Html5新技術(shù)驅(qū)動(dòng)設(shè)計(jì)
Html5具有強(qiáng)大的跨平臺(tái)屬性,無(wú)論是筆記本,臺(tái)式機(jī),還是手機(jī)都可以很方便的瀏覽。Html5頁(yè)面搭配動(dòng)態(tài)更新的功能,相比WebApp和響應(yīng)式網(wǎng)站、H5頁(yè)面更輕更簡(jiǎn)、交互互動(dòng)性更強(qiáng)。不少app已經(jīng)使用H5頁(yè)面來(lái)代替原生頁(yè)面,即Hybrid APP,以后的應(yīng)用場(chǎng)景也會(huì)越來(lái)越多,尤其適合展示靈活多變的業(yè)務(wù),可以靈活地調(diào)整功能和運(yùn)營(yíng)內(nèi)容。在國(guó)民級(jí)應(yīng)用微信的服務(wù)號(hào)里,未來(lái)也會(huì)搭建越來(lái)越多的H5頁(yè)面,體驗(yàn)甚至不輸app,并可以在其他平臺(tái)適配使用。
此外,H5作為營(yíng)銷導(dǎo)流先鋒,在微信朋友圈,比如淘寶造物節(jié)的《ZAO》、騰訊Next×Idea的《穿越故宮來(lái)看你》等等刷屏廣告都讓大家感受到了H5這一形式的傳播力??偨Y(jié)看這些刷屏的品牌廣告形式創(chuàng)意十分多元化,依靠的技術(shù)也多種多樣,目前應(yīng)用的技術(shù)就已經(jīng)有交互視頻、交互動(dòng)畫、連續(xù)動(dòng)畫、跨屏互動(dòng)、重力感應(yīng)游戲、畫圖互動(dòng)、720°全景、VR等等。隨著這些技術(shù)的普及,相信在2017年會(huì)被更多創(chuàng)意營(yíng)銷事件結(jié)合應(yīng)用。而我們需要在設(shè)計(jì)開始之前先定好應(yīng)該選擇哪種技術(shù)來(lái)呈現(xiàn)設(shè)計(jì)方案,根據(jù)技術(shù)的特性設(shè)計(jì)場(chǎng)景才能讓創(chuàng)意迸發(fā)的更加徹底。H5的設(shè)計(jì)對(duì)設(shè)計(jì)師能力也會(huì)越來(lái)越高,同時(shí)把握音樂、特效、交互等綜合能力的才會(huì)脫穎而出。
5. 增強(qiáng)現(xiàn)實(shí)、虛擬現(xiàn)實(shí)的初級(jí)實(shí)現(xiàn)
VR與AR聽上去像是一對(duì)孿生兄弟,15年開始,關(guān)于他們的新聞就不絕于耳。很多人容易將VR與AR的概念弄混,以為二者是一碼事,但實(shí)際上目前看來(lái)AR與VR除了都屬于前沿科技外,無(wú)論在技術(shù)還是應(yīng)用上都并無(wú)任何關(guān)系。VR人為地創(chuàng)造了感官體驗(yàn),包括視覺、觸覺、聽覺和嗅覺體驗(yàn)。AR是將計(jì)算機(jī)生成的虛擬世界套在現(xiàn)實(shí)世界上,即把數(shù)字想象世界加在真實(shí)世界之上。但是最近又產(chǎn)生了一個(gè)新詞,MR(混合現(xiàn)實(shí),Mixed Reality)是將計(jì)算機(jī)生成的物體混合到真實(shí)世界中。VR技術(shù)還存在許多技術(shù)難題,2017年應(yīng)該還不會(huì)進(jìn)入消費(fèi)級(jí)的市場(chǎng)。
AR增強(qiáng)現(xiàn)實(shí)的應(yīng)用在2017年的前景則更好預(yù)測(cè)一些,會(huì)有更多的行業(yè)運(yùn)用這個(gè)技術(shù),進(jìn)行一些功能拓展、商業(yè)推廣。依據(jù)三星副總裁Sung-Hoon Hong的描述,AR技術(shù)可以分為四級(jí)。最低一級(jí)是虛擬對(duì)象的2維現(xiàn)實(shí),但是沒有交互;二級(jí)是可3D現(xiàn)實(shí)并實(shí)現(xiàn)虛擬對(duì)虛擬的互動(dòng);三級(jí)是可實(shí)現(xiàn)有限虛擬與現(xiàn)實(shí)的互動(dòng)(虛擬對(duì)象可改變)并支持陰影(有虛擬光源);最高的四級(jí)是實(shí)現(xiàn)虛擬對(duì)虛擬的互動(dòng)并可改變現(xiàn)實(shí),支持有正是光源的陰影。
AR除了在游戲行業(yè)的應(yīng)用,在電商、旅游類app的也會(huì)有更多想象空間,比如3d試衣間、智能出行地圖等等。在營(yíng)銷領(lǐng)域,可口可樂、麥當(dāng)勞等品牌在傳播時(shí)已經(jīng)考慮運(yùn)用這些新技術(shù),而由于國(guó)內(nèi)尚未全面普及,一時(shí)間無(wú)法全面跟上。日前,京東VR/AR項(xiàng)目經(jīng)理呂行就已經(jīng)表示“京東將在明年正式上線AR購(gòu)物應(yīng)用JD Dream,也就是京東夢(mèng)?!彪S著時(shí)間的推進(jìn),2017年,伴隨新技術(shù)的創(chuàng)意將被更多挖掘,VR/AR技術(shù)也將不單單體現(xiàn)在概念體驗(yàn)或者簡(jiǎn)單的H5上,必將有更有利于傳播的方式出現(xiàn)。
初級(jí)AR將會(huì)更流行
在2016年中,一款Pokemon Go征服了全世界,看似AR,但其實(shí)它的成功其實(shí)是來(lái)自于優(yōu)秀IP(Pokemon)與LBS(基于地理位置的游戲)的巧妙結(jié)合。相比于我們目前在談?wù)摰腁R產(chǎn)品(如Hololense, Magic Leap, Meta), 有評(píng)論指出Pokemon Go中的所謂“AR”功能實(shí)在是太過初級(jí),虛擬的小精靈和現(xiàn)實(shí)環(huán)境的結(jié)合只是簡(jiǎn)單的疊加,可能還不如國(guó)內(nèi)一些AR幼教卡片。但是大眾在被AR/VR等高大上的詞匯轟炸后,早已經(jīng)按耐不住想要體驗(yàn)這種融合真實(shí)與虛擬空間的所謂破次元壁的體驗(yàn)。然而實(shí)際上,新技術(shù)到達(dá)消費(fèi)級(jí)市場(chǎng)并沒有想象中順利。
這中間就需要利用一些更聰明和低成本的方法來(lái)偽造替代這種破次元壁的體驗(yàn)。比如利用地理位置還有人臉識(shí)別等技術(shù)可以利用,比如faceu這款app利用人臉識(shí)別技術(shù)合成動(dòng)態(tài)貼紙,在00后中備受歡迎,同樣的技術(shù)原理可以應(yīng)用在更多行業(yè)。設(shè)計(jì)師們可以更多的與技術(shù)研發(fā)人員討論,如何用低成本承載設(shè)計(jì)AR體驗(yàn)。
6. 更多的工具幫助設(shè)計(jì)師完成協(xié)同、多樣化等需求
隨著移動(dòng)端設(shè)計(jì)的大力發(fā)展,我們會(huì)發(fā)現(xiàn)原先適用于PC端的設(shè)計(jì)軟件越來(lái)越臃腫,更多適用于移動(dòng)辦公的設(shè)計(jì)協(xié)同類軟件開始出現(xiàn)。前些年,提到UI設(shè)計(jì)師必備的主流設(shè)計(jì)軟件,自然而然會(huì)提到adobe系列產(chǎn)品,然而現(xiàn)在的趨勢(shì)是,Sketch已經(jīng)開始撼動(dòng)PS在UI設(shè)計(jì)的位置。在UI設(shè)計(jì)領(lǐng)域,PS已經(jīng)顯現(xiàn)疲態(tài)。要讓自己的設(shè)計(jì)工作更加高效,實(shí)現(xiàn)多樣化需求,我們需要尋找運(yùn)用更靈活的,輔助UI設(shè)計(jì)的工具。所謂工欲善其事,必先利其器。下圖列舉了部分設(shè)計(jì)協(xié)同、動(dòng)效原型類設(shè)計(jì)工具。
例如Invision是一個(gè)領(lǐng)先的原型設(shè)計(jì)、基于產(chǎn)品的溝通協(xié)作平臺(tái),方便團(tuán)隊(duì)內(nèi)設(shè)計(jì)師一起管理項(xiàng)目協(xié)同工作。如果尋找一個(gè)比喻的話,設(shè)計(jì)師從以前的單機(jī)狀態(tài)變?yōu)榭梢月?lián)網(wǎng)和其他小伙伴們組團(tuán)一起打怪了。在一定程度上,設(shè)計(jì)師是與移動(dòng)互聯(lián)網(wǎng)聯(lián)系最緊密的一類人,工作方式自然也要走在更前面。
再介紹下另一款名為Figma的神奇工具,它是基于瀏覽器開發(fā)的界面設(shè)計(jì)工具且支持多人實(shí)時(shí)協(xié)作。它支持 Windows 與 macOS,并且有 iOS 端的預(yù)覽工具,能將項(xiàng)目時(shí)刻保持在云端,相當(dāng)于sketch和zeplin雙劍合璧了。界面和sketch極其接近,并且支持導(dǎo)入skech文件,可以突破系統(tǒng)和版本的限制,特別適合移動(dòng)辦公,對(duì)于熟悉sketch操作的設(shè)計(jì)師來(lái)說(shuō)上手甚是方便。
7. 設(shè)計(jì)所需技能更綜合
隨著趨勢(shì)的發(fā)展和需求的多樣化,行業(yè)對(duì)設(shè)計(jì)師專業(yè)能力的要求會(huì)越來(lái)越高,設(shè)計(jì)師的綜合能力會(huì)變得越來(lái)越重要。產(chǎn)品功能設(shè)計(jì)是設(shè)計(jì)師的核心能力,需要在以用戶為中心的設(shè)計(jì)理念下對(duì)需求進(jìn)行分析,完成高保真原型并且跟進(jìn)開發(fā)人員完成設(shè)計(jì)。如果能學(xué)會(huì)分析數(shù)據(jù)來(lái)衡量設(shè)計(jì)質(zhì)量,將會(huì)增加設(shè)計(jì)在今后產(chǎn)品迭代過程里的的話語(yǔ)權(quán)。此外,具備用戶研究的能力可以幫助設(shè)計(jì)師將目標(biāo)用戶群的實(shí)際需求作為產(chǎn)品設(shè)計(jì)的導(dǎo)向,使產(chǎn)品更符合用戶的習(xí)慣、經(jīng)驗(yàn)和期待。假如你了解基礎(chǔ)的技術(shù)開發(fā)知識(shí),比如App技術(shù)框架的分類、每種框架的設(shè)計(jì)特點(diǎn),無(wú)疑有助于設(shè)計(jì)方案更加靠譜,前端實(shí)現(xiàn)的效果也能更加理想。若能具備簡(jiǎn)單的coding能力,與技術(shù)的溝通就會(huì)更加高效,也能讓你的設(shè)計(jì)能力提升至更高層次!假如你還對(duì)新技術(shù)的設(shè)計(jì)感興趣,那么還需要接觸更多跨界的知識(shí),例如掌握一定的三維建模能力、空間想象能力。總之,這是一個(gè)需要不斷學(xué)習(xí)成長(zhǎng)的行業(yè)。
總結(jié)
可以想象,未來(lái)的視覺體驗(yàn)or虛擬現(xiàn)實(shí)的體驗(yàn)會(huì)層出不窮的出現(xiàn)在我們身邊,我們的工作也就會(huì)產(chǎn)生很大的不同。設(shè)計(jì)師的挑戰(zhàn)在于需要將科技與藝術(shù)以及商業(yè)價(jià)值完美的結(jié)合起來(lái),呈現(xiàn)給用戶的始終是友好、簡(jiǎn)單的使用體驗(yàn)。設(shè)計(jì)的界限也會(huì)日趨模糊,更多跨界設(shè)計(jì)的需求會(huì)應(yīng)運(yùn)而生。簡(jiǎn)單背后的復(fù)雜處理是我們工作中解決問題的關(guān)鍵,提高綜合能力、保持一顆好奇心和求知欲,則是在行業(yè)中不落伍的秘訣~
作者:西芹,蘑菇街UI設(shè)計(jì) ,是蘑菇街設(shè)計(jì)團(tuán)隊(duì)dribbble中的一員,
來(lái)源:http://www.zcool.com.cn/article/ZNDU5MjQ4.html
本文由 @西芹 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
說(shuō)的很棒!
這是最近看過最有性的一篇佳作!
都是正確的廢話
一樓沙發(fā)。