從Instagram設(shè)計(jì)大迭代看UGC產(chǎn)品的設(shè)計(jì)哲學(xué)

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)自己的作品甘有。


圖片來自Google


我們可以通過兩個(gè)具體的例子比較來理解廊散,下圖是兩種水果裝盤的圖片:

圖片來自Google


基于上文米其林的例子,你會(huì)發(fā)現(xiàn)白底裝盤的果盤(上左圖)比起藍(lán)色花紋裝盤的果盤(上右圖)梧疲, 更能吸引人的目光聚焦在水果本身:適當(dāng)?shù)牧舭鬃屗蔀橐曈X中心允睹,而裝飾的底色則使水果色相有些許黯然失色运准。確實(shí)具有裝飾圖樣的餐盤單看具有藝術(shù)美感、讓人賞心悅目缭受。


圖片來自Google


與其說它們是承托菜品的餐盤胁澳,不如說其本身就是一件視覺飽和的藝術(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)亮的是那些主題色;


“色彩繽紛的圖片和簡潔素雅的底色界面损肛,又何嘗不是白盤托水果的另一種詮釋”厢破,來自產(chǎn)品截屏界面


其次,由于主題藍(lán)色的消失治拿,過往推送的橙色標(biāo)簽摩泪,也換成了最保守的紅色,一方面是藍(lán)色的消失劫谅,拆散了藍(lán)橙這對天然撞色的組合见坑,再使用橙色就會(huì)些許雞肋,甚至成為白底餐盤中的奪眼花紋捏检;一方面既要做到最退居末位荞驴,又要不失基本功能,基于紅色作為警示和提醒在手機(jī)界面中已是用戶識(shí)別和學(xué)習(xí)成本最低樣式的規(guī)則贯城,最后選用了紅色熊楼;


推送樣式變化,來自產(chǎn)品截屏界面


再有就是具有鏈接的標(biāo)簽字樣顏色也發(fā)生了變化能犯,這一點(diǎn)可能察覺的人不多鲫骗,我們來看一下犬耻,新版本中顏色要比舊版本的更深,更接近藏青挎峦,甚至不注意會(huì)和黑色的正文或用戶名混為一體香追,當(dāng)然這樣做也是基于Instagram長期積累的用戶操作習(xí)慣,用戶已經(jīng)習(xí)慣看到@或#就知道是鏈接了坦胶,所以才敢于進(jìn)一步將內(nèi)容以外所有的元素盡可能地降低它們的視覺地位透典。


標(biāo)簽字樣色彩計(jì)劃的改變,來自產(chǎn)品界面截圖


用戶創(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"惑芭。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末坠狡,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子强衡,更是在濱河造成了極大的恐慌擦秽,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,378評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件漩勤,死亡現(xiàn)場離奇詭異感挥,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)越败,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評論 2 382
  • 文/潘曉璐 我一進(jìn)店門触幼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人究飞,你說我怎么就攤上這事置谦。” “怎么了亿傅?”我有些...
    開封第一講書人閱讀 152,702評論 0 342
  • 文/不壞的土叔 我叫張陵媒峡,是天一觀的道長。 經(jīng)常有香客問我葵擎,道長谅阿,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,259評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮签餐,結(jié)果婚禮上寓涨,老公的妹妹穿的比我還像新娘。我一直安慰自己氯檐,他們只是感情好戒良,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,263評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著冠摄,像睡著了一般糯崎。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上耗拓,一...
    開封第一講書人閱讀 49,036評論 1 285
  • 那天拇颅,我揣著相機(jī)與錄音,去河邊找鬼乔询。 笑死樟插,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的竿刁。 我是一名探鬼主播黄锤,決...
    沈念sama閱讀 38,349評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼食拜!你這毒婦竟也來了鸵熟?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,979評論 0 259
  • 序言:老撾萬榮一對情侶失蹤负甸,失蹤者是張志新(化名)和其女友劉穎流强,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體呻待,經(jīng)...
    沈念sama閱讀 43,469評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡打月,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,938評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了蚕捉。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片奏篙。...
    茶點(diǎn)故事閱讀 38,059評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖迫淹,靈堂內(nèi)的尸體忽然破棺而出秘通,到底是詐尸還是另有隱情,我是刑警寧澤敛熬,帶...
    沈念sama閱讀 33,703評論 4 323
  • 正文 年R本政府宣布肺稀,位于F島的核電站,受9級(jí)特大地震影響应民,放射性物質(zhì)發(fā)生泄漏话原。R本人自食惡果不足惜炸茧,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,257評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望稿静。 院中可真熱鬧,春花似錦辕狰、人聲如沸改备。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽悬钳。三九已至,卻和暖如春偶翅,著一層夾襖步出監(jiān)牢的瞬間默勾,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工聚谁, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留母剥,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,501評論 2 354
  • 正文 我出身青樓形导,卻偏偏與公主長得像环疼,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子朵耕,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,792評論 2 345

推薦閱讀更多精彩內(nèi)容