Instagram是一款我（原文作者）經(jīng)常使用的好產(chǎn)品。我用它把我生活中的故事分享給我的朋友以及任何有趣的人。?但是有時(shí)候想用一張照片講述一個(gè)復(fù)雜的故事是個(gè)極大的挑戰(zhàn)。當(dāng)你在谷歌搜索“如何在Instagram中進(jìn)行照片拼貼”時(shí)返回九百多萬(wàn)結(jié)果也就不奇怪了。

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

為了解決這個(gè)問(wèn)題：讓用戶(hù)能以一種簡(jiǎn)單、簡(jiǎn)潔、美觀的方式一次性分享多張照片，我創(chuàng)建了如下的原型（視頻展示）

下面是我創(chuàng)建這個(gè)原型的過(guò)程：

創(chuàng)建我的原型

作為一項(xiàng)挑戰(zhàn)，為了在Instagram中增加拼圖功能我做了如下工作：研究、構(gòu)思、設(shè)計(jì)框架、創(chuàng)建原型。我同時(shí)作為用戶(hù)研究員，產(chǎn)品設(shè)計(jì)師并且創(chuàng)建人物角色，設(shè)計(jì)用戶(hù)故事（場(chǎng)景）、用戶(hù)任務(wù)流，創(chuàng)建框架圖，交互設(shè)計(jì)，創(chuàng)建原型以及進(jìn)行可用性測(cè)試。

設(shè)計(jì)用戶(hù)故事（場(chǎng)景）

將用戶(hù)故事描述（寫(xiě)）出來(lái)是一種非常有用的獲取產(chǎn)品功能特性的敏捷技術(shù)。這種方法能詳細(xì)描述用戶(hù)能做的事情。下面是針對(duì)我的功能特性的一些用戶(hù)故事設(shè)計(jì)。用戶(hù)能：

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

人物角色

為了試圖理解我為之設(shè)計(jì)的用戶(hù)群體，我創(chuàng)建了一個(gè)人物原型用來(lái)指導(dǎo)我的功能開(kāi)發(fā)，幫助我關(guān)注于我要解決的核心問(wèn)題。這使得設(shè)計(jì)決策更具體，更人性。下面是我為照片拼貼這個(gè)功能所創(chuàng)建的人物角色。讓我們來(lái)了解Lucy吧：

點(diǎn)擊圖片看大圖

用戶(hù)的任務(wù)流

一些人僅僅將Instagram當(dāng)做照相機(jī)，另一些人則還同時(shí)把它當(dāng)成照片編輯app。Instagram 最近已經(jīng)增加了更多得編輯功能特性，但是拍照的體驗(yàn)還是很干凈（簡(jiǎn)潔）。我選擇保留這個(gè)用戶(hù)流，且在編輯模塊中增加我的照片拼貼這個(gè)新功能。下圖是整個(gè)用戶(hù)任務(wù)流，其中黃色高亮的部分是我的新功能的主要任務(wù)流。

點(diǎn)擊圖片看大圖

線框圖

下一步是可視化我的新的任務(wù)流。我開(kāi)始在紙上畫(huà)草圖。我畫(huà)了幾個(gè)不同的版本，但是下圖的版本是我認(rèn)為最有希望的版本。在進(jìn)行了快速的可用性測(cè)試之后，我發(fā)現(xiàn)這個(gè)版本能使用戶(hù)最快、最容易地創(chuàng)建照片拼貼圖。

點(diǎn)擊圖片看大圖

下面是基于上面草圖的詳細(xì)得線框圖。我假設(shè)在第一次釋放這個(gè)功能的時(shí)候拼貼圖中最多能放置三張照片是最完美的。因?yàn)槿龔堈掌芙o用戶(hù)足夠的靈活性和控制去享受制作和分享照片拼貼圖的過(guò)程。這只是個(gè)假設(shè)，需要進(jìn)一步更多的測(cè)試。我的假設(shè)是基于用戶(hù)訪談、手機(jī)設(shè)備的大小限制以及創(chuàng)造有質(zhì)量?jī)?nèi)容的容易程度。

點(diǎn)擊圖片看大圖

原型

我用低保真線框圖對(duì)我的同事進(jìn)行了測(cè)試。然后創(chuàng)建了一個(gè)快速的高保真原型進(jìn)行更多的測(cè)試。這個(gè)原型幫助我測(cè)試用戶(hù)任務(wù)流，并讓我發(fā)現(xiàn)早期階段中的一些錯(cuò)誤。未來(lái)我將進(jìn)行更多的可用性測(cè)試去驗(yàn)證我的設(shè)計(jì)。

總結(jié)

聲明：我不為Instagram工作也不代表Instagram。我設(shè)計(jì)這個(gè)功能是將其作為一項(xiàng)設(shè)計(jì)師的挑戰(zhàn)。作為一位Instagram的熱切用戶(hù)，我在做這個(gè)項(xiàng)目的時(shí)候很愉悅。希望將來(lái)某天我的這個(gè)照片拼貼功能能出現(xiàn)在真實(shí)的APP中。大量的用戶(hù)就能在Instagram中創(chuàng)建照片拼貼圖并發(fā)布。我覺(jué)得這個(gè)功能是有受眾的。

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