• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】9招教你如何設計一款電商APP圖標




    9招教你如何設計一款電商APP圖標

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自優設的設計理論類文章,寫教學的作者是快鯉魚,感謝快鯉魚提供設計理論的實作教學。

    教學大綱:

    是我們幫Vinted重新設計了移動應用,實現了使用量170%的增長,下面是我們在這個過程中學到的9條經驗。


    設計理論教學開始

    移動產品設計社區Lemon Labs的聯合創始人和CEO Tomas Dirvonskas發布文章,通過一個案例分享了他關於重新設計一款電商應用的體會,文章如下:

    近日一家名為Vinted的創業公司成功從Insight Venture Partners風投那裡獲得了2700萬美元的融資,這家公司是面向女性用戶的二手衣服交換和買賣在線市場。一年之前,他們還完全沒有移動端的訪問,但是現在App訪問量已經佔到了全部的50%。

    是我們幫Vinted重新設計了移動應用,實現了使用量170%的增長,下面是我們在這個過程中學到的9條經驗:

    1. 對於要顯示的信息考慮好清晰的優先級

    如果只能給出一條建議,那就是這條。比如我們重新設計了Vinted的用戶頁面,因為這款產品是關於服裝和時尚的,所以用戶信息中最重要的信息是服裝,要把他們放在最前面。其他的信息要簡化。這樣做會加強用戶體驗,讓用戶關注主要內容,用戶關注的越多,進行交易的可能性就越高。

    2. 交易按鈕要總在屏幕顯示之上

    交易按鈕要總保持在屏幕的可見範圍之內,甚至可以設計成紅色或綠色等醒目的顏色,不要誇張到干擾了用戶體驗就好。之前的設計直接把交易按鈕放在了產品圖片的下面,而我們把按鈕添加到了工具欄中,這樣用戶在瀏覽頁面時,可以隨時點擊頂部下單。

    3. 內容容易接觸,步驟簡單

    在重新設計產品目錄的時候,我們考慮到了這點,但是這條建議實際上可以應該到所有的地方。用戶才不關心你的目錄設計的多麼巧妙,他們只想要更簡單的找到產品。之前Vinted的目錄有6個層次,現在被減少到2層。

    4. 在移動端要使用聊天的方式溝通

    9招教你如何設計一款電商APP圖標

    郵件的通信方式對於移動端來說,很不合適,聊天就要自然的多。對於電子商務網站,商家很有必要跟用戶進行溝通,這樣可以減少交易時間。

    5. 註冊頁面要短

    當你看到一個很長的註冊頁面時,用戶會感到厭倦和難以忍受。不要在註冊的時候問太多的問題,先把用戶拉進來再說。

    6. 內容為先,描述次之

    我們發現應用上的內容越多,交易也就越多。所以要鼓勵用戶上傳自己的東西,可以先上傳圖片,再進行描述,而不是反向的程序。

    7.對於iOS應用來說,左邊是導航,右邊是交易

    對於iOS應用導航按鈕總是出現在左上角,這個已經習慣了。但是右邊的設計,不要堆積很多功能,要儘可能簡單明了。

    8. 心要比星好

    如果你的應用現在允許用戶為自己喜歡的東西打星,那麼改用心形圖吧。這個改變讓這個功能的使用量增加了10倍。實際上,我們是從Airbnb那裡學到的這個經驗。

    9. 為設計流程寫文檔

    9招教你如何設計一款電商APP圖標

    Vinted應用會有超過90個頁面,如何才能對這些內容充分進行溝通,需要一個很好的文檔系統。好的設計也需要文檔的幫忙。

    總之,經過重新設計,應用的各個指標都有了明顯的提升。安卓版的使用量增加163%,下載量增加74%,一年時間內的總下載量增加200萬次。

    — —

    文章永久連結為: 9招教你如何設計一款電商APP圖標