原來只是在朋友圈單純的瀏覽，但從沒認(rèn)真的分析和思考過每個H5，上周在公司參加完一個有關(guān)H5的培訓(xùn)后，加之身邊也經(jīng)常會接觸到，所以接下來就從分析H5的角度慢慢學(xué)習(xí)。

• 案例：真的不用說謝謝
• 來源：滴滴
• 背景：感恩節(jié)策劃
• 類型：展示型
• 層級結(jié)構(gòu)：loading→向左滑（button）→詳情頁→分享頁
• 目的：“滴滴車票”新上線，

一、內(nèi)容策劃

【場景一】小伙剛買的新口味的口香糖，被路過的同事看見，接連傳完整排同事，自己買的，卻只能吃到前兩顆，真的不用說謝謝。

【場景二】身材偏胖的女孩，每逢拍照都站在前排成為他人的陪襯。真的不用說謝謝。

【場景三】每逢要去學(xué)習(xí)室，不是去占座，就是去占座的路上，一人要代替整個寢室占座，真的不用說謝謝。

【場景四】自己買了一個快遞，因為好心幫忙，最后卻拿回6件，別人總以為“我”是快遞員，真的不用說謝謝。

這些身邊的場景每天都在上演，我們給別人添過很多麻煩，也曾被別人麻煩過多次。

說謝謝太輕，送禮物太重

這個感恩節(jié)，送/收一張車票

感謝那些讓我們彼此相連的麻煩小事

一趟舒心自在的行程勝過千言萬語。

買漲車票謝謝TA or 跟TA們討聲謝。

四個場景都是身邊經(jīng)常發(fā)生的小事，一定程度上可以引起用戶的共鳴，也符合在感恩節(jié)的節(jié)日氛圍，整體瀏覽下來偏平淡、枯燥，可能會看不到最后的分享頁就退出了。

未瀏覽完或瀏覽完成時都可以進(jìn)行分享，在未瀏覽完成時很難觸發(fā)用戶分享，但如果內(nèi)容比較平淡的話，也很難一直瀏覽到分享頁再進(jìn)行分享。

最后的分享頁面，“買張車票謝謝他”雖然可以花不多的錢來感謝朋友，操作有點麻煩且多數(shù)人是不愿自掏腰包的，對于我自己來說，可能不會這樣做。

對于感謝朋友這塊來講，我覺得要更考慮用戶的角度，既然是送票人付車票費(fèi)，但是如果車票費(fèi)用超過用戶的底線，雖然感謝朋友但打個車也不想花掉自己太多錢。

可以考慮優(yōu)化：如何不花錢還能方便的把事辦了？既然是“滴滴車票”新上線，那么可以考慮分享給好友一張寫上自己感謝話語的車票優(yōu)惠券，待朋友使用車票功能時，也同時可以使用被贈送的車票優(yōu)惠券。

同時“跟他們討感謝”有點略點尷尬。

此外，仔細(xì)觀察場景的背景，不難發(fā)現(xiàn)在細(xì)節(jié)處，可以看到滴滴的logo，細(xì)節(jié)處理上比較好。

二、、交互設(shè)計

在loading后出現(xiàn)提示“向左滑（button）”，點擊按鈕，開始瀏覽場景，場景情節(jié)隨著左滑陸續(xù)展現(xiàn)出來。向右滑，可回放場景。

總體上，交互形式單一清晰，結(jié)構(gòu)簡單，用戶一打開便可以理解場景的結(jié)構(gòu)。

三、視覺設(shè)計

卡通形象，卡通人物，每個形象和物體都加了黑色的描邊，視覺上風(fēng)格統(tǒng)一，畫面和諧，但同時也有些缺乏沖擊力。

以上是本人的一個簡單體驗分析，還請分享建議或意見~

本文由 @40°N?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自unsplash，基于CC0協(xié)議