Instagram是怎么火起來的,？

“應(yīng)該沒有人會(huì)預(yù)料 Instagram 會(huì)這么成功吧,？” CNN 高級科技編輯 Laurie Segall 說。作為一個(gè)社交平臺(tái),，沒有多元的功能,，僅以分享圖像，每月卻能擁有10億的活躍用戶,。

Ian Spalter 是硅谷的一位大人物,，Instagram 的設(shè)計(jì)總監(jiān),，他是這場奇跡的創(chuàng)造者之一,，全球有七分之一的人都在使用他監(jiān)管的產(chǎn)品,。

連 Instagram 創(chuàng)始人之一的 Kevin Systrom 都認(rèn)為：“我不能想象沒有 Spalter 的 Instagram，他對工藝設(shè)計(jì)的迷戀,，讓我知道他是引領(lǐng)設(shè)計(jì)的人,。”

在硅谷這樣一個(gè)反復(fù)迭代,，預(yù)測未來趨勢,、觀察新發(fā)明，用數(shù)據(jù)趨勢反映需求的地方,，Spalter 對人性的洞察讓他走著不一樣的道路,。

“他是第一個(gè)將設(shè)計(jì)融入業(yè)務(wù)流程、創(chuàng)意流程,、產(chǎn)品流程等各個(gè)層次的人,。” 美國科技雜志《Wired》資深作家 Robbie Gonzalez 說,。

這也是《抽象的藝術(shù)第二季》第五集中,，Ian Spalter 想要告訴我們的,，設(shè)計(jì)師考慮的不是如何做界面設(shè)計(jì)，而是如何通過設(shè)計(jì)打造一款產(chǎn)品，這關(guān)乎整體產(chǎn)品戰(zhàn)略,，里面包含了用戶對世界的期待,。

01

設(shè)計(jì)無處不在

每件產(chǎn)品都有UI、UX

“設(shè)計(jì)存在的目的是幫助使用者完成任務(wù),。每件我們使用的產(chǎn)品,，都是經(jīng)過設(shè)計(jì)的，都有 UX（用戶體驗(yàn)）以及 UI（界面設(shè)計(jì)）,，區(qū)別在于設(shè)計(jì)得有多好而已,。” Spalter 說道,。

比如：為了協(xié)助用戶簡單完成煮食任務(wù),，所以爐子的 UI 非常簡潔，僅靠“轉(zhuǎn)動(dòng)“控制開關(guān)以及火勢大小,。

進(jìn)一步思考的話,，在完成任務(wù)的基礎(chǔ)上,，如何能讓設(shè)計(jì)變得更好？

比如：設(shè)計(jì)師在烤面包機(jī)上添加“再烤一下（A Bit More）”按鈕,，考慮使用情景中出現(xiàn)的需求,，為用戶增加有意義的選項(xiàng)，增加使用時(shí)的“愉悅感”,。

但是,，為產(chǎn)品增加一個(gè)按鈕,，并不是一個(gè)簡單的決定，這是需要成本的,。作為設(shè)計(jì)總監(jiān)的 Spalter ,，他也時(shí)常在思考“這真的是人們會(huì)用的功能嗎？”

這個(gè)問題的答案并不在于當(dāng)下的選擇,，而是考慮在條件和使用情景下,，用戶的完整體驗(yàn)。這個(gè)功能是否能在條件的限制下,，讓任務(wù)盡可能簡單和愉快,。

02

Instagram 品牌重塑：

如何利用產(chǎn)品思維

讓設(shè)計(jì)變得有趣

真正讓 Instagram 火起來，是在 2016 年,，Spalter 重新設(shè)計(jì)了品牌 logo 與應(yīng)用程序,，這也是他在 Ins 的第一項(xiàng)工作,。

他的核心理念是以產(chǎn)品思維融入設(shè)計(jì)流程當(dāng)中,，讓設(shè)計(jì)變得有趣。那他是怎么做的,？

Step 1 定義問題：為什么而做,？解決的問題是什么？

界面繁雜且不美觀：經(jīng)過數(shù)年的產(chǎn)品會(huì)有長期累積下來的功能,，繁雜且維護(hù)成本高,。

扁平化 logo 盛行：從 ios7（2007） 發(fā)布以來，幾乎所有品牌都將應(yīng)用程序的 logo 改為扁平化設(shè)計(jì),。經(jīng)過9年的觀察,，Instagram 意識(shí)到時(shí)代已經(jīng)開始變化了。

而接下來的目標(biāo),，就是現(xiàn)代化（modernize）既有產(chǎn)品,。

Step 2 怎么做：退一步觀察,，現(xiàn)在有什么？

作為設(shè)計(jì)師角度：

圓形的外框,，具有糖果感的鏡頭,；猶如泰迪熊的棕色調(diào)；象征愛的彩虹

那么，作為使用者的角度,，什么才是最深刻的？

為了找到答案,，Spalter 進(jìn)行了一個(gè) 10 秒實(shí)驗(yàn),。他將會(huì)議室的窗戶都涂黑，在無外界因素影響的情況下,，讓組員憑直覺在 10 秒內(nèi)畫出 Instagram Logo,，發(fā)現(xiàn)人們的印象點(diǎn)是：彩虹、相機(jī),。

10s 內(nèi)畫的 Instagram logo,，雖然各不一樣,，但人們的印象卻是相似的

Step 3 怎么做：回歸到基本的探索

確定視覺的核心元素后，團(tuán)隊(duì)開始探索新的品牌 logo 形狀。

從常規(guī)的“平整化”操作開始設(shè)計(jì),，但發(fā)現(xiàn)并沒有解決繁雜的問題,。

于是他們回歸到基礎(chǔ)上,，描繪所有可能的圖形，試圖找出合適的實(shí)際形狀,。

通過快速地瀏覽,，找到有趣的地方,，聚焦令人印象深刻的東西，確定基本形狀,，而不是一堆圖案混合的形狀,。

Step 4 怎么做：如何找顏色,？

彩虹是核心的元素,，但如何應(yīng)用到新的品牌logo上？

在顏色的探索上,，從舊 logo 上提取純色開始,，嘗試多種不同的顏色搭配，最后選擇用混合漸變色,，來代表“真正的彩虹”,。

Step 5 怎么做：去繁雜,，聚焦核心

最后一步是上色調(diào)整?！爱?dāng)上色后的圖像形狀比背景顏色還要復(fù)雜時(shí),，那要不就是沖突了，要不就是做多了,?！?Spalter 說道

最適合的品牌 logo，在于能否一眼傳達(dá)品牌概念,。

回想整個(gè)設(shè)計(jì)的過程,，Spalter 一直都在做減法，找到用戶對于品牌的核心印象以及內(nèi)心的期待,，以品牌的視覺識(shí)別回應(yīng),。

為此他們還特意拍了一個(gè)視頻，講述這次重塑的過程,。

03

外界不會(huì)知道設(shè)計(jì)的背后

但體驗(yàn)感卻能讓他們理解設(shè)計(jì)

2016年5月11日,，在品牌新 logo 上線的同時(shí),，卻讓 Instagram 受到無數(shù)的輿論攻擊。

一上線就被抨擊，甚至被廣告周刊媒體 《Adweek》 不留情面地說“可以換回去嗎,？”

網(wǎng)友們還特地制作了一個(gè) gif,，為的就是嘲笑這看起來很簡單的漸變色,。

結(jié)果在四年間，用戶數(shù)量從幾億用戶增長至十多億,，間接證明了 Spalter 的設(shè)計(jì)其實(shí)是成功的,。

除了重新設(shè)計(jì)品牌 logo 外,，Spalter 還改造了應(yīng)用程序本身。

去繁雜,，刪除頁面所有不必要的元素,，例如顏色。

把最基本的功能元件留下來,，讓視覺可以專注在照片本身 — 也就是 Instagram 最大的產(chǎn)品價(jià)值。

重新思考每個(gè)步驟的手勢交互方式，給人們帶來的感受,。

現(xiàn)在的使用者因?yàn)槭煜じ鞣N app 的操作,，對于互動(dòng)之后的回饋有更高層次的需求,，每個(gè)細(xì)微的差別、不合適的設(shè)置都會(huì)讓產(chǎn)生用戶有種不真實(shí)的虛擬感,。

舉個(gè)例子,，限時(shí)動(dòng)態(tài)中的轉(zhuǎn)場，為什么是滑動(dòng),，而不是直接切掉,？

就像電影的突然切換,、刮出、淡出的方式,，不同的轉(zhuǎn)場,，都會(huì)帶給觀眾不一樣的感受。

每個(gè)細(xì)微的操作都會(huì)堆砌成用戶的體驗(yàn)感知，是否能讓用戶獲得正確的感受,，這需要設(shè)計(jì)師必須從更細(xì)微處去思考,。

因此，在 Instagram,，設(shè)計(jì)師被稱為是產(chǎn)品設(shè)計(jì)師,，Spalter 要求團(tuán)隊(duì)制作高擬真原型，因?yàn)樵S多互動(dòng)體驗(yàn)的小瞬間無法透過螢?zāi)簧系撵o態(tài)頁面?zhèn)鬟_(dá)給使用者,。

04

對人性的洞察

在于你如何吸收能量

Spalter 的靈感來源于到世界各地出差，身為設(shè)計(jì)師,，他會(huì)留意不同的細(xì)節(jié),，看看別人是如何解決問題，這讓他有一個(gè)全新的視覺,，去發(fā)現(xiàn)世界的不同,。

比如：如何設(shè)計(jì)店鋪卷軸會(huì)更有趣；

如何設(shè)計(jì)水溝蓋會(huì)讓人停下腳步；

如何設(shè)計(jì)信箱會(huì)讓路人感到心情愉快…….

對 Spalter 來說,，職業(yè)生涯中最重要的影響,，并不是天賦或是努力，而是在這一路上支持他的人,。

因?yàn)榘l(fā)現(xiàn) Spalter 從小就對任何關(guān)于技術(shù)的東西感興趣,，所以父母在小學(xué)六年級就給他買了人生的第一臺(tái)電腦，這使他開啟了對創(chuàng)造的欲望,。

只要用心觀察,，生活處處都可成為吸收的能量,。

因?yàn)橄矚g看喜劇，他發(fā)現(xiàn)單口喜劇演員跟設(shè)計(jì)師的類似性,，喜劇演員一個(gè)晚上會(huì)在各個(gè)不同的場地說相同的段子,，透過現(xiàn)場的笑聲得到可測量的回饋，進(jìn)而微調(diào)段子試圖讓下一場表演更好笑,。

如果將喜劇理論放在設(shè)計(jì)流程下,，尋找特定觀眾人群,，測試特定的功能，并以數(shù)據(jù)反饋,，作出調(diào)整改變,。

但與數(shù)據(jù)反饋相比,，Spalter 認(rèn)為持續(xù)與使用者交流顯得更重要。

這也是 Spalter 喜歡旅行時(shí)乘坐公共交通的原因,，除了觀察人們的生活習(xí)慣外,，了解不同地區(qū)的人們是如何使用 Instagram，發(fā)現(xiàn)人們在使用工具時(shí),，意想不到的遵循模式,。

05

設(shè)計(jì)與科技

將會(huì)如何影響我們,？

“他的工作影響了許多人，這是事實(shí),，但我要是想到這一點(diǎn),，會(huì)感到害怕?！?Spalter 的父親說道,。

最近 Spalter 與團(tuán)隊(duì)在重新設(shè)計(jì) Instagram 個(gè)人簡介頁面，針對追蹤人數(shù)的數(shù)字,，他們考慮將數(shù)字縮小并排列到更下方,，將數(shù)字的視覺階層降低。但同樣迎來了激烈的討論,。

為什么,？這樣的變化很重要嗎,？

隨即 CNN 高級科技編輯 Laurie Segall 作出了解答：

粉絲追蹤數(shù),，這種虛榮指標(biāo)（vanity metrics）會(huì)造成社會(huì)壓力，進(jìn)而導(dǎo)致自我價(jià)值低落,。

正如 Spalter 說到：“當(dāng)你設(shè)計(jì)的產(chǎn)品關(guān)乎到世界上十億人時(shí),，必須將格局放得再大一點(diǎn),，畢竟你所做的任何決策都可能形塑文化價(jià)值?！?/p>

發(fā)明無限滾屏的設(shè)計(jì)大師 Aza Raskin 也有這樣的看法：

身為設(shè)計(jì)師,，為了符合使用者的需求（感到無聊所以下滑）而設(shè)計(jì)無限滾動(dòng)是必然的，但是因此浪費(fèi)掉全人類無數(shù)小時(shí)的寶貴時(shí)間只為滑手機(jī),，這真的是好事嗎,？

科技的發(fā)展,，工具的改變，確實(shí)潛移默化地影響我們,，現(xiàn)在僅僅只是開端,。而 instagram 最大的挑戰(zhàn)，就是如何保持原樣 — 持續(xù)關(guān)注人們對圖像的需求上,。

這也是我想要推薦大家觀看的原因：

作為設(shè)計(jì)師的我們需要考慮到科技與社會(huì)的互動(dòng),，設(shè)定新的期待與社會(huì)標(biāo)準(zhǔn)。因?yàn)槲覀兗缲?fù)的,，是人們對世界的期待,。

在紀(jì)錄片的最后,，Spalter 問了一個(gè)問題：“擁有這些設(shè)備 ,，對我們來說又有什么意義？”

我們被大量的信息浸沒,，有時(shí)候也忘記了我們?yōu)槭裁葱枰?。但我想，最初的目的都是能更好地體驗(yàn)這個(gè)世界,。

當(dāng)你對生活感到疑惑,、創(chuàng)作沒有靈感時(shí)，不妨放下手機(jī),，感受世界的變化,，就像 Spalter 在結(jié)尾所說的：

最后,，Spalter 卸任了Instagram 總部的設(shè)計(jì)總監(jiān)，到日本帶領(lǐng)一個(gè)新的 Instagram 團(tuán)隊(duì),，而正在進(jìn)行的個(gè)人簡介更新,，最終未能在近期推出。

注意：本文含有投票，請到設(shè)計(jì)癖官網(wǎng)（shejipi.com）參加投票,。