設計 Pinkoi 的幕後花絮 (上) / Behind the Scene: Pinkoi Website Design (I)

日常生活裡,我是個有點散漫的人,常發呆出神、一不小心會睡很多、老是忘記吃飯上廁所、經常找不到手機放在哪裡、停車鎖門後才發現自己忘了熄火、總是在回想剛剛腦子裡浮現的那句話是什麼。

唯獨工作的時候,我其實是個非常囉嗦的人。

從設計理念到最後呈現,我喜歡一一確認每個大方向、每個小細節。於是,我通常是團隊裡那個不停地問問題來審視、分析前進方向的問題兒童,也是那個會瞇起眼睛看著螢幕、然後轉過頭說『這裡好像差了10px』『這裡不增加空白的話,使用者閱讀的時候會不容易快速瀏覽』的煩人傢伙。

Pinkoi 就是在這樣的條件下設計出來的。

 

 

好像是與大王去看了 Zombieland 後的那個月,我正式與2個伙伴編織起 Pinkoi 這個夢想。

囉嗦的傢伙如我,在開始著手前,自然就一定要先把自己腦海裡轉不停的東西傾倒在日誌本上,徹底分析了一遍 Pinkoi 的重點、定位方向、使用者行為模式、購買決策的影響、社群網站使用、台灣使用者網路使用、台灣E-commerce市場現況等,這些對我而言很重要的內容。

(翻出了2010年的日誌本,旁邊果然正粘著 Zombieland 的電影票根,啊哈!)

做完了功課心滿意足之後,與伙伴討論再討論定出了初版的最後方向,我開始著手於 Pinkoi 的資訊架構與互動設計,結合使用者行為分析,定義出一個個的 User Flow 流程規劃圖。這段時間裡,我房間的牆壁上總是有著滿滿的五顏六色的 Post-it 便利貼,記錄著一個個 E-commerce 使用者行為觀察分析。

因為要透過這些使用者行為觀察分析,來設計創造出好的介面與對的使用者體驗,是我最重要的工作。

 

 

當時,我把 Pinkoi 未來的使用者初步分類為3大塊:

  1. 創作與販售作品的設計師
  2. 欣賞並購買設計的購買者
  3. 欣賞而分享設計的分享者

 

針對這3類使用者,我希望 Pinkoi 都能分別提供給他們價值,並滿足他們的使用需求,並透過這3種使用者之間的互動激盪出新的火花。確定了清楚的產品理念後,我也把它們明確的反映在使用者經驗與使用者介面的設計上。

對於〈1. 創作與販售作品的設計師〉而言,我們想要提供一個能讓他們販售作品的空間,無論晴天雨天颱風天,不管從什麼地方,一天24小時都可以販售他們的設計商品、創意商品,讓他們能把從 Pinkoi 上賺取的所得,再回饋到自己的品牌上面,以創造出更多好作品。這是 Pinkoi 所希望創造的正向迴圈。

同時,為了爭取更多讓設計師可以盡情創作的時間,這個上架商品、管理商品、經營商店 (我們稱它為設計館) 的流程必須非常簡單直覺又容易上手,而且設計館裡必須要有能讓設計師與粉絲們互動的功能,像是與 Facebook 粉絲專頁的整合。

然而除了自己的設計館之外,Pinkoi 上也需要其他的功能,讓設計師可以推薦示範他們的商品搭配 (而不只是為求曝光的廣告版面),與抒寫他們的創作理念與背後的小故事 (而不只是反覆出現以疲勞轟炸),以商品的內涵與粉絲深入互動,以品牌精神打動他們。

這二者也正是現在「逛櫥窗」「設計誌」的雛型,不過日後我會再另外寫一篇文章介紹它們。

 

 

但是絕大部分的使用者,應該都屬於〈2. 欣賞並購買設計的購買者〉和〈3.欣賞而分享設計的分享者〉的。其實這二種使用者是有一些難分難捨的。當初會這樣區分,是為了要分析不同類型使用者在 Pinkoi 上的使用情況,進而滿足不同類型的需求。

當初的設想,是購買者通常有經濟能力與固定購物習慣,不一定喜歡逛街/逛購物網站,但喜歡的話多數就會直接買回家,而且大部分有網路購物經驗;分享者在這裡指的是非常喜歡逛街/逛購物網站的一群使用者,他們樂於分享自己的觀點,一但發現好物會推薦給親朋好友,但不一定會自己買回家。

然而,在社群網站像 Facebook 盛行的今天,分享者更有可能會在發現好物之後,從自己的社群網站或部落格推薦給親朋好友,由於 word of mouth 口碑與社交認同的影響,因為看見這些分享者的推薦,而點選買下該商品的潛在購買者與分享者,也更有可能成為我們新的購買者/購買分享者:

購買者在 Pinkoi 買下了自己喜歡的商品,留下了優良的五顆心評價在該商品的頁面上,將會影響其他分享者與購買者對這個商品的觀感;若是此時分享者自己或身邊有人正想要這類型的商品,就會容易啟動分享者的分享機制,在自己的 Facebook 推薦給親朋好友;透過了這個分享者的推薦,又將會打動更多的潛在購買者與分享者,而分享者本人會經過這個「被肯定」的過程獲得成就感。

因為我認為,其實購買商品並不是一個「結束」,透過買下並擁有這個商品,購買者讓這個商品走入了他的生活,或說是跟著他一起生活,於是,從日常生活裡與這一樣商品的互動之中,購買者反而更能體驗到設計者當初創作的心情與背後的故事,這反而更像是另一段旅程的開始。

在 Pinkoi 上的購買者與分享者之間,如果我們能滿足他們的需求,就能劃出他們二者之間的箭頭,讓分享者變為購買者,讓購買者進而成為購買分享者。

而這二種使用者之間有一個共同的特點,就是『喜歡發現/發掘好設計』。

所以,我必須盡可能的增加好設計商品、創意商品與使用者之間的接觸點。

 

 

首先,在傳統 E-commerce 商品分類頁面,要盡可能的提供清楚的分類。

設計上,我利用與 Top Navigation 相同風格的單色圖示來輔助文字說明,幫助使用者初步了解這個分類裡的商品內容,當使用者點選某個分類後,下拉式選單則會秀出更多該分類下的細分項目。透過這個雙層式選單與輔助商品排序,我們可以讓使用者更容易在對的分類裡尋找到自己想要的商品。

但是如果我們只提供傳統瀏覽頁面的話,是絕對不夠的,因為 Pinkoi 上有這麼多的好設計商品,我們必須好好把握,以創造出 1+1 > 2 的契機,所以在買設計下面除了其他的商品瀏覽方式外,我們又另外新增了〈Pinkoi 享生活〉 (而且要感謝 Joyce 跟 Teressa 每期都努力想出不同主題,挑出美麗的商品!)

透過搭配不同風格的設計商品、創意商品,我們讓各有主張的商品們合奏,呈現出各式各樣的使用情境,無論是在個人私密的煮食空間,或是天氣很好一起去野餐等等,〈Pinkoi 享生活〉的設計主題,就是要展現這些美麗的設計商品可以怎麼互相配合、混搭,陪伴著 Pinkoi 的使用者一起生活。

因為我相信讓設計真實的走入生活,就是創造生活美學的起點。

於是在每一期的〈Pinkoi 享生活〉裡,我們挑選並秀出符合該期主題的設計商品、創意商品,然後讓這些商品營造出不同的使用情境。同時,為了讓使用者能更快速方便的了解每樣商品而不用換頁,當滑鼠移到某樣商品上時,會立刻浮現該商品的資料,甚至在那裡就可以選擇直接加入購物車。

 

 

待續 / To be continued: 設計 Pinkoi 的幕後花絮 (下) / Behind the Scene: Pinkoi Website Design (II)

 

(4/26: 補充圖片)

 

Submit a comment

Your email address will not be published. Required fields are marked *