MUJI APP的產品設計延續了MUJI品牌一貫的簡約風格。各個主要功能模塊均秉承了簡單易用的思路，同時在細節的交互上不乏亮點。

一、體驗環境

• 體驗產品：MUJI passport 1.0.4
• 設備型號：ipone 5C
• 系統環境：iOS 8.4.1

二、需求分析

其實互聯網發展到今天，早已經不是新鮮的概念。上至國際頂級奢侈品，下到火車站旁的服裝檔口，幾乎所有的服裝零售業都已經直接或間接的參與到其中。然而對于大多數傳統的服裝零售業來說，他們對于互聯網的還僅僅還停留在“網上開個店，能賣更多”的印象中。

絕大多數“觸網”的服裝零售業品牌都沒有深入的思考如何處理互聯網與實體的關系，以及如何利用互聯網來倍增原有的優勢，在殘酷的互聯網搏殺中脫穎而出。

MUJI可以說是進行了深入思考的“少數派”。

基于以上來分析，MUJI的商品在拼價格、拼款式的電子商務市場很難有大的作為，做一款以網銷為目的的APP其實意義不大。而MUJI的實體銷售能力很強，用戶身臨高端大氣上檔次的實體店、享受體貼高效的店員服務并觸摸到質感超群的商品時，往往會抑制不住買買買的沖動。所以正確的打開方式應該是圍繞實體店銷售來做文章，由此梳理出APP的核心需求是：吸引用戶、協助到店、促進銷售和培養品牌忠誠度。

三、用戶分析

1、目標用戶：

對MUJI品牌有一定了解或并對生活品質有一定追求的文藝青年、小資和事業有成的中年人群。

2、用戶需求：

• 了解商品信息或折扣信息，看看有沒有合適的；
• 獲取實體店位置，預備需要的時候去購物；
• 沒事或經過的時候閑逛一下；
• 希望買東西的時候可以有點優惠。

3、使用場景：

店外閱讀產品或折扣信息，經過或閑逛的時候簽個到累積點里程，買東西的時候拿出來刷一下獲取里程。

四、APP框架

從APP架構可以看出，APP的整體風格如MUJI的設計一樣比較簡約。下方的主導航欄只放了5個最主要的功能模塊，完全聚焦在4個核心的需求范圍內。而大量的被歸為次要的功能都被隱藏到了漢堡菜單中，非常符合簡約至上的產品設計思路。同時5個導航欄目也不多不少，恰到好處。

但個人覺得，優惠信息應該集成到良品力薦，且應優先展示，即使優惠信息可能不是一直都有。因為用戶往往更關心有沒有什么產品正在打折，其次才是有什么新產品上市。在這點上天貓旗艦店就做的比較到位，進去就是斗大的“SALE”，占了滿滿一屛……

此外，我覺得非常有意思的一點是，APP啟動后最先到達的界面不是第一個導航欄“良品力薦”，而是最后一個導航欄“passport”。這應該由于這個功能使用頻次很高，用戶總是希望能夠了解目前已經積累了多少積分。但是，用戶每次卻只會停留非常短暫的時間，因為功能實在過于單一。所以導航被排列到了最后一個，但是卻在啟動后第一個顯示。

1、各模塊介紹

（1）啟動

啟動頁僅為主色+logo的靜態組合，一如整個APP的設計風格，顯得寧靜淡雅。

啟動之后會首先彈出一個“重要通知”界面，主要提示用戶更換手機會失去相關信息，建議用戶將信息拷貝到郵箱。這應該是因為相關數據都存儲到了手機本地，而沒有與賬號進行關聯，實現云端存儲。

另外， “重要通知”界面在每次APP啟動時都會彈出，非常影響用戶體驗。建議增加拒絕按鈕，用戶點擊后就不再彈出提示，如“我知道了”、“不再顯示”之類。

（2）良品力薦

以產品列表的形式展示了推薦商品的相關信息，包含產品圖片、產品參數和產品介紹，同時可點擊收藏商品。商品使用了非常精美的配圖，同時上下滑動時采用了跳躍式的呈現方式，保證每屏均能呈現一個完整的產品信息，視覺效果較好。

點擊商品圖片或名稱可進入到商品詳情界面，但操作提示不明顯。特別是商品詳情界面的首屏內容居然與商品列表一模一樣，只是第二屏多出了尺寸選擇、顏色選擇和通過網絡商城購入三個項目。這樣一來，用戶甚至有可能不知道界面已經發生了跳轉（我頭幾次進入時就是這樣）。而且，在實際進入購買流程之前就讓用戶選擇尺寸是非常沒有道理的。因此建議將顏色選擇和購買跳轉按鈕集成到商品列表，顏色選擇可以直接在商品圖片下方提供色塊切換，這樣可以方便觀察商品不同顏色時的外觀效果，購買跳轉按鈕可以酌情弱化，畢竟這屬于APP之外的功能，權重不高。

此外，點擊“通過商城購買”是跳轉到官網，而不是更為能被普通網友接受的天貓旗艦店。這應該也是因為線上銷售不是主要需求，而基于品宣角度做出的安排。

（3）搜索

分為搜索商品和搜索店鋪兩個子版塊。

商品搜索從上到下分別是搜索欄和商品類型選擇。用戶可以直接搜索所有類型，或者通過三級分類菜單實現精確搜索。同時，點擊最后一級分類菜單可以直接呈現對應的產品列表，整個流程比較流暢。

同時，搜索欄右側有一個小的掃碼按鈕。用戶點擊后可以掃描店內商品的標簽跳轉到商品詳情界面，方便用戶查看更多的介紹和進行收藏。這塊建議不要放在搜索板塊，因為從使用場景來說，用戶使用搜索功能時一般都是在店外。在店內尋找產品時，用戶會更加傾向自己去逛（實體店真的不大），而掃碼則必須要在店內才能實現。建議將掃碼按鈕放到收藏板塊處，使用場景是用戶在實體店看到心儀的商品，但可能暫時不方便購買，因此通過掃碼的方式進行收藏，提示自己下次購買。

店鋪搜索從上到下分別是搜索框、地圖、附近店鋪和按地區搜索。主要用途是讓用戶找到實體店的位置。

搜索欄沒有做模糊搜索功能，必須精確輸入店鋪名稱，搜索“無印良品”都找不到結果,而且未搜索到結果的提示界面也比較粗糙。建議能增加模糊搜索功能，并優化結果提示UI。

地圖默認顯示用戶當前的位置，用戶產生搜索結果后會直接在地圖上顯示，方便用戶查看。用戶可以點擊撥打店鋪電話進行咨詢，并可以或者使用百度地圖進行路徑規劃。

附近店鋪會直接在地圖上呈現區域內所有的店鋪，直觀的方便用戶選擇。同時下方會按照距離近-遠出現店鋪列表，并告知用戶地理距離。用戶點擊進入店鋪詳情可以點擊撥打電話進行咨詢，或者使用百度地圖規劃前往的路徑，功能比較完善。

地區搜索則是按地區呈現所有的店鋪列表，供用戶了解全國范圍的店鋪分布情況。方便了解外地的店鋪并在可能的出行途中前往。

（4）簽到

簽到作為核心和亮點功能，是吸引用戶到店的重點手段之一。主要是基于物理定位的方式來對用戶到店的行為進行記錄。

當用戶到達店鋪附近時，APP就會給出可供簽到的附近店鋪選項。同時下方有一個搜索輸入框，供用戶找到店鋪。

另外，點擊右上角的簽到冊按鈕，可以查看到簽到的記錄。簽到記錄里面的簽章樣式略有不同，貌似不同的旋轉度表示不同的店鋪，而不同的顏色代表不同的月份。這樣用戶可以一目了然地知道自己在大體什么時間，在什么店鋪進行了簽到。

有幾點建議：簽到結果的店鋪動態，如果沒有發布的話，右側的箭頭icon應該去掉。否則可能會給用戶造成可以點擊的假象，形成無用的操作。

其次，根據設計的重復原則，簽到界面和簽到結果界面的店鋪名稱字號建議統一。

（5）收藏

用戶在商品詳情頁面點擊收藏按鈕，可以將相關商品收藏到此版塊。同時，在收藏版塊中可以選擇收藏列表的排序規則，分別是：收藏日期從早到晚、收藏日期從晚到早和商品類別三種。

此模塊的功能顯得過于單一，僅是對用戶收藏的商品進行單純的呈現，建議能增加更多的功能。比如收藏的商品降價或者活動時，可以進行相關的提示。

另外，點擊收藏時的動效被設計為全屏顯示，而且紅白配色的設計顯得有些刺眼。建議優化為局部的動效設計。

（6）Passport

包含動態、積分信息和條形碼。積分信息是顯示用戶當前的里程、積分和等級，而條形碼是結賬時出示給售貨員產生積分用。動態則與漢堡菜單中的動態重復了，建議可以取消。

另外，還有一個與此模塊有關的隱藏功能：當用戶在任何界面進行橫屏時，界面均會變為會員名片，包含用戶的基本信息和條形碼，以供用戶快速進行結賬。但隱藏的太深，沒有任何提示。特別對于有設置手機橫向搜定的用戶來說，幾乎不可能知道會有這個功能

（7）其他

包含左上角漢堡菜單和右上角消息中心入口。漢堡菜單主要是隱藏起來的低頻次功能，包含個人信息、優惠信息、歷史信息、兌換、使用方法、無印良品的網站和設置/其他。

五、總結和建議

總體來說，MUJI APP的產品設計延續了MUJI品牌一貫的簡約風格。各個主要功能模塊均秉承了簡單易用的思路，同時在細節的交互上不乏亮點。

更重要的是，整個產品戰略層的設計定位可謂匠心獨運，一改商店搬上網的俗套而采用了更加符合品牌定位的深耕線下的思路。采用線上線下相結合的方式，走出了一條特色的道路。

我也曾經思考過電子商務與實體專賣店之間的關系。是否電子商務的興盛一定要以犧牲實體商業的利益為代價。以至于眾多實體商家視網絡為洪水猛獸？以至于專賣店群體關閉的新聞數見不鮮？或許MUJI給出了一個可供思考的方向，采用這種“線上拉客，線下宰客”的方式，或許正可以平衡這種矛盾。

但是，同時也應該認識到，此APP也存在一些問題。特別是運營方面，非常多應有的實體店相關信息為空；與用戶的互動極少；版本相當長時間沒有迭代。這些都制約了產品進一步的發展和狀態，需要予以重視和改進。

作者：迎頭一板磚（微信號wuofpla），野生產品經理，期待與大家共同交流進步。

本文由 @wuofpla原創發布于人人都是產品經理。未經許可，禁止轉載。