產(chǎn)品細(xì)節(jié)剖析,讓你看看大廠是如何做設(shè)計(jì)的

2021-1-14    ui設(shè)計(jì)分享達(dá)人

前言


設(shè)計(jì)的思考不僅要注重表象層面,也需要圍繞信息傳達(dá)這一設(shè)計(jì)的本質(zhì)功能,以充滿自省的精神深化和反思自己的設(shè)計(jì)意識,即做到“好看、好用”。在設(shè)計(jì)過程中,要站在公司的利益上,懂用戶所想,在每一個(gè)關(guān)鍵點(diǎn)都要帶給用戶意想不到的驚喜,這些往往都是通過細(xì)節(jié)體現(xiàn)出來的。





2021 | 第01篇分享目錄(001~015)


001.「夸克瀏覽器」首個(gè)頁面-我的地盤我做主

002.「百度」為什么把返回按鈕放在了左下角?

003.「優(yōu)酷」彈幕中毫不違和感的廣告推送

004.「QQ」發(fā)送圖片-便捷的交互路徑

005.「美團(tuán)」減少一步操作、提升一級體驗(yàn)

006.「京東」搜索框-觸發(fā)用戶轉(zhuǎn)化動(dòng)機(jī)的占位符

007.「騰訊視頻」付費(fèi)片-試看6分鐘的激進(jìn)小心思

008.「高德地圖」模擬現(xiàn)實(shí)事物運(yùn)行規(guī)律的微交互

009.「網(wǎng)易云音樂」定制您的專屬首頁

010.「夸克瀏覽器」關(guān)鍵詞-提前預(yù)知用戶的需求

011.「快手」剛剛看多-貼心的用戶提醒

012.「騰訊視頻」VIP欄目-免費(fèi)營銷策略轉(zhuǎn)化用戶

013.「支付寶」城市天氣-不僅僅是天氣預(yù)報(bào)

014.「躺平」趣味化的下拉刷新樣式

015.「滴滴打車」添加途經(jīng)點(diǎn)-解決位置不統(tǒng)一的情況





001.「夸克瀏覽器」首個(gè)頁面-我的地盤我做主


產(chǎn)品體驗(yàn):

進(jìn)入夸克瀏覽器的首個(gè)頁面,除此必要的元素之外,看到的是一片純凈之美。長按搜索框下方的空白區(qū)域,點(diǎn)擊“+”號,可根據(jù)用戶自己的喜好從彈窗中將想要的站點(diǎn)入口添加到搜索頁,便于快捷訪問。

設(shè)計(jì)思考:

UC瀏覽器可能不是每個(gè)移動(dòng)端用戶都知道,但絕對是一方霸主,夸克與UC本是一家。昨天在網(wǎng)上看到一個(gè)帖子說“自從用了夸克之后就把別的瀏覽器全部刪掉了,沒有天氣掛件、沒有新聞推送、沒有購物頻道、沒有游戲插件、沒有精準(zhǔn)廣告、就是最原始的上網(wǎng)工具,仿佛在這看到了當(dāng)年的塞班時(shí)代一心一意做用戶體驗(yàn)的影子”。迄今為止,沒有任何一個(gè)應(yīng)用可以滿足所有用戶的需求,UC瀏覽器也是如此,夸克可以將那些視UC為糞土的用戶給攬過來,表面上看似搶奪用戶,實(shí)則是風(fēng)險(xiǎn)對沖,當(dāng)一個(gè)出了問題不是還有另一個(gè)么?用戶不管是在夸克還是UC,其實(shí)都在自家,一個(gè)獨(dú)善其身,一個(gè)兼濟(jì)天下。

用過手機(jī)瀏覽器的人都知道,在資訊爆炸的今天,夸克的畫面干凈得令人難以置信。在干凈的同時(shí),并非是缺少這些站點(diǎn)模塊,而是放在了暗處,用戶可以根據(jù)自己的喜好將站點(diǎn)咨詢模塊調(diào)用出來,自定義空白區(qū)域,寓意用戶“自己的地盤自己做主”。眾所周知,大多數(shù)瀏覽器都有站點(diǎn)推薦的功能,不過該功能都是給相應(yīng)網(wǎng)站打廣告的,內(nèi)容沉雜,尤其是一些強(qiáng)制性的內(nèi)容讓用戶產(chǎn)生了逆反心理,而夸克精選中的網(wǎng)站,則是一些價(jià)值很高的優(yōu)秀站點(diǎn),并非廣告業(yè)務(wù),這點(diǎn)可以從致用戶的一封信和網(wǎng)站類型得出。這也是夸克被譽(yù)為最純凈瀏覽器的原因之一,不管是APP內(nèi)容還是用戶體驗(yàn)、易用性方面都能提升用戶的忠誠度,深得廣大用戶喜愛。





002.「百度」為什么把返回按按鈕放在了左下角?


產(chǎn)品體驗(yàn):

進(jìn)入百度APP,頁面中80%以上的返回操作入口都放置在左下角,單手操作手機(jī)的用戶觸手可及。

設(shè)計(jì)思考:

Android智能設(shè)備的返回入口其實(shí)一直都在屏幕下方,只不過是根據(jù)品牌的不同,左右位置不同而已。根據(jù)后來大屏手機(jī)的普及,為了節(jié)約空間資源,使屏幕最大化的被使用,把原先硬件上的部分操作入口給隱藏了,但一直都存在。設(shè)計(jì)師都知道,iOS與Android的設(shè)計(jì)規(guī)范存在著差異化,比如返回入口就一直在左上角,雖然也有右滑返回的交互手勢,但畢竟是隱藏的,而且對于部分頁面的左右滑動(dòng),只能對tab導(dǎo)航起到作用,基于目前的趨勢,手機(jī)的屏幕越來越大,單手操作的靈活性就成了難點(diǎn)。

百度APP的大部分頁面則是把返回按鈕直接從左上角搬到了左下角,被較為激進(jìn)的用戶稱為反人類的設(shè)計(jì),其實(shí)并非如此。大屏幕尺寸已經(jīng)是趨勢,屏幕大意味著內(nèi)容可以更大限度地得到展示,將返回按鈕放在左下角能有效的解決的用戶單手操作大屏幕手機(jī)操作的難點(diǎn),更易于操作,提升便捷性。更有效的防止用戶因操作困難而導(dǎo)致手機(jī)滑落(碎屏),增加安全系數(shù)。





003.「優(yōu)酷」彈幕中毫不違和感的廣告推送


產(chǎn)品體驗(yàn):

在優(yōu)酷觀看視頻打開彈幕后,每隔幾分鐘,系統(tǒng)會(huì)推送一條廣告穿插在彈幕的內(nèi)容中,點(diǎn)擊可進(jìn)入對應(yīng)的頁面。

設(shè)計(jì)思考:

在互聯(lián)網(wǎng)產(chǎn)品中,花樣廣告的出場方式屢見不鮮,比如在看視頻、看書之前/過程中,總是被突入起來的的廣告打斷,用戶雖然很煩但別無選擇,畢竟沒有一款真正的既免費(fèi)又免廣告還很牛B的產(chǎn)品無償提供給用戶使用,即便用戶覺得自己沒有認(rèn)真看過這些廣告,但是只要它們在用戶面前完成了播放,哪怕只是聽到了,那就完成了品牌意識 的輸出這個(gè)過程,可能會(huì)無形中就知道了這個(gè)品牌的存在和定位,在未來的某個(gè)場景中,用戶會(huì)默許和遵從這個(gè)品牌的輸出方式,乃至消費(fèi)。廣告作為企業(yè)盈利的一種方式,不可避免,只會(huì)在盡可能減少用戶反感或抗拒的情況下自然出現(xiàn)。

優(yōu)酷APP用了一種較為新奇的方式植入廣告,基于很多用戶在看視頻時(shí)都有開彈幕的習(xí)慣,直接將廣告穿插在了彈幕區(qū)域,每間隔幾分鐘就會(huì)推送一條,跟隨彈幕一起流動(dòng),毫無違和感。雖然廣告植入會(huì)引起用戶的反感,但以彈幕的方式出現(xiàn),并未占用額外空間及打擾用戶觀看視頻,很大程度上降低了對用戶的打擾及觀看視頻的沉浸體驗(yàn),增加了用戶對廣告的接受程度,如果對某個(gè)廣告感興趣,點(diǎn)擊后面的入口即可直接跳轉(zhuǎn)對應(yīng)的內(nèi)容頁面。





004.「QQ」發(fā)送圖片-便捷的交互路徑


產(chǎn)品體驗(yàn):

在QQ聊天對話框,點(diǎn)擊工具欄的圖片入口調(diào)出相冊,按住想要發(fā)送的圖片并往上拖動(dòng),松手即可發(fā)送。

設(shè)計(jì)思考:

我們下載到手機(jī)的APP,大部分在首次打開時(shí)都會(huì)彈出一系列的系統(tǒng)權(quán)限,比如相冊、相機(jī)、位置、網(wǎng)絡(luò)...等,社交類型的更是不必多說,基于應(yīng)用本身的性質(zhì),相冊、相機(jī)及通訊錄類型的權(quán)限都是必備開啟狀態(tài),以便于在使用過程中的圖片、視頻交流。

QQ開啟相冊權(quán)限后在用戶體驗(yàn)上更是舉一反三,用戶在聊天過程中如果有使用圖片的需求,點(diǎn)擊后,系統(tǒng)會(huì)將手機(jī)最近保存的50張圖片,按照時(shí)間的先后順序以完整縮略圖的方式直接顯示在聊天界面的工具欄下方,用戶只需按住想要選擇的圖片并往上拖動(dòng),松手即可發(fā)送,非常方便,免去了常規(guī)的觸發(fā)跳轉(zhuǎn)頁面調(diào)取相冊的多步驟操作,且有效降低聊天過程中因頁面跳轉(zhuǎn)帶來的沉浸式的視覺思路阻斷,優(yōu)化了操作路徑,提升產(chǎn)品的易用性。





005.「美團(tuán)」減少一步操作、提升一級體驗(yàn)


產(chǎn)品體驗(yàn):

在美團(tuán)訂單列表頁面,單擊其中一個(gè)訂單從右側(cè)向最左側(cè)滑動(dòng),即可出現(xiàn)彈出提示,點(diǎn)擊刪除完成操作。

設(shè)計(jì)思考:

刪除操作,我們一點(diǎn)也陌生,大部分出現(xiàn)在列表類型的頁面。早期智能設(shè)備的刪除入口基本都是通過右上角編輯或單個(gè)內(nèi)容區(qū)域明顯的刪除圖標(biāo)入口以完成對應(yīng)的刪除需求。后來,也不乏一些應(yīng)用為了節(jié)省頁面空間,去掉了明面上的刪除入口,通過長按交互操作來完成刪除流程,但時(shí)至今日,并不廣為人知。

美團(tuán)APP的訂單列表,只需將單個(gè)內(nèi)容從右滑至最左側(cè),從自動(dòng)出現(xiàn)的彈窗中完成刪除操作。其實(shí)這種交互方式在目前看來并不新鮮,基本普及了,但關(guān)注細(xì)節(jié)的用戶會(huì)發(fā)現(xiàn),大部分APP內(nèi)容的刪除,都是在左滑之后調(diào)出刪除入口,需點(diǎn)擊之后才彈出確認(rèn)框,繼而完成刪除。美團(tuán)APP則是在用戶有明確刪除需求的情況,從右至左大區(qū)域滑動(dòng)并自動(dòng)觸發(fā)刪除入口,省去點(diǎn)擊觸發(fā)彈窗的操作步驟,正所謂移動(dòng)界面、體驗(yàn)至上,減少一步操作,就能提升一級體驗(yàn)。

(除了需要對用戶的刪除操作做出挽留、有營銷的多功能隱藏入口外,如無明確需求,建議省略左滑后需要再次點(diǎn)擊觸發(fā)彈窗的這一步操作)





006.「京東」搜索框-觸發(fā)用戶轉(zhuǎn)化動(dòng)機(jī)的占位符


產(chǎn)品體驗(yàn):

京東搜索框的占位符,會(huì)根據(jù)用戶曾經(jīng)搜索或查看過的商品關(guān)鍵詞進(jìn)行提示,每2秒鐘切換一次,以便提醒用戶再次查找之前可能想購買的的商品。

設(shè)計(jì)思考:

占位符就是在輸入框中占住一個(gè)固定的位置,然后用戶可以根據(jù)文案描述或提示語來明確每個(gè)表單輸入框應(yīng)當(dāng)填什么內(nèi)容,并且能夠促進(jìn)表單輸入完成和提高轉(zhuǎn)化率所存在的一個(gè)元素。最為常見的就是“請輸入xxx”一段提示性質(zhì)的文案,但如果把占位符的作用僅限于此,那就太浪費(fèi)資源了。

京東APP搜索框的占位符開啟了自動(dòng)搜索建議機(jī)制,不僅展示了平臺主推、熱門等部分商品的關(guān)鍵詞,還通過動(dòng)態(tài)預(yù)測用戶查詢方向,曾經(jīng)搜索或?yàn)g覽過的商品關(guān)鍵詞會(huì)替代占位符給予用戶提示。比如用戶搜索或購買過狗糧,后續(xù)進(jìn)入APP,系統(tǒng)就以占位符的方式推薦跟小狗相關(guān)的商品,比如狗窩、驅(qū)蟲藥、罐頭等,雖然不能直接進(jìn)行搜索,但足以喚醒無目標(biāo)用戶的購物記憶,幫助用戶明確購物需求,以便用于迅速作出決策、執(zhí)行操作,起到提升下單轉(zhuǎn)化的推動(dòng)作用。





007.「騰訊視頻」付費(fèi)片-試看6分鐘的激進(jìn)小心思


產(chǎn)品體驗(yàn):

觀看騰訊視頻付費(fèi)影片,可免費(fèi)試看6分鐘,時(shí)間到了會(huì)自動(dòng)暫停并彈出付費(fèi)渠道彈窗,付費(fèi)/放棄觀看二選一。

設(shè)計(jì)思考:

廣告和影片付費(fèi)對視頻類型的應(yīng)用來說,是兩個(gè)非常重要的盈利渠道。平臺除了日常的維護(hù)費(fèi)用外,且不說影片的質(zhì)量怎么樣,單是購買版權(quán)就是很大一筆費(fèi)用,所以收費(fèi)也是合情合理,用戶通常可以通過購買單片或開通平臺VIP觀看付費(fèi)影片。使用過騰訊視頻的用戶都知道,付費(fèi)影片可以免費(fèi)試看6分鐘,那么為什么不是直接放在付費(fèi)區(qū)域,只對付費(fèi)用戶開放呢?

騰訊視頻的試看其實(shí)相當(dāng)于打開用戶的潘多拉魔盒,大部分影片6分鐘基本已初入劇情,能吊足胃口,激發(fā)用戶看下去的興趣,如果用戶不喜歡,也有自己選擇的權(quán)利。通過一小段的試看把付費(fèi)片的部分價(jià)值明確告知用戶,用細(xì)節(jié)不斷觸達(dá)用戶心智,達(dá)到吸引用戶、引導(dǎo)用戶轉(zhuǎn)化目的。另外,很多用戶都傾向于回報(bào)別人的好意,投之以木桃,報(bào)之以瓊瑤,通過免費(fèi)時(shí)間段的觀看,礙于面子心理,也有可能觸發(fā)用戶的付費(fèi)動(dòng)機(jī)(這個(gè)不難理解,比如我們路過某個(gè)熟人的水果攤,每次都會(huì)叫我們?nèi)L一下,久而久之,即使沒有購買需求,礙于面子,多少也會(huì)買一點(diǎn)),從而形成轉(zhuǎn)化,為平臺帶來收益。





008.「高德地圖」模擬現(xiàn)實(shí)事物運(yùn)行規(guī)律的微交互


產(chǎn)品體驗(yàn):

高德地圖規(guī)劃路線后,選擇出行方式時(shí),用模擬現(xiàn)實(shí)事務(wù)的微動(dòng)效圖標(biāo)+文案提示對應(yīng)的出行方式,直觀且趣味的表現(xiàn)方式更有代入感。

設(shè)計(jì)思考:

我們經(jīng)常在網(wǎng)上看到這樣的問題“高德地圖與百度地圖到底哪個(gè)好用”,準(zhǔn)確的說是各有千秋,高德地圖用戶略多于百度地圖,若論起用戶使用體驗(yàn),兩家的應(yīng)用一點(diǎn)都不含糊。在導(dǎo)航軟件作為用戶出行必備軟件之一的今天,不僅僅是認(rèn)路,更是用戶在外吃、喝、玩、樂的一款綜合體,其用戶體驗(yàn)一直都是企業(yè)研究的重點(diǎn)。

使用高德地圖選擇出行時(shí),出行方式圖標(biāo)以模擬現(xiàn)實(shí)事物的運(yùn)行規(guī)律, 利用現(xiàn)有認(rèn)知,幫助用戶輕松掌握界面的使用方式,縮短對出行方式的理解時(shí)間, 的降低用戶的學(xué)習(xí)成本。同時(shí)圖標(biāo)動(dòng)效的展現(xiàn)方式,能增加趣味性、以及用戶對于界面功能直接操縱的感知,降低操作難度,用情感化方式的表現(xiàn),提升用戶粘性。





009.「網(wǎng)易云音樂」定制您的專屬首頁


產(chǎn)品體驗(yàn):

在網(wǎng)易云音樂首頁,將頁面向上滑至底部,進(jìn)入自定義排序功能,即可定制用戶自己喜歡的專屬首頁樣式以及功能模塊的先后順序。

設(shè)計(jì)思考:

很多設(shè)計(jì)團(tuán)隊(duì)都深知用戶體驗(yàn)至上的道理,但一個(gè)應(yīng)用界面的交互及展現(xiàn)樣式不管以何種方式呈現(xiàn),都不可能滿足所有用戶的需求,只能在不斷追求細(xì)節(jié)的基礎(chǔ)上來滿足更多用戶。首頁自定義在一些部分較為個(gè)性化的APP上已經(jīng)不足為奇了,即根據(jù)用戶自身的需求,去修改系統(tǒng)、官方提供的頁面內(nèi)容及先后順序。不過在眾多APP的首頁自定義功能的認(rèn)知里,都是對頁面的原有功能進(jìn)行增減及自定義排序。

在網(wǎng)易云音樂APP版本的首頁底部也增加了自定義排序功能入口,不同于其他APP頁面自定義的是除了能對現(xiàn)有功能進(jìn)行增減及排序外,還特別定制了三種不同設(shè)計(jì)樣式的呈現(xiàn)以供用戶選擇,相當(dāng)于用戶隨時(shí)都可以對首頁進(jìn)行改版。不用的用戶都有不同的視覺瀏覽及操作喜好,比如大卡片、九宮格、操作熱區(qū)的范圍等,網(wǎng)易云音樂通過提供不同的首頁樣式可以滿足更多用戶的需求,提供更愉快的使用體驗(yàn),增強(qiáng)用戶的信任感,即多滿足一個(gè)用戶就可能多留住一群用戶,降低了用戶流失概率。





010.「夸克瀏覽器」關(guān)鍵詞-提前預(yù)知用戶的需求


產(chǎn)品體驗(yàn):

使用夸克瀏覽器搜索相關(guān)內(nèi)容時(shí),系統(tǒng)會(huì)自動(dòng)檢索關(guān)鍵詞,并將關(guān)鍵詞對應(yīng)的常見內(nèi)容結(jié)果以卡片樣式展示給用戶,隨著關(guān)鍵詞的變化,匹配的內(nèi)容也隨之改變。

設(shè)計(jì)思考:

說到瀏覽器的作用,想必大家腦海里的第一印象就是搜索,將自己不明白的東西通過搜索引擎從互聯(lián)網(wǎng)大數(shù)據(jù)中自動(dòng)匹配出海量的相關(guān)數(shù)據(jù)鏈接,提供的信息量非常龐大,包含各色各樣的新聞、問答、文章,可以說一應(yīng)俱全,涵蓋一切,其各種瀏覽器的搜索操作方式大同小異,基本都是通過輸入關(guān)鍵詞,然后點(diǎn)擊搜索出結(jié)果。

夸克瀏覽器在用戶搜索的操作(點(diǎn)擊搜索之前)過程中,增加了一個(gè)細(xì)節(jié),即“行為預(yù)判”,通過用戶輸入的關(guān)鍵詞,提前預(yù)知用戶可能想要查找的內(nèi)容,以簡介的方式呈現(xiàn),給用戶提供一個(gè)快捷通道,加深用戶對此關(guān)鍵詞條的認(rèn)知,快速判斷出是否滿足自己的需求。系統(tǒng)所匹配的卡片式內(nèi)容簡介是通過數(shù)據(jù)庫長時(shí)間的數(shù)據(jù)分析,提取其中較為共性、常見的內(nèi)容來反映用戶可能出現(xiàn)的興趣與需求,并合理挖掘使用,通過引導(dǎo)便于用戶快速識別并點(diǎn)擊,縮短輸入時(shí)間,還能解決用戶對關(guān)鍵詞組織不清晰、邏輯不清的用戶給與指導(dǎo),提升產(chǎn)品的易用性。





011.「快手」剛剛看過-貼心的用戶提醒


產(chǎn)品體驗(yàn):

從快手“精選”欄目進(jìn)入用戶主頁,在作品列表將所瀏覽過的視頻上標(biāo)記剛剛看過,避免重復(fù)點(diǎn)擊觀看。

設(shè)計(jì)思考:

身處移動(dòng)互聯(lián)網(wǎng)浪潮之中,我們不難發(fā)現(xiàn),如今的短視頻把用戶的卷入和參與推向了一個(gè)新高度,尤其是生活在大城市高度壓力下的年輕用戶群。學(xué)累了,就想刷個(gè)小視頻放松下,真以為然后就能集中精力再去學(xué)習(xí)?其實(shí)都是在扯淡,總覺得接下來的某個(gè)視頻會(huì)有種奇異的魔力,一刷就停不下來,就好比在無邊無際的海洋中,越喝越渴,別說自身難以碎片化學(xué)習(xí),就連老人和小孩都帶進(jìn)來了。抖音和快手作為目前短視頻的代表,都有著龐大的用戶群,在用戶需求基本都能滿足的條件下,其戰(zhàn)略方向準(zhǔn)確的基礎(chǔ)上,誰的用戶體驗(yàn)最好,誰就是最后的贏家。

快手APP雖然被后來者抖音趕超,但在用戶體驗(yàn)上從未含糊過。細(xì)心的用戶可能會(huì)發(fā)現(xiàn),在用戶主頁的作品列表中,剛剛看過的短視頻做作了提醒標(biāo)記,告知用戶少走冤路,避開已看過的短視頻,可以避免用戶因重復(fù)點(diǎn)擊觀看而浪費(fèi)時(shí)間,且在非WiFi環(huán)境下,還能節(jié)約用戶的數(shù)據(jù)流量,這個(gè)提示算是很貼心了。





012.「騰訊視頻」VIP欄目-免費(fèi)營銷策略轉(zhuǎn)化用戶


產(chǎn)品體驗(yàn):

騰訊視頻VIP欄目中的電視劇,基本都可以免費(fèi)看前面的幾集,然后根據(jù)劇情的發(fā)展程度,從免費(fèi)變成付費(fèi),未完結(jié)的電視劇還可以通過二次付費(fèi)進(jìn)行超前點(diǎn)播。

設(shè)計(jì)思考:

免費(fèi)的東西人人都喜歡,古今中外大都如此,免費(fèi)策略營銷也因此有強(qiáng)大的生命力。但互聯(lián)網(wǎng)應(yīng)用如若完全免費(fèi),不具商業(yè)性,可能連基本的日常生活都難以維持。大家都知道,會(huì)員付費(fèi)是影視類應(yīng)用盈利的一大來源,但用戶對付費(fèi)造成自己財(cái)產(chǎn)損失有種天然的抗拒,通常電視劇都提供幾集免費(fèi)觀看,然后才硬性要求開通VIP。

視頻類應(yīng)用大都如此,這里以騰訊視頻為例。不難發(fā)現(xiàn),付費(fèi)區(qū)不同的電視劇,其免費(fèi)觀看的集數(shù)不同,這并不是隨意設(shè)定,而是根據(jù)劇情的發(fā)展程度,在某個(gè)“高潮”即將迭起的那一集開始收費(fèi),通過免費(fèi)階段的觀看,對用戶產(chǎn)生一定的吸引,勾起想要看下去的欲望,從而出現(xiàn)付費(fèi)動(dòng)機(jī)以促成用戶開通VIP。這其中還有一部分互惠原則存在,即給用戶免費(fèi)一部分之后,降低用戶付費(fèi)的心理負(fù)擔(dān),提高對費(fèi)用的接受程度,來而不往非禮也。針對未完結(jié)的電視劇,如果熱度較高,在用戶的觀看欲望高漲之際抓住機(jī)會(huì)點(diǎn),通過二次付費(fèi)提供超前點(diǎn)播,用戶也隨之接受。不管是強(qiáng)制VIP還是二次付費(fèi)點(diǎn)播,其都需要在合適的時(shí)間、合適的地點(diǎn)予以合理的出現(xiàn),才有利于的轉(zhuǎn)化用戶。





013.「支付寶」城市天氣-不僅僅是天氣預(yù)報(bào)


產(chǎn)品體驗(yàn):

支付寶首頁左上角城市下方提供了天氣狀況,進(jìn)入切換地區(qū)頁面,會(huì)展示當(dāng)前城市最近幾天的天氣情況。

設(shè)計(jì)思考:

隨著支付功能的普及,幾乎也成了每天都會(huì)打開的引用,它集合了我們的衣食住行,以前出門不能忘了帶錢包,而現(xiàn)在只需要一部手機(jī)就能搞定一切。雖然功能眾多,但對大部分用戶來說,最主要還是歸結(jié)于支付功能,除了部分線上支付外,就是線下支付了,顧名思義,線下即涉及用戶的出行。

支付寶首頁城市下方的天氣預(yù)報(bào),為用戶提供了貼心的提醒,便于有出行需求的用戶根據(jù)天氣狀況的程度決定是否必須出行或準(zhǔn)備出行的必備物品。同時(shí)支付寶集合人們的生活服務(wù),即使用戶放棄出行,部分事情也可以通過支付寶線上解決,比如外賣、購物等。





014.「躺平」趣味化的下拉刷新樣式


產(chǎn)品體驗(yàn):

躺平APP在頁面下拉刷新時(shí),會(huì)出現(xiàn)一個(gè)倒掛俯沖的“小人兒”動(dòng)效結(jié)合情感化設(shè)計(jì),趣味且引人注目。

設(shè)計(jì)思考:

下拉刷新是APP不可缺少的功能,十分常見,主要從品牌、功能、驚喜、運(yùn)營、反饋五個(gè)維度結(jié)合情感化設(shè)計(jì)。在頁面下拉刷新的時(shí)候,整個(gè)頁面也會(huì)跟著下移,待頁面數(shù)據(jù)加載完成,頁面會(huì)恢復(fù)到初始狀態(tài),在這中間就存在一個(gè)時(shí)間差,一個(gè)好的下拉刷新樣式,能讓用戶通過時(shí)間差享受到趣味化的視覺體驗(yàn)及減少等待過程中的焦慮感。

躺平APP下拉刷新使用了品牌IP插圖,從外觀視覺上是給用戶打造品牌印象,倒掛俯沖的“小人兒”動(dòng)效結(jié)合情感化設(shè)計(jì),趣味化的用戶體驗(yàn),能在產(chǎn)品特性上帶給用戶驚喜,勾起回憶,通過視覺跟用戶進(jìn)行情感互動(dòng)。





015.「滴滴打車」添加途經(jīng)點(diǎn)-解決位置不統(tǒng)一的情況


產(chǎn)品體驗(yàn):

使用滴滴出行叫車,用戶在行程前輸入目的地時(shí),點(diǎn)擊右側(cè)“+”符號添加最多不超過三個(gè)途經(jīng)點(diǎn)。司機(jī)將按照乘客預(yù)先設(shè)定多個(gè)“途經(jīng)點(diǎn)”,把多個(gè)乘客送達(dá)預(yù)定位置,每個(gè)途經(jīng)點(diǎn)的停留時(shí)間不超過3分鐘。

設(shè)計(jì)思考:

打車模式從之前的線下出租車轉(zhuǎn)戰(zhàn)到線上,誕生的了很多叫車平臺,其用的最多、知名度最高的當(dāng)屬滴滴出行,線上叫車服務(wù)給我們的出行帶來的極大的便利。不知道大家有沒有碰到過這種情況,幾個(gè)人一起叫車但下車點(diǎn)不同,等到需要時(shí)可能會(huì)跟司機(jī)發(fā)生不必要的糾紛或不愉快的出行。多個(gè)人的上車點(diǎn)不同,但終點(diǎn)一樣,也會(huì)被迫每人都要叫車,因此需要付出更多的金錢成本。

滴滴出行APP的添加途經(jīng)點(diǎn)功能,完美的解決的多個(gè)用戶出行的這種煩惱。途經(jīng)點(diǎn)旨在滿足多人共同乘車、個(gè)人多點(diǎn)出行等場景下多目的地經(jīng)停的需求,減少口頭溝通帶來的誤解與不便。途經(jīng)點(diǎn)可以為乘客停車3分鐘,不用額外收費(fèi),如乘客需要在某個(gè)地點(diǎn)長時(shí)等待,則需與司機(jī)溝通達(dá)成一致即可,隨著此功能的上線,滴滴出行為用戶提供了更為便捷的打車體驗(yàn)。


文章來源:站酷  作者:大漠飛鷹CYSJ

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


分享本文至:

日歷

鏈接

個(gè)人資料

存檔