接著上一篇《產(chǎn)品原型設(shè)計之交互體驗的思考過程（一）》，這篇主要針對微記第二版的原型設(shè)計調(diào)整的思考過程作一下詳細的說明。

下面這張是最初微記原型的設(shè)計稿

說明一下第一版存在問題，以及是怎么發(fā)現(xiàn)的。

一開始還是針對每一篇微記設(shè)計開始說，微記設(shè)計共有三種形式

• 圖片+文字
• 純圖片
• 純文字

對于圖片+文字

第二版的設(shè)計結(jié)構(gòu)是 ?第一部分【用戶頭像、昵稱、發(fā)表時間、點贊】+第二部分【圖片】+第三部分【標(biāo)題文字內(nèi)容】

對于第一部分和第三部分，基本沒有什么問題，主要針對第二部分，多照片的展示設(shè)計

現(xiàn)在的展示方式，優(yōu)先展示用戶選擇的第一個照片，其余照片集中放在左上角，原則上是沒有什么問題，但是給人的視覺太擁擠，沒有一張圖片是完整展示的，一張照片沒有問題，但是一旦照片多了，就會遮擋第一張照片，造成視覺困擾。所以我決定將這塊部分改一改。

首先，打破第二、三、四…圖片放在第一張上的設(shè)計形式，希望所有圖片統(tǒng)一大小展示或者相互之間不干擾，一開始，我是選擇了使其圖片統(tǒng)一大小展示，然后將第二部分位置相對寬度增加了一些，使其看起來比第一和第三部分寬一些，重點突出第二部分。

下面是我修改之后微記（圖片+文字）的原型設(shè)計稿

羅馬不是一天建成的。當(dāng)然，設(shè)計稿也不是一兩次就可以定稿的，修改之后，設(shè)計方面沒有問題，但是交互卻有些別扭。讓用戶在上下滑動，然后時不時的左右滑動查看圖片，并不能方便用戶查看微記，用戶體驗并不流暢。

于是，還是選擇用戶與圖片之間采用點擊的響應(yīng)方式，但是要使他們之間相互不干擾。

下面是我再次修改之后微記（圖片+文字）的原型設(shè)計稿，已經(jīng)定稿

下面是微記純圖片和純文字的原型設(shè)計，還有到目前為止微記功能界面的原型設(shè)計稿

當(dāng)時拿著這一版給一些用戶做測試的時候，明顯較比前一版本用戶體驗流暢許多，但是也仍然存在著一些預(yù)期沒有想到的問題。為了讓大家了解，我后面微記調(diào)整的一些方法以及原因。我在這里把目前這稿的問題說一下：

• No.1：日歷圖標(biāo)，大部分用戶并沒有點擊，然大部分用戶沒有點擊的原因，是以為“這只是個圖片而已，并不具有交互功能”；
• No.2：前一天和后一天，有一些用戶表示，自己能看的內(nèi)容可能有限（用戶多了，自然內(nèi)容會增加，這點并沒有做太多的考慮）

針對第一個（No.1）的原因，我將日歷圖標(biāo)放在了“添加微記”的上面，在這里說明一下，考慮到兩個圖標(biāo)比較多，可能會影響到用戶瀏覽微記，所以這兩個圖標(biāo)的交互動作，當(dāng)用戶向上滑動屏幕瀏覽時，兩個圖標(biāo)消失，當(dāng)用戶停住或者向上滑動時，兩個圖標(biāo)出現(xiàn)。

下面就是我修改之后的微記原型設(shè)計稿

這樣就很好的解決了“用戶認為日歷只是一個圖片的圖片”，這樣設(shè)計，“日歷”交互功能顯而易見，也更加方便用戶查看點擊。

現(xiàn)在整體微記的設(shè)計是沒有問題的，那就要進行更深入的思考，從整體功能性考慮，日歷圖標(biāo)的出現(xiàn)和我將微記展現(xiàn)形式用“昨天、今天、明天”的形式呈現(xiàn)，是否功能方面有些沖突。兩者的存在意義是否有點相同。

我有在《麥粒-其產(chǎn)品原型設(shè)計的交互思考過程（一）》中說過：微記，通過圖片和文字為家庭成員記錄他們每一刻、每一天的生活點滴，創(chuàng)造全家人的共享記憶。而日歷的功能其實已經(jīng)滿足用戶用“天”的方式來查看微記，“昨天、今天、明天”的設(shè)計形式，似乎顯得多此一舉。而且如果去掉可以使用戶可瀏覽的內(nèi)容增多，所以我決定放棄之前的設(shè)計方式。

我便直接將其去掉，原型設(shè)計稿如下圖所示：

最后，產(chǎn)品經(jīng)理希望用戶可以隨時發(fā)表微記，而不是只在一個功能界面，于是我將導(dǎo)航移動到界面的底部，將“添加微記”放在了中間位置。

設(shè)計稿如下：

我從第一版的設(shè)計到現(xiàn)在最后定稿的原型，給大家展示一下，方便大家從整體、從細節(jié)查看其中的變化與思考過程：

這只是產(chǎn)品其中的一個功能界面而已。之后我會繼續(xù)更新更多文章或者作品…

作者：大圣（微信號wzydml），交互設(shè)計師。

本文由 @大圣 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。