創(chuàng)業(yè)界流行一句話,“站在風(fēng)口上,豬都會(huì)飛”。其實(shí)這句話我覺(jué)得放在設(shè)計(jì)界等很多其他地方都適用,比如在設(shè)計(jì)界,我們可以說(shuō),“如果你把握住了設(shè)計(jì)風(fēng)潮的脈搏,你很快就會(huì)飛躍成設(shè)計(jì)先驅(qū)。”但是潮流這個(gè)東西就好像真愛(ài)一樣,人人都說(shuō)這個(gè)世界上總有一個(gè)最適合的TA在等著你,但是你窮其一生尋尋覓覓上下而求索,卻往往空手而歸。又或者給你找到了那個(gè)TA,卻發(fā)覺(jué)TA已經(jīng)成為別人的新郎/娘,自己卻只能一邊深夜獨(dú)自空垂淚。
其實(shí)創(chuàng)業(yè)界和設(shè)計(jì)界的風(fēng)潮也一樣,你一直想比別人先一步找到未來(lái)的流行風(fēng)潮,期望能率先站在風(fēng)口上,孰料最終不是走錯(cuò)了方向和風(fēng)口出現(xiàn)的地方背道而馳,或者就是慢了別人半拍,最終只能走到風(fēng)尾巴上面,而且還要是Peter Thiel在他的《從0到1》中提到的長(zhǎng)尾理論(冪次法則)的那條長(zhǎng)長(zhǎng)的尾巴上面,眼巴巴地看著別人投入了風(fēng)口的懷抱。
所以風(fēng)潮這個(gè)東西是一個(gè)非常神秘的事物,上帝往往不會(huì)輕易的給你暗示。所謂“國(guó)之利器,不以示人”,如果大家都知道風(fēng)口在哪里了,那大家一窩蜂的跑過(guò)去不就把風(fēng)口給堵死了,從而也就無(wú)風(fēng)口可言了。
但是,今天我就自動(dòng)請(qǐng)纓,敢冒天下之大不韙,用本人尚算深厚的設(shè)計(jì)背景以及對(duì)這幾年設(shè)計(jì)風(fēng)向的觀察,跟大家提提我對(duì)未來(lái)網(wǎng)頁(yè)設(shè)計(jì)風(fēng)潮的風(fēng)口的猜想。如果大家覺(jué)得說(shuō)的還算有點(diǎn)道理的,有錢的捧個(gè)錢場(chǎng)給個(gè)打賞,沒(méi)錢的捧個(gè)人場(chǎng)評(píng)論轉(zhuǎn)發(fā)來(lái)聲吶喊。當(dāng)然,如果大家覺(jué)得這是一派胡言的話,那也就只能請(qǐng)你趕快離場(chǎng),等下一篇文章上來(lái)再請(qǐng)你來(lái)好好捧場(chǎng)。
滑動(dòng)優(yōu)先于點(diǎn)擊
先上圖:
上圖是否非常熟悉呢?當(dāng)然了,這不就是我們今天打開(kāi)電腦天天在做的事情嘛。比如工作累了到www.jnchenxiao.com上面去看個(gè)文章,發(fā)覺(jué)文章太多了難以選擇,所以就把鼠標(biāo)挪到右邊點(diǎn)擊按住往下拉,或者用滑輪往下滾,看下下面還有些什么出類拔萃的文章,找到了再點(diǎn)擊進(jìn)去查看。
但是你要知道現(xiàn)在已經(jīng)是移動(dòng)互聯(lián)的年代,移動(dòng)設(shè)備占據(jù)了用戶大量的網(wǎng)上瀏覽時(shí)間,而移動(dòng)設(shè)備的特點(diǎn)是屏幕相對(duì)比較小,而控件一般設(shè)計(jì)的比較大以方便點(diǎn)擊。所以用戶更希望的是能隨心所欲的通過(guò)指尖快速的瀏覽到指定的信息,而非通過(guò)鼠標(biāo)慢慢的往下拉,然后找到一行小的可憐的鏈接點(diǎn)進(jìn)去進(jìn)行查看。
所以這個(gè)時(shí)候的設(shè)計(jì)更多應(yīng)該是手勢(shì)操作優(yōu)先,讓用戶可以通過(guò)手勢(shì)快速的定位到自己想要的內(nèi)容。
況且現(xiàn)在移動(dòng)互聯(lián)網(wǎng)的用戶越來(lái)越急躁和越來(lái)越懶,很少人有耐心去一個(gè)個(gè)條目仔細(xì)去查看去找到想要的內(nèi)容信息。所以他們更希望的是能快速的在簡(jiǎn)潔的屏幕上定位到自己想要的目標(biāo),如果能不讓自己動(dòng)手就能自己出現(xiàn)就更好了。
而這里就是我們都熟知的泰晤士周刊網(wǎng)絡(luò)版,它甚至的是無(wú)限循環(huán)的去滾動(dòng)著顯示文章,而不像傳統(tǒng)的PC瀏覽那樣,分成無(wú)數(shù)個(gè)tag和頁(yè)面來(lái)讓用戶進(jìn)行點(diǎn)擊選擇。而這,我認(rèn)為就是這種風(fēng)潮到來(lái)的一種暗示。
雖然我不知道可穿戴設(shè)備如智能手表等什么時(shí)候能完全流行起來(lái),但是我相信如果真流行起來(lái)的話,它里面的應(yīng)用肯定是能更好的滾動(dòng)顯示和通過(guò)手勢(shì)進(jìn)行方便的操作的。
折疊顯示將成明日黃花
正因?yàn)楝F(xiàn)在對(duì)頁(yè)面進(jìn)行滑動(dòng)是如此的簡(jiǎn)便和隨心所欲,且當(dāng)今的智能設(shè)備的大小型號(hào)琳瑯滿目,所以因?yàn)橐恍﹥?nèi)容過(guò)長(zhǎng)而進(jìn)行折疊顯示的方式已經(jīng)過(guò)時(shí)了 -僅僅將一些關(guān)鍵信息顯示給用戶,當(dāng)需要的時(shí)候再去點(diǎn)擊個(gè)“+”號(hào)什么的進(jìn)行展開(kāi)。
同時(shí)你也再?zèng)]有必要在一篇文章的前面堆積大量的文字內(nèi)容來(lái)讓用戶知道你下面將要描述的是什么內(nèi)容,因?yàn)橛脩艉苋菀拙湍芡ㄟ^(guò)手勢(shì)操作滑動(dòng)到它想要看的內(nèi)容上面去。
比如你看下人家Medium的做法,點(diǎn)擊一篇文章進(jìn)去,開(kāi)門見(jiàn)山的就是一張大圖鋪天蓋地的映入眼簾。用戶只有往下滑動(dòng)才會(huì)出現(xiàn)文章的內(nèi)容,而用戶如果想快速查看某一個(gè)章節(jié),只需要多滑動(dòng)幾下就到了。
所以取消折疊內(nèi)容的顯示,這我認(rèn)為也肯定是將要風(fēng)靡網(wǎng)頁(yè)設(shè)計(jì)界的風(fēng)潮之一。
快速的呈現(xiàn)和簡(jiǎn)約的設(shè)計(jì)
我不知道讀者您算不算是個(gè)脾氣比較溫順比較隨和的人,如果你自認(rèn)為是的話,那么如果因?yàn)榫W(wǎng)絡(luò)太慢,本文下面的內(nèi)容到了現(xiàn)在還沒(méi)有完全加載完畢。那么,我相信你肯定會(huì)立刻火冒三丈,把網(wǎng)絡(luò)提供商的先人都會(huì)問(wèn)候一遍(網(wǎng)絡(luò)出問(wèn)題的時(shí)候,我本人往往首先問(wèn)候的就是網(wǎng)絡(luò)供應(yīng)商,因?yàn)槿思邑澪鄣脑掃€收了錢干活,而這班人往往是收了錢還不干活)。
在當(dāng)今這個(gè)生活節(jié)奏這么快速的年代,什么最貴?時(shí)間最貴。每個(gè)人都在爭(zhēng)分奪秒的不甘落后的往前狂奔,而因?yàn)橥ㄟ^(guò)你的應(yīng)用或者網(wǎng)頁(yè)找到一個(gè)想要的內(nèi)容卻要耗掉我好幾十秒的寶貴時(shí)間,我能不暴跳如雷立刻拉黑嗎?
所以我們的設(shè)計(jì)要迎合我們這些暴躁的用戶的需求,在能快速顯示之余,還要能足夠簡(jiǎn)潔的將內(nèi)容顯示出來(lái)讓用戶能快速的弄懂這是怎么一回事。
上圖顯示了頁(yè)面加載時(shí)間和用戶放棄繼續(xù)瀏覽的可能性的一個(gè)關(guān)系,可以看出來(lái),一個(gè)頁(yè)面如果加載太慢的話,對(duì)于大部分用戶來(lái)說(shuō),跟沒(méi)有加載是沒(méi)有什么區(qū)別的,因?yàn)樗麄兊炔涣藥酌刖蛯⒛愕捻?yè)面或者應(yīng)用給關(guān)閉掉,刪除拉黑掉了。
簡(jiǎn)潔快速的設(shè)計(jì)應(yīng)該是讓人能夠快速的打開(kāi)并能愉悅的開(kāi)始欣賞里面的內(nèi)容的,而不是等半天只顯示了一半內(nèi)容,或者內(nèi)容顯示出來(lái)了卻耗掉用戶半天時(shí)間才發(fā)現(xiàn)這里面根本沒(méi)有我TMD想要的東西。下面就是這兩種設(shè)計(jì)的一個(gè)對(duì)比例子,誰(shuí)更簡(jiǎn)單扼要,相信不用我明說(shuō)了吧。
未完待續(xù)......