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

1 評論 12274 瀏覽 8 收藏 7 分鐘

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

instagram-google-search.png

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

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

下面是我創建這個原型的過程:

創建我的原型

作為一項挑戰,為了在Instagram中增加拼圖功能我做了如下工作:研究、構思、設計框架、創建原型。我同時作為用戶研究員,產品設計師并且創建人物角色,設計用戶故事(場景)、用戶任務流,創建框架圖,交互設計,創建原型以及進行可用性測試。

設計用戶故事(場景)

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

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

人物角色

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

點擊圖片看大圖

instagram-persona.jpeg

用戶的任務流

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

點擊圖片看大圖

instagram-user-flow.png

線框圖

下一步是可視化我的新的任務流。我開始在紙上畫草圖。我畫了幾個不同的版本,但是下圖的版本是我認為最有希望的版本。在進行了快速的可用性測試之后,我發現這個版本能使用戶最快、最容易地創建照片拼貼圖。

點擊圖片看大圖

instagram-sketches.jpeg

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

點擊圖片看大圖

instagram-wireframes.png

原型

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

總結

聲明:我不為Instagram工作也不代表Instagram。我設計這個功能是將其作為一項設計師的挑戰。作為一位Instagram的熱切用戶,我在做這個項目的時候很愉悅。希望將來某天我的這個照片拼貼功能能出現在真實的APP中。大量的用戶就能在Instagram中創建照片拼貼圖并發布。我覺得這個功能是有受眾的。

原文作者:Lin Wang;原文地址:UX Magazine;譯文地址:http://www.jianshu.com/p/77b292519fa4

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!