醫藥電商類App產品設計——詳情頁
總體來說商品詳情頁是用戶做出購買決策中最為關鍵的步驟,其信息架構、引導流程、產品設計將直接影響轉化率和客單價的高低。
使用場景
用戶通過App首頁、分類、搜索找到目標商品,進入商品詳情頁瀏覽商品信息、用戶評價、優惠信息,進一步通過商品詳情內容了解商品、作出判斷(放棄/收藏/購買)。由此可見商品詳情頁是用戶做出購買決策中最為關鍵的步驟,其信息架構、引導流程、視覺設計將直接影響轉化率和客單價的高低。
《醫藥電商類App產品設計——首頁篇》中介紹了醫藥電商類App用戶三種場景:
1、主動明確的場景:此類用戶知道自己要買什么藥品。所以他們進入詳情頁,主要查看詳情頁中的商品展示、用戶評價,確保選購的商品是自己要買的藥品,所以充足的商品介紹、完善的服務政策、足夠的用戶評價很關鍵,當然此時價格合理也非常關鍵。
2、主動模糊的場景:此類用戶有買藥需求,但是不知道買什么藥時通常會通過相關“問藥”功能先咨詢后買藥。所以進入詳情頁前有兩種狀態:
- 已通過“問藥”獲知要什么藥,進入詳情頁查看商品介紹、尤其是“功能主治”進一步確認該藥是不是可以解決他的買藥需求。
- 進入詳情頁瀏覽商品介紹后再“問藥”,所以詳情頁需要有便捷的入口“咨詢問藥”。當然詳情頁的商品介紹、用戶評價等信息不佳會導致用戶直接放棄。
3、被動模糊的場景:此類用戶被場景化推薦或促銷性優惠挖掘出來的潛在需求。尤其是因為“劃算”進入詳情頁,詳情頁的優惠價格幅度、優惠截止時間等信息尤為關鍵。充分利用互用喜歡貪便宜、怕錯失的心理。
詳情導航
康愛多App和好藥師App都采用“商品+詳情+評價+更多”至于詳情頂部導航欄,1藥網App使用的是“商品+詳情+評價+分享+更多”?!翱祼鄱唷痹谏唐穲D右下腳放置“分享”圖標,比頂部導航欄更省空間、與商品聯系更緊密。好藥師App詳情頁居然沒有發現“分享”,好任性??!
“更多”意味著多個入口的快捷方式,在信息架構中是從詳情頁直接跳轉到其他功能頁面,對于用戶來說便捷但使用頻率不高。接下來分別看看三家醫藥電商App頂部導航欄的“更多”:
- 康愛多App詳情頂部導航欄的更多包括“首頁”、“搜索”、“消息”、“我”、“點贊吐槽”;
- 好藥師App的“更多”包括“首頁”、“我的”、“消息”;
- 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的詳情設計。
總體來說商品詳情頁是用戶做出購買決策中最為關鍵的步驟,其信息架構、引導流程、產品設計將直接影響轉化率和客單價的高低。
相關閱讀
本文由 @聊歪 原創發布于人人都是產品經理。未經許可,禁止轉載。
怎么不更新了啊
樓主 什么時候更新啊
求指導為什么會在商品詳情頁更多里面出現“我的” ??
怎么看出來的?
怎么滾動截圖的,用的啥軟件。
咔咔截屏
拼接的
就是電商的普通套路 ?
求分享新意