Instagram外邓,一個(gè)照片與視頻分享日流量超過8000萬的全球社區(qū)——“a global community of interests sharing more than 80 million photos?and?videos every day”,一次產(chǎn)品用戶圖形界面UI以及品牌上的大迭代,向人們傳遞的不僅僅是簡單的彩虹漸變、素雅內(nèi)頁以及一段設(shè)計(jì)過程視頻战虏,而是一個(gè)設(shè)計(jì)哲學(xué)和它所蘊(yùn)含的設(shè)計(jì)價(jià)值觀株憾。
在探索這究竟是一種什么樣的設(shè)計(jì)哲學(xué)前凑保,我想先舉個(gè)例子,在評價(jià)一個(gè)菜品的時(shí)候妻导,往往會(huì)從色香味等多個(gè)角度去評價(jià)逛绵,香以俘獲嗅覺,味以俘獲味覺倔韭,那么色相就是用來俘獲視覺术浪,也就是通俗地講,一盤好的菜品是聞起來香寿酌,看起來美胰苏,吃起來棒。色相要做的好醇疼,除了在制作菜品時(shí)食材調(diào)色硕并、火候控制、選擇配菜等之外秧荆,很重要的一點(diǎn)是出菜前的擺盤倔毙,有創(chuàng)造力的廚師往往能將同樣的成品,擺出極具觀賞性甚至有寓意的盤式乙濒。所以我們會(huì)看到一般米其林餐廳用的大都以白色為底色的餐盤陕赃,只是在形狀上有所區(qū)別,因?yàn)榘咨谋P子能最大限度的留個(gè)廚師創(chuàng)作的空間颁股、讓食客最大程度的把注意力放在盤中餐本身么库。如果擺盤也是一種繪畫藝術(shù)的話,那么我想那些米其林主廚們也是希望在一張白紙上來呈現(xiàn)自己的作品甘有。
我們可以通過兩個(gè)具體的例子比較來理解廊散,下圖是兩種水果裝盤的圖片:
基于上文米其林的例子,你會(huì)發(fā)現(xiàn)白底裝盤的果盤(上左圖)比起藍(lán)色花紋裝盤的果盤(上右圖)梧疲, 更能吸引人的目光聚焦在水果本身:適當(dāng)?shù)牧舭鬃屗蔀橐曈X中心允睹,而裝飾的底色則使水果色相有些許黯然失色运准。確實(shí)具有裝飾圖樣的餐盤單看具有藝術(shù)美感、讓人賞心悅目缭受。
與其說它們是承托菜品的餐盤胁澳,不如說其本身就是一件視覺飽和的藝術(shù)品,所以當(dāng)真的放入菜品時(shí)就宣兵奪主了米者,讓真正應(yīng)該是中心的菜品相形見絀韭畸。
所以如果說用戶拍攝的照片、視頻蔓搞,訴說的故事是繽紛的菜肴胰丁,那作為平臺(tái)和軟件就應(yīng)該盡可能地退居末位到毫無風(fēng)格(甚至拋棄品牌主題藍(lán)色),猶如簡潔到無以復(fù)加的白色餐盤喂分,用最謙卑的狀態(tài)承載最多樣的內(nèi)容锦庸。
這就是所謂的“半滿”設(shè)計(jì)哲學(xué)。一杯滿水蒲祈,容不得更多的東西再加進(jìn)來甘萧,結(jié)局就給定了,包容性收到必然性的限制梆掸。反之扬卷,適當(dāng)?shù)亓舫隹臻g,能在不同場景下酸钦、不同對象角色下碰撞出不一樣的故事怪得。同樣,我們也可以從日本生活哲學(xué)中的“物的八分目”來理解卑硫,物的八分目就是設(shè)計(jì)師在做設(shè)計(jì)時(shí)汇恤,考慮到做所有東西都要把握一個(gè)度,產(chǎn)品不能做太滿拔恰,八分是虛數(shù),只是做到一個(gè)量基括,剩下那個(gè)量是靠用戶颜懊,靠使用的人去填補(bǔ)的,不一樣的人风皿,在不一樣的場景下河爹,這二分目是完全不一樣的。八分目加上二分目桐款,得到十分目咸这,最后產(chǎn)生的故事才是最完整的。
在我看來魔眨,對于一個(gè)主要依賴用戶生成內(nèi)容(UGC)的產(chǎn)品或平臺(tái)媳维,內(nèi)容才是核心酿雪,才是視覺中心,產(chǎn)品(物)和用戶(用戶創(chuàng)造的內(nèi)容)之間不是競爭關(guān)系侄刽,此消彼長指黎,而是包容的有機(jī)關(guān)系,甚至不是二八分的數(shù)學(xué)等式州丹,更是一種化學(xué)作用醋安,一份的合適設(shè)計(jì),不但能吸收九份的內(nèi)容墓毒,更能放大這九份到更多吓揪。
我們可以在Instagram官方博客中看到類似的設(shè)計(jì)初衷:" The simpler design?puts more focus on your photos and videos?without changing how you navigate the app. "
同樣在新上線的產(chǎn)品中我們也可以從不少細(xì)節(jié)里,看到這一設(shè)計(jì)哲學(xué)的外在表現(xiàn):首先所计,頁面控件幾乎都拋棄了過往的主題藍(lán)色(這一舉動(dòng)其實(shí)很大膽柠辞,因?yàn)镮nstagram藍(lán)更多已經(jīng)成為品牌,給用戶留下了很深的印象了醉箕,就如同Airbnb的紅钾腺,Twitter的天藍(lán)一樣),而換成了色彩體系中最中性讥裤、低調(diào)的黑灰白三色系放棒,人們總說黑灰白百搭,其實(shí)本質(zhì)上的原因是它們在所有的顏色(有色相)面前都扮演著襯托己英、承載的白色餐盤作用间螟,點(diǎn)亮的是那些主題色;
其次,由于主題藍(lán)色的消失治拿,過往推送的橙色標(biāo)簽摩泪,也換成了最保守的紅色,一方面是藍(lán)色的消失劫谅,拆散了藍(lán)橙這對天然撞色的組合见坑,再使用橙色就會(huì)些許雞肋,甚至成為白底餐盤中的奪眼花紋捏检;一方面既要做到最退居末位荞驴,又要不失基本功能,基于紅色作為警示和提醒在手機(jī)界面中已是用戶識(shí)別和學(xué)習(xí)成本最低樣式的規(guī)則贯城,最后選用了紅色熊楼;
再有就是具有鏈接的標(biāo)簽字樣顏色也發(fā)生了變化能犯,這一點(diǎn)可能察覺的人不多鲫骗,我們來看一下犬耻,新版本中顏色要比舊版本的更深,更接近藏青挎峦,甚至不注意會(huì)和黑色的正文或用戶名混為一體香追,當(dāng)然這樣做也是基于Instagram長期積累的用戶操作習(xí)慣,用戶已經(jīng)習(xí)慣看到@或#就知道是鏈接了坦胶,所以才敢于進(jìn)一步將內(nèi)容以外所有的元素盡可能地降低它們的視覺地位透典。
用戶創(chuàng)造內(nèi)容(UGC)的平臺(tái)或工具顿苇,所有的設(shè)計(jì)都應(yīng)該圍繞關(guān)注內(nèi)容峭咒、更方便、低成本發(fā)布內(nèi)容纪岁、傳播內(nèi)容凑队、管理內(nèi)容的方式來設(shè)計(jì),而不是在設(shè)計(jì)上過于搶戲幔翰。同樣不光是形式上需要做到這點(diǎn)漩氨,在交互邏輯也是如此:用最低學(xué)習(xí)成本的交互設(shè)計(jì)(也就是不設(shè)計(jì),比如用iOS原生交互和界面樣式的whatsapp和微信)做到退居末位遗增,給用戶使用減少最多的障礙叫惊,換言之也就是留下最多的空間,就是那物的八分目做修。
其實(shí)關(guān)于Instagram具體是否真的如同我上述所寫的哲學(xué)理念做了這次設(shè)計(jì)霍狰,我也不知道,但相信擁有如此龐大用戶體量和流量的產(chǎn)品饰及,作出如此大的設(shè)計(jì)變動(dòng)是有值得我們學(xué)習(xí)和思考的地方的蔗坯,想必一定不是單純的設(shè)計(jì)師沒事干吧。
曾經(jīng)一個(gè)人拿了一杯橙汁燎含,問人家宾濒,這是什么。別人回答:“橙汁屏箍』婷危”
這個(gè)人又拿了一杯油,問人家铣除,這是什么○懈叮回答:“油尚粘。”
于是他又拿了杯可樂敲长,問是什么郎嫁”蹋回答:“可樂≡箢酰”
最后這個(gè)人把杯子倒空尚辑,再問是什么。得到的回答是:“杯子盔腔「懿纾”
而杯子在之前三次都同樣存在,卻不曾被提起弛随。
想必這就是Instagram希望做的事瓢喉。
寫在最后
關(guān)于“半滿”設(shè)計(jì)哲學(xué)的更多理解,我曾經(jīng)也寫過一篇文章“德國和日本的設(shè)計(jì)背后舀透,你不知道的事”栓票,那是在探討德國和日本設(shè)計(jì)中,必然性和偶然性設(shè)計(jì)思想中有所提到愕够,可以作為延伸閱讀走贪。
同時(shí)筆者在國外博文平臺(tái)Medium上,也發(fā)布了這篇文章的英文版 "UGC Product Design Philosophy behind the Great Design Iteration of Instagram"惑芭。