4個產品細節剖析,看看高手是如何做設計的!

Hi大家好,智行的輕分享專欄來啦~

我們將在這里分享近期一些值得學習的線上案例,快來和我們一起發現隱藏在身邊的動人設計,get新靈感!

往期案例:

一、ixigo: 推薦樓層引導動畫

ixigo是一家印度旅游OTA平臺,主打“旅行保證”和“三倍退款”,通過在首頁中插入樓層動畫,醒目且趣味地表達了平臺的省錢利益點,吸引用戶注意的同時保證了高屏效。

1. 分段動畫建立用戶省錢感知

用戶切換tab后,插入樓層推薦門票,標題采用動畫,通過轉圈加載、成功閃爍、金幣滾動等動效,以正向反饋加強用戶對平臺“最優價格保證”的權益感知。大字輪播讓引導用戶視線,先展示省錢標語再過渡到view all入口,自然而然完成首頁-列表轉化。

2. 樓層插入,首屏高效曝光

用戶點擊目的地則向上推出酒店商品卡片,在首屏得到有效曝光,直白高效。在首頁將搜索結果前置露出,結合權益進行推薦,提高用戶探索欲與品牌信任感。

4個產品細節剖析,看看高手是如何做設計的!

二、TickPick: 可視化座位分區

TickPick是一款專注于體育賽事、音樂會和其他現場活動的在線購票平臺;它通過可視化的坐席分區極大的提高了用戶的選座效率。

1. 高亮分區清晰展示位置

通過滑動列表時,實時的可視化座位高亮功能,將抽象的座位列表與具象的場館地圖無縫結合。用戶無需在多頁面間切換,即可在瀏覽過程中清晰、即時地掌握每個座位在真實場館中的具體方位,極大提升了選座效率和決策速度。

2. 服務透明,建立信賴

在詳情頁頂部明確展示所選座位與舞臺的方位關系,以最直觀的方式預先解答用戶最核心的顧慮——“我這個座位到底看得怎么樣?”。這一設計提前管理了用戶預期,消除了信息不對稱,顯著增強了服務的透明度和用戶的信賴感。

4個產品細節剖析,看看高手是如何做設計的!

三、Talabat: 新客優惠儀式感

Talabat是一款專注中東地區的外賣平臺。為了強化平臺的新客感知,增強品牌印象,Talabat首頁的新客模塊兼顧了吸引力、趣味性和引導性。

1. 趣味動效引導用戶視線

用戶進入首頁后有強動效引導,通過“撕開優惠券”的動效創意提升用戶的愉悅感和獲得感,流暢的撕拉效果自然地引導用戶將視線聚焦在新客模塊,以此提升用戶對新客模塊的優惠感知。

2. 清晰直白的利益點展示

Talabat有四個免配送費權益,分為多單解鎖。在信息展示上,高亮突出關鍵信息“free”,強調權益價值;在視覺風格上,與其他插畫風格一致,強化品牌認知和一致性。

4個產品細節剖析,看看高手是如何做設計的!

四、TrainPal: 訂后彈窗的“金幣雨”

TrainPal 是一款專注英歐火車訂票的APP。TrainPal 的訂后省錢彈窗,用紛紛掉落的金幣動畫與動態增加的數字,直觀傳達幫你省錢!

1. 行為激勵,即時視覺反饋

金幣在返現的瞬間掉落,達到直觀強烈的視覺反饋。這種視覺效果能夠立即讓用戶感受到“省錢”的成果,在心理上給予用戶積極的肯定,讓用戶領取到返現的滿足感和成就感瞬間放大。

2. 趣味動畫,強化省錢感知

生動有趣的動畫效果,體現了品牌的趣味性和創新性,給用戶營造了輕松愉快的氛圍,從而有效提升用戶的參與度和活躍度,讓每一次消費都成為一次愉悅的體驗。

4個產品細節剖析,看看高手是如何做設計的!

最后要說的話

本期的設計分享就到這里啦。

文章中的案例與思考來自于智行UED同學的日常分享。

后續我們將持續深度體驗產品,挖掘更多值得分享、學習的設計案例。努力將其中的方法理論應用到智行APP后續的產品設計中。

愿我們的努力為你帶來更好的體驗。下次見。

智行ZXD

*文中配圖來源于各APP內截圖,侵刪

歡迎關注作者微信公眾號:「智行ZXD設計中心」

4個產品細節剖析,看看高手是如何做設計的!

收藏 7
點贊 34

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。