案例分析——為Instagram設計照片拼貼的功能

原文作者:Lin Wang

原文地址:UX Magazine

i-love-you-instagram-banner.png

Instagram是一款我(原文作者)經(jīng)常使用的好產品驮审。我用它把我生活中的故事分享給我的朋友以及任何有趣的人。 但是有時候想用一張照片講述一個復雜的故事是個極大的挑戰(zhàn)耻卡。當你在谷歌搜索“如何在Instagram中進行照片拼貼”時返回九百多萬結果也就不奇怪了疯汁。

instagram-google-search.png

我注意到很多Intagram用戶發(fā)一些拼貼照片——即將多張照片以藝術的形式進行重新排列,這種排列方式經(jīng)常能描述一個小故事劲赠。但是為了在Instagram發(fā)這些拼貼圖他們必須使用第三方軟件涛目,這些第三方軟件往往不能提供和Instagram一樣的用戶體驗(它們常常很粗糙)。

為了解決這個問題:讓用戶能以一種簡單凛澎、簡潔霹肝、美觀的方式一次性分享多張照片,我創(chuàng)建了如下的原型(視頻展示)

下面是我創(chuàng)建這個原型的過程:

創(chuàng)建我的原型

作為一項挑戰(zhàn)塑煎,為了在Instagram中增加拼圖功能我做了如下工作:研究沫换、構思、設計框架最铁、創(chuàng)建原型讯赏。我同時作為用戶研究員,產品設計師并且創(chuàng)建人物角色冷尉,設計用戶故事(場景)漱挎、用戶任務流,創(chuàng)建框架圖雀哨,交互設計磕谅,創(chuàng)建原型以及進行可用性測試私爷。

設計用戶故事(場景)

將用戶故事描述(寫)出來是一種非常有用的獲取產品功能特性的敏捷技術。這種方法能詳細描述用戶能做的事情膊夹。下面是針對我的功能特性的一些用戶故事設計衬浑。用戶能:

  • 選擇多個圖片,使用它們創(chuàng)建照片拼貼圖放刨。
  • 在拼貼圖中編輯照片工秩。
  • 選擇照片拼貼模板
  • 重新安排、替代拼貼圖中的照片
  • 瀏覽拼貼圖
  • 取消創(chuàng)建拼貼圖
  • 在拼貼圖中增加主題
  • 增加地理位置
  • 為貼圖照片中的人增加標簽
  • 分享拼貼圖

人物角色

為了試圖理解我為之設計的用戶群體进统,我創(chuàng)建了一個人物原型用來指導我的功能開發(fā)助币,幫助我關注于我要解決的核心問題。這使得設計決策更具體麻昼,更人性奠支。下面是我為照片拼貼這個功能所創(chuàng)建的人物角色馋辈。讓我們來了解Lucy吧:

instagram-persona.jpeg

用戶的任務流

一些人僅僅將Instagram當做照相機抚芦,另一些人則還同時把它當成照片編輯app。Instagram 最近已經(jīng)增加了更多得編輯功能特性迈螟,但是拍照的體驗還是很干凈(簡潔)叉抡。我選擇保留這個用戶流,且在編輯模塊中增加我的照片拼貼這個新功能答毫。下圖是整個用戶任務流褥民,其中黃色高亮的部分是我的新功能的主要任務流。

instagram-user-flow.png

線框圖

下一步是可視化我的新的任務流洗搂。我開始在紙上畫草圖消返。我畫了幾個不同的版本,但是下圖的版本是我認為最有希望的版本耘拇。在進行了快速的可用性測試之后撵颊,我發(fā)現(xiàn)這個版本能使用戶最快、最容易地創(chuàng)建照片拼貼圖惫叛。

instagram-sketches.jpeg

下面是基于上面草圖的詳細得線框圖倡勇。我假設在第一次釋放這個功能的時候拼貼圖中最多能放置三張照片是最完美的。因為三張照片能給用戶足夠的靈活性和控制去享受制作和分享照片拼貼圖的過程嘉涌。這只是個假設妻熊,需要進一步更多的測試。我的假設是基于用戶訪談仑最、手機設備的大小限制以及創(chuàng)造有質量內容的容易程度扔役。

instagram-wireframes.png

原型

我用低保真線框圖對我的同事進行了測試。然后創(chuàng)建了一個快速的高保真原型進行更多的測試警医。這個原型幫助我測試用戶任務流亿胸,并讓我發(fā)現(xiàn)早期階段中的一些錯誤。未來我將進行更多的可用性測試去驗證我的設計。

總結

聲明:我不為Instagram工作也不代表Instagram损敷。我設計這個功能是將其作為一項設計師的挑戰(zhàn)葫笼。作為一位Instagram的熱切用戶,我在做這個項目的時候很愉悅拗馒。希望將來某天我的這個照片拼貼功能能出現(xiàn)在真實的APP中路星。大量的用戶就能在Instagram中創(chuàng)建照片拼貼圖并發(fā)布。我覺得這個功能是有受眾的诱桂。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末洋丐,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子挥等,更是在濱河造成了極大的恐慌友绝,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,000評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件肝劲,死亡現(xiàn)場離奇詭異迁客,居然都是意外死亡,警方通過查閱死者的電腦和手機辞槐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,745評論 3 399
  • 文/潘曉璐 我一進店門掷漱,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人榄檬,你說我怎么就攤上這事卜范。” “怎么了鹿榜?”我有些...
    開封第一講書人閱讀 168,561評論 0 360
  • 文/不壞的土叔 我叫張陵海雪,是天一觀的道長。 經(jīng)常有香客問我舱殿,道長奥裸,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,782評論 1 298
  • 正文 為了忘掉前任怀薛,我火速辦了婚禮刺彩,結果婚禮上,老公的妹妹穿的比我還像新娘枝恋。我一直安慰自己创倔,他們只是感情好,可當我...
    茶點故事閱讀 68,798評論 6 397
  • 文/花漫 我一把揭開白布焚碌。 她就那樣靜靜地躺著畦攘,像睡著了一般。 火紅的嫁衣襯著肌膚如雪十电。 梳的紋絲不亂的頭發(fā)上知押,一...
    開封第一講書人閱讀 52,394評論 1 310
  • 那天叹螟,我揣著相機與錄音,去河邊找鬼台盯。 笑死罢绽,一個胖子當著我的面吹牛,可吹牛的內容都是我干的静盅。 我是一名探鬼主播良价,決...
    沈念sama閱讀 40,952評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼蒿叠!你這毒婦竟也來了明垢?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,852評論 0 276
  • 序言:老撾萬榮一對情侶失蹤市咽,失蹤者是張志新(化名)和其女友劉穎痊银,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體施绎,經(jīng)...
    沈念sama閱讀 46,409評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡溯革,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,483評論 3 341
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了粘姜。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鬓照。...
    茶點故事閱讀 40,615評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖孤紧,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情拒秘,我是刑警寧澤号显,帶...
    沈念sama閱讀 36,303評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站躺酒,受9級特大地震影響押蚤,放射性物質發(fā)生泄漏。R本人自食惡果不足惜羹应,卻給世界環(huán)境...
    茶點故事閱讀 41,979評論 3 334
  • 文/蒙蒙 一揽碘、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧园匹,春花似錦雳刺、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,470評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至供汛,卻和暖如春枪汪,著一層夾襖步出監(jiān)牢的瞬間涌穆,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,571評論 1 272
  • 我被黑心中介騙來泰國打工雀久, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留宿稀,地道東北人。 一個月前我還...
    沈念sama閱讀 49,041評論 3 377
  • 正文 我出身青樓赖捌,卻偏偏與公主長得像原叮,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子巡蘸,可洞房花燭夜當晚...
    茶點故事閱讀 45,630評論 2 359

推薦閱讀更多精彩內容