72 小時內,Facebook將實習生作品變成大家瘋傳的彩虹旗頭貼「CelebratePride」

2015-07-08 15:20

? 人氣

臉書創辦人 Mark Zuckerberg 也換上了彩色的頭貼(圖/Mark Zuckerberg)

臉書創辦人 Mark Zuckerberg 也換上了彩色的頭貼(圖/Mark Zuckerberg)

美國最高法院在6月27日裁定同性婚姻在全美國都是一項合法權益。這當然引發許多慶祝活動,就連白宮也透過燈光將整棟建築物染上彩虹色。其中,在網路上能見度最高的慶祝活動之一,應該就是成千上萬出現在Facebook、套上六色彩虹濾鏡的頭像了吧?不少名人,例如Mark Zuckerberg也響應了這樣的活動,每個人的頭像更新都會伴隨一行預設的字:「Created with facebook.com/celebratepride」。

透過<Google新聞> 追蹤風傳媒

color
白宮也透過燈光將整棟建築物染上彩虹色(圖/angela n.)

Facebook 的團隊最近發表了一篇文章,跟大家分享他們是如何將這個原本誕生自內部駭客松、由兩名實習生做出來的小工具,在 72 小時內變成真正在 Facebook 上線的產品,讓使用者可以用來展現自己對 LGBTQ 社群的支持。這個小產品在週末吸引了全球 2,600 萬名使用者更新了自己的大頭貼,這些照片一共引發了五億次的互動。

72小時

 

The Pride Bridge is back at HQ to celebrate Pride Month!#prideconnectsus (Photo: @nonogogomomo)

A photo posted by Facebook (@facebook) on

其實,這全都是起始於兩位實習生 Austin Freel 和 Scott Buckfelder 在一場內部駭客松發想出來的濾鏡工具,設計靈感來自於 Facebook 位於 Menlo Park 園區內的大型彩虹旗,並且運用公司既有的程式碼做出疊加在照片之上的彩虹旗濾鏡,結果這個小工具相當受到員工的歡迎,而且大家很有興趣把它發展成真正的產品,分享給全球使用者。這樣一來,團隊會需要更多成員,例如設計師和產品經理的加入。

這項專案在一開始就被設定只要花很短的時間做出來,因為當一小群人在週二早上聚在一起討論時發現,如果要趕在週末各種 Pride 活動之前完成,甚至在週五就做出來(他們也預料到裁決應該在週末之前就會宣布),那麼剩下來的時間其實很少,大約只有三天。

簡單,不簡單

首先,要讓大家很容易就可以透過這個工具秀出他們對 LGBTQ 社群的支持,介面必須非常簡單,還要能夠及時體驗他的效果。

color
製作彩色頭貼的應用程式(圖/Facebook)

於是 Celebrate Pride 成了一個網頁,畫面中央,在彩虹濾鏡底下,載入的就是使用者目前在 Facebook 的頭像照片,讓大家知道完成後的樣子。底下有一個文字框讓大家輸入想說的話,上頭的預設值是:「Created with facebook.com/celebratepride」,最後按下那個藍色的按鈕,就大功告成啦。

當然,那張頭像並不是「真正」的完成品。為了使用者體驗,必須很快地載入頁面,於是團隊先用 CSS 做出最後的效果,並不是照片真的套上濾鏡,真的套上濾鏡的步驟要等到使用者按下更新頭像後才會開始,這樣一來整個預覽過程花費的資源會少很多。

關鍵字:
風傳媒歡迎各界分享發聲,來稿請寄至 [email protected]

本週最多人贊助文章