如何打造成功的電商APP應用

 

　　一款糟糕的行動裝置 App設計，能夠毀了一家公司的形象。使用者是很挑剔的，Google的報告表明，當使用者感到一家電商公司的應用很”垃圾”時，有79%的幾率會轉而使用競爭隊友的應用。

　　電商正當紅，移動是趨勢，兩者結合，威力不可小覷。很多品牌，例如說JackThreads，50%的銷售額是在移動端達成的。設計出優秀的電商應用體驗，既能夠愉悅消費者，提高轉化率，也能提高品牌的銷售額。

　　本文，我們從設計的角度來看看優秀的電商應用，應該具備哪些”素質”。

　　1: 清晰的視覺

　　使用高品質且清晰的映像

　　在使用智能手機購物時，最讓人感到惱火的，就是映像不清晰，使用者無法看到商品的細節。因此，商家非常有必要提供高解析度、清晰的映像。安卓和iOS平台現在鼓勵開發人員盡量使用全屏映像。

　　減少雜亂感

　　映像清洗後，就要考慮排布問題了。何處應該成為需要重點突出的視覺焦點，何處做襯托。整體布局要下功夫，這樣整體看起來才不會雜亂，使用者才能高效購物，提高滿意度。

　　上圖的Esty網站，很簡約，不雜亂。

　　反觀Macy，不但視覺風格略有過時，也很亂。

　　妙用關鍵色

　　一點點關鍵色的運用，能夠有效引起行為召喚，提高使用者的購物體驗。

　　JackThreas的安卓應用：紅色是亮點

　　Luvocracy的iPhone應用，利用紅色來引起行為召喚

　　要標清產品的可選項

　　最後，要考慮應該如何把一件產品的細節，詳細的展現給使用者。像尺碼、顏色這種可選項細節，使用者必須能夠輕易的選擇，而且整體不能顯得雜亂。to include all options on the product screen.

　　Zaoois的iPhone應用

　　ModXCloth的iPhone應用

　　有時候，可能所有的可選項都非常重要，你可能想要全部展示，這時候可以利用下拉式功能表，增加空間、減少雜亂感。例如，JackThreads的應用使用了下拉式功能表，讓使用者選擇起來輕鬆自如，而且也不雜亂。

　　2: 直觀的搜尋，高效的瀏覽器過濾

　　提高瀏覽體驗

　　瀏覽這一行為本身不應該是繁瑣的。設計師設計出來的瀏覽模式應該是充滿探索樂趣，使用者便於使用的，讓使用者逐條開啟分類，尋找自己感興趣的商品。ModCloth的做法是，盡量減少導航分類，同時根據使用者瀏覽記錄。

　　提供感興趣的商品。

　　你看，導航選項只有一個”篩選”和一個”最新”

　　傳統的分類方法，雖然所有分類產品一覽無餘，但是細資訊太多，使用者一時半會無法有效篩選，使用者會因此搞不清他們所處的層級。這種”

　　減法設計”解決方案，能夠提供麵包屑式的有效導航，讓使用者知曉目前自己處於分類樹中的哪一部分。

　　搜尋商品

　　如果想要讓使用者高效的搜尋商品，那麼應該為使用者額外提供那些便利?

　　第一種方案是輸入內容時的自動相關提示。

　　第二種方案是提供流行關鍵詞的提示，能讓使用者及時的關注一些熱點產品。

　　Amazon的iPhone應用：自動填寫

　　ModCloth的iPHone應用：最近的流行搜尋

　　利用好首頁的產品滑動展示

　　首頁的滑動欄往往會展示出一些熱點商品和相關的系列產品。

　　除了首頁之外，還可以在某款產品下面使用滑動欄，提供相關產品，提高導航效率。

　　3: 社交分享和點贊

　　“我們希望Fab的使用者能時不時的掏出手機，然後去看看Fab上的熱點是什麼。我們相信，只要使用者能夠喜歡瀏覽Fab的內容，銷售問題也就自然而然的水到渠成了。” — Fab.com的CEO

　　要有自己的社區/小圈子

　　建立一個小社區，這樣使用者就能很方便的分享自己喜歡的東西，這對於電商應用來說，非常重要。Fab.com就做了很多工作來提高商品的分享率。他們是怎麼實現的呢?其實就是添加了一些標籤

　　Fab的iPhone應用

　　ModCloth 經過迭代，提高了其行動裝置 App的分享功能，結果大受歡迎。使用者所照的商品映像可以方便商家與使用者進行有效互動。商家可以展示出使用者的上身圖來促進銷量。鼓勵使用者買下商品後，拍下來，這也是不錯的主意!買家總是容易相信買家的話，如果有圖作為援引，那麼更有信服力了。

　　ModCloth iPhone應用

　　還有一種常見的手法，便是提供收藏標籤，這樣使用者就能在收藏裡面看到自己喜歡的產品了。

　　評價問題

　　網購最大的障礙就是：使用者在購買之前，往往不知道商品的品質如何，是否適合自己。為了提高使用者的信任感，最好鼓勵其他購買過的使用者進行評價。即便不能文字說明，至少也要評分。

　　ModCloth Android應用: 具有深度的評論能夠協助其他買家挑選商品

　　4: 個人化的購物體驗

　　ModCloth:

　　ModCloth 最近在iPhone應用中推出了”Fit for Me”功能，能夠根據使用者的使用記錄，提供一些使用者可能感興趣的商品。

　　ModCloth iPhone應用

　　Amazon 這方面做得也不做，也能基於購買記錄和搜尋記錄推薦相關產品。這樣使用者就能很方便的找到自己感興趣的產品。

　　Amazon的iPhone應用

　　5: 流暢的支付流程

　　網購中，最難的一關可能就是”支付”了。根據Jumio的調查表明，66%的使用者放棄購買商品，是因為支付流程過於繁瑣。而47%的交易失敗，也歸咎於複雜的支付流程。那麼從設計的角度，我們應該怎樣減少交易失敗率呢?

　　讓購物車隨處可達

　　在任何頁面，使用者都應該可以快速抵達購物車頁面。

　　儲存使用者資訊

　　使用者的住址、信用卡密碼等資訊應該可以方便的儲存起來，這樣就能大大額簡化購買支援流程。

　　看看下面Braintree的做法，只需要把信用卡放在手機前方中央，便可以掃出資訊，迅速支付。

　　結論

　　下次在設計電商類行動裝置 App時，就需要考慮到這5點了：

　　1 清晰的視覺傳達

　　2 高效的搜尋和瀏覽體驗

　　3 鼓勵社交分享

　　4 個人化的使用體驗

　　5 簡化支付流程

　　好的電商應用設計，才能有好的轉化率，多向上面的應用學習學習，提高銷售額!