原文作者:Lin Wang
原文地址:UX Magazine
Instagram是一款我(原文作者)經(jīng)常使用的好產品驮审。我用它把我生活中的故事分享給我的朋友以及任何有趣的人。 但是有時候想用一張照片講述一個復雜的故事是個極大的挑戰(zhàn)耻卡。當你在谷歌搜索“如何在Instagram中進行照片拼貼”時返回九百多萬結果也就不奇怪了疯汁。
我注意到很多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當做照相機抚芦,另一些人則還同時把它當成照片編輯app。Instagram 最近已經(jīng)增加了更多得編輯功能特性迈螟,但是拍照的體驗還是很干凈(簡潔)叉抡。我選擇保留這個用戶流,且在編輯模塊中增加我的照片拼貼這個新功能答毫。下圖是整個用戶任務流褥民,其中黃色高亮的部分是我的新功能的主要任務流。
線框圖
下一步是可視化我的新的任務流洗搂。我開始在紙上畫草圖消返。我畫了幾個不同的版本,但是下圖的版本是我認為最有希望的版本耘拇。在進行了快速的可用性測試之后撵颊,我發(fā)現(xiàn)這個版本能使用戶最快、最容易地創(chuàng)建照片拼貼圖惫叛。
下面是基于上面草圖的詳細得線框圖倡勇。我假設在第一次釋放這個功能的時候拼貼圖中最多能放置三張照片是最完美的。因為三張照片能給用戶足夠的靈活性和控制去享受制作和分享照片拼貼圖的過程嘉涌。這只是個假設妻熊,需要進一步更多的測試。我的假設是基于用戶訪談仑最、手機設備的大小限制以及創(chuàng)造有質量內容的容易程度扔役。
原型
我用低保真線框圖對我的同事進行了測試。然后創(chuàng)建了一個快速的高保真原型進行更多的測試警医。這個原型幫助我測試用戶任務流亿胸,并讓我發(fā)現(xiàn)早期階段中的一些錯誤。未來我將進行更多的可用性測試去驗證我的設計。
總結
聲明:我不為Instagram工作也不代表Instagram损敷。我設計這個功能是將其作為一項設計師的挑戰(zhàn)葫笼。作為一位Instagram的熱切用戶,我在做這個項目的時候很愉悅拗馒。希望將來某天我的這個照片拼貼功能能出現(xiàn)在真實的APP中路星。大量的用戶就能在Instagram中創(chuàng)建照片拼貼圖并發(fā)布。我覺得這個功能是有受眾的诱桂。