醫藥電商類App產品設計——詳情頁

9 評論 15954 瀏覽 107 收藏 11 分鐘

總體來說商品詳情頁是用戶做出購買決策中最為關鍵的步驟,其信息架構、引導流程、產品設計將直接影響轉化率和客單價的高低。

使用場景

用戶通過App首頁、分類、搜索找到目標商品,進入商品詳情頁瀏覽商品信息、用戶評價、優惠信息,進一步通過商品詳情內容了解商品、作出判斷(放棄/收藏/購買)。由此可見商品詳情頁是用戶做出購買決策中最為關鍵的步驟,其信息架構、引導流程、視覺設計將直接影響轉化率和客單價的高低。

醫藥電商類App產品設計——首頁篇》中介紹了醫藥電商類App用戶三種場景:

1、主動明確的場景:此類用戶知道自己要買什么藥品。所以他們進入詳情頁,主要查看詳情頁中的商品展示、用戶評價,確保選購的商品是自己要買的藥品,所以充足的商品介紹、完善的服務政策、足夠的用戶評價很關鍵,當然此時價格合理也非常關鍵。

2、主動模糊的場景:此類用戶有買藥需求,但是不知道買什么藥時通常會通過相關“問藥”功能先咨詢后買藥。所以進入詳情頁前有兩種狀態:

  • 已通過“問藥”獲知要什么藥,進入詳情頁查看商品介紹、尤其是“功能主治”進一步確認該藥是不是可以解決他的買藥需求。
  • 進入詳情頁瀏覽商品介紹后再“問藥”,所以詳情頁需要有便捷的入口“咨詢問藥”。當然詳情頁的商品介紹、用戶評價等信息不佳會導致用戶直接放棄。

3、被動模糊的場景:此類用戶被場景化推薦或促銷性優惠挖掘出來的潛在需求。尤其是因為“劃算”進入詳情頁,詳情頁的優惠價格幅度、優惠截止時間等信息尤為關鍵。充分利用互用喜歡貪便宜、怕錯失的心理。

詳情導航

康愛多App和好藥師App都采用“商品+詳情+評價+更多”至于詳情頂部導航欄,1藥網App使用的是“商品+詳情+評價+分享+更多”?!翱祼鄱唷痹谏唐穲D右下腳放置“分享”圖標,比頂部導航欄更省空間、與商品聯系更緊密。好藥師App詳情頁居然沒有發現“分享”,好任性??!

“更多”意味著多個入口的快捷方式,在信息架構中是從詳情頁直接跳轉到其他功能頁面,對于用戶來說便捷但使用頻率不高。接下來分別看看三家醫藥電商App頂部導航欄的“更多”:

  1. 康愛多App詳情頂部導航欄的更多包括“首頁”、“搜索”、“消息”、“我”、“點贊吐槽”;
  2. 好藥師App的“更多”包括“首頁”、“我的”、“消息”;
  3. 1藥網App的“更多”包括“消息”、“首頁”、“搜索”。

顯然康愛多App的“更多”功能更完備,且各有使用場景,滿足快速切換到新的功能。好藥師App的“更多”中居然沒有“搜索”,進入詳情如果確認不是自己想要的商品,最好的方式不是引導用戶快速繼續“搜索”嗎?

商品信息

三家醫藥電商App的商品信息模塊都分為“商品”、“詳情”、“評價”三部分,均支持左/右滑按順序在三個模塊間切換,同樣都支持“商品”頁底部上拉出“詳情”,滿足用戶在查看商品基本信息后自然而然查看更加詳細的商品介紹——詳情。

三家醫藥電商App的商品信息差別很大,也凸顯三家電商平臺發展情況。

康愛多App商品信息頁:

  • 基本信息——商品大圖、商品名稱(含規格信息)、生產廠家;
  • 商品價格——活動價、原價、立省XX元(秒少商品有“截止時間”);
  • 服務信息——正品保證、滿額包郵、隱私配送
  • 優惠信息——優惠套餐、療程套餐、聯合用藥(含“藥師點評”);
  • 其它功能——貼心工具(服藥提醒)、活動Banner、精準推薦(買過還看);

1藥網App商品信息頁:

  • 基本信息——商品大圖、功能主治、商品名稱(含規格信息)、批準文號(查詢功能體驗極差);
  • 商品價格——活動價、手機專享價、節省XX元;
  • 服務信息——滿額包郵、正品保證、自營現貨
  • 優惠信息——滿件贈、聯合用藥;
  • 選擇規格——選擇規格、修改數量
  • 評價信息——最新評價(內容簡短重復、缺少真實性)、評價條數;
  • 其它功能——精準推薦(看了又看)、品牌專區;

好藥師App商品信息頁

  • 基本信息——商品大圖、商品名稱、商品規格;
  • 商品價格——商品價格;
  • 優惠信息——領券;
  • 配送信息——配送方式、配送時間;
  • 評價信息——評價條數;

一個完整的購買過程應該如下:了解基本信息——價格打動用戶——服務增加信任——套餐提高客單——評價幫助決策。

以上三家醫藥電商App商品信息產品設計最好的應該是康愛多App,層次清晰分明,契合購買路徑,在提高轉化率和客單價上都有對應的策略,且兼容滿足不同購藥用戶的購藥心理。

“1藥網”App在商品基本信息種突出“功能主治”是一個亮點,畢竟“醫藥電商”類用戶主要是買藥治病,所以突出“功能主治”很關鍵?。?/p>

詳情功能

  • 康愛多:收藏、咨詢、電話咨詢、購物車、加入購物車、立即購買
  • 好藥師:咨詢藥師、清單、加入清單;
  • 1藥網:客服、收藏、購物車、加入購物車;

首先我們來分析“加入購物車”和“立即購買”的購買流程

通過購買流程可以看出,“立即購買”的優勢在于操作步驟少,看中的商品立即就可以跳轉到填寫訂單的頁面完成購買?!凹尤胭徫镘嚒眱瀯菰谟诳梢砸淮钨徺I多個產品,同時在挑選完一個產品后,可以再繼續選購其他商品,沒有干擾用戶的挑選產品流程,讓提高客單價成為可能,兩種方式的優勢也是對方的劣勢。

三家醫藥電商類App只有康愛多同時提供了“加入購物車”和“立即購買”功能,其他都是“加入購物車”或“加入清單”,希望用戶繼續選購其他商品,但是對于購藥類場景,我個人還是堅持支持增加“立即購買”的功能,畢竟買藥有一種場景是“急用藥”,尤其是有O2O快速送藥上門的好藥師,應該在產品上凸顯“快”這個優勢。

好藥師App使用“清單”代替“購物車”,我想主要是因為醫藥電商不許可直接銷售處方藥,所以弱化“購物車”。但是對于用戶尤其是新用戶,“清單”是一個增加用戶認知成本的概念,統一使用“清單”代替“購物車”是一個“偷懶”的行為,應該從政策合規和用戶體驗兩個角度綜合考慮,差異化處方藥和非處方藥購買流程和服務功能。(稍后分享醫藥電商處方藥和非處方藥購買流程和服務功能設計)

三家醫藥電商類App在詳情頁都提供“咨詢問藥”功能,康愛多App提供“圖文咨詢”和“電話咨詢”,好藥師App的咨詢叫“咨詢藥師”,突出了專業性,1藥網App叫“客服”稍有欠考慮,畢竟醫藥電商的商品購買很多時候購買決策依賴專業,所以突出“藥師”甚至遠程問診、健康管理都很有必要!

寫在最后

從醫藥電商用戶使用場景和購買流程出發,結合詳情導航、商品信息、詳情功能三個模塊逐一盤點醫藥電商主流App的詳情設計。

總體來說商品詳情頁是用戶做出購買決策中最為關鍵的步驟,其信息架構、引導流程、產品設計將直接影響轉化率和客單價的高低。

相關閱讀

醫藥電商類App產品設計——首頁篇

 

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 怎么不更新了啊

    來自山東 回復
  2. 樓主 什么時候更新啊

    來自山東 回復
  3. 求指導為什么會在商品詳情頁更多里面出現“我的” ??

    來自陜西 回復
  4. 怎么看出來的?

    回復
  5. 怎么滾動截圖的,用的啥軟件。

    來自廣東 回復
    1. 咔咔截屏

      來自廣東 回復
    2. 拼接的

      回復
  6. 就是電商的普通套路 ?

    來自廣東 回復
    1. 求分享新意

      回復