UI/UE | 產品體驗日記(16)

UI/UE | 產品體驗日記(16)

UI/UE | 產品體驗日記(16),觀點,大漠飛鷹CYSJ,原創文章站酷網,中國設計師互動平台。

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

01.「微信」添加好友-掃描與被掃指尖切換

產品體驗:

使用微信掃一掃添加好友時,如果對方打開二維碼的速度較慢(網絡不好/手機卡頓/操作不熟),為避免自己久等,可通過左下角的二維碼入口將自己的個人二維碼提供給對方掃描添加。

設計思考:

微信的掃一掃功能簡直強大到不敢相信,除了我們日常要用的支付付款、物品查詢、各種信息的獲取等,還有一個重大的功能就是添加好友。不知道大家有沒有碰到過這種情況,需要添加好友時,自己打開掃一掃,過了很久卻發現對方還在功能的路徑中徘徊,遲遲沒有打開二維碼頁面,這時我們不得不說一聲“你掃我吧”,於是自己從掃描頁面返回,一頓騷操作,把自己的個人二維碼給對方展示了出來。

微信在掃一掃頁面左下角提供的個人二維碼入口,便於在加好友出現問題時,隨時由被動變為主動,指尖切換掃描與被掃的添加方式,節約用戶時間成本以及緩解掃描等待的焦慮感。基於用戶添加好友時所處的使用環境,考慮周全且人性化,極大方便用戶使用。

02.「高德地圖」錄入車牌號-降低限行違章概率


產品體驗:

在高德地圖的導航設置中,錄入自己的車牌號並開啟避開限行提醒,在導航過程中如果途徑限行路段,系統會有語音播報提醒並自動避開限行路段重新規劃路線。

設計思考:

自北、上、廣、深四個一線城市交通部分別出台汽車限行措施後,其他部分城市也相繼出了限外政策,外地車牌如果想要在本城市隨時出行,需要(部分城市通過搖號)獲得本地車牌號方可。不管我們對交通路線有多熟悉、或者經過其他城市的限行路段,因限行導致的違章真是防不勝防,畢竟每個地方的限行政策都是通過固定渠道對外宣布,不會通知到每一個駕駛員,如果不能第一時間獲得限行訊息,悔之晚矣。

使用高德地圖導航,在登錄後錄入車牌號並開啟“避開限行”,系統就會自動檢測導航路線,如果要經過限行/限外路段時會自動重新規劃,通過繞行來避讓限行的路段,如果無法避開則提示:已無法為你規避限行路段,請合理安排出行。自動規劃路線能夠有效避免因限行導致的違章,給我們造成經濟損失,尤其是駕照,畢竟一周期才12分。就算無法避開,也可以通過語音提前知道限行路段,並合理安排出行時間。

(PS:雖然很多用戶感覺無需登錄也可以正常使用,但登錄之後可以享受更多特權以及更加優質的服務)

03.「支付寶」你想要的收款二維碼樣式是這樣的


產品體驗:

在支付寶的收款二維碼頁面截圖時,系統預判用戶有使用二維碼收款的需求,通過彈窗提示是否需要保存二維碼圖片,自動去掉無關信息並統一規範樣式。

設計思考:

移動支付自上線開始,微信支付和支付寶支付各自佔領著半江山,只要涉及線上交易,絕大多數用戶每天必定會選擇其中一個使用,雖然兩大企業的方向截然不同,但支付系統在用戶體驗方面都是一如既往的持續提升,以此來增加用戶的粘性。

支付寶收款二維碼頁面觸發截圖,在截取成功的狀態下,同時彈出保存二維碼圖片提示。跟設備截取的圖片相比,單獨保存的二維碼樣式更加簡潔,且規範統一,信息內容更加聚焦,便於用戶直接傳送或打印使用。其實進入收款二維碼頁面,在下方原本就有保存圖片入口,基於用戶進入此頁面的需求明確,對性子較急且耐性較低的用戶來說,這個被弱化的保存入口,可能直接忽略(別不信,我見過有人手上拿著手機還在到處找手機)。截圖時出現的彈窗提示,相當於上了一道保險,避免使用截圖自行裁剪打印的樣式不統一,導致付款用戶心中原本就已存在的默認收款二維碼樣式發生變化,形成認知負擔。

04.「抖音」暗示用戶-好看就要分享


產品體驗:

在抖音短視頻頁面停留一段時間後,分享圖標會自動變成最近常分享的某個用戶頭像,暗示用戶好東西要分享。

設計思考:

抖音作為當前最火的短視頻(直播)平台,相信很多用戶即使不經常玩,但最起碼會玩,雖然有部分低俗、劣質的用戶在破壞著平台的規則,但整體看來是利大於弊的,其他的交給人心。下載抖音的用戶大部分獲取來源應該是來自於他人的分享,一傳十十傳百,最終傳到人手必備,所以平台是相當注重分享功能的用戶體驗。

抖音的分享功能,其實還有一個小細節,當我們停在某個短視頻頁面一段時間時,原本的分享圖標會變成最近分享的用戶的頭像。用戶對分享功能都有常規的認知,當我們在觀看某個視頻一段時間後,系統自動評判該用戶對此視頻感興趣,基於用戶看到感興趣的東西就喜歡炫耀、分享的心理(比如“孫悟空到此一遊”),系統將分享圖標變成用戶頭像,意在提醒觀者分享,以達到最大化傳播可能的目的,以及為平台拉取新用戶。

05.「智行火車票」搜索攻略-確保使用的流暢性


產品體驗:

首次打開智行火車票的搜索功能,會自動彈出搜索攻略,以指導用戶可搜索的範圍及使用規範,後續再次打開搜索即恢復常規用法,如果再次了解,點擊搜索攻略即可。

設計思考:

對於搜索功能,可謂是熟悉的不能再熟悉了,千篇一律的輸入關鍵字即可,大不了重新再來。搜索是產品中不可或缺的一部分,無論打開哪個App,都能很快找到,但如果搜索功能做的好了,也是用戶轉化的關鍵流量入口,比如搜索方式、呈現樣式、搜索引導等,用戶體驗不容忽視。

智行火車票APP的搜索攻略就是在合適的時間、合適的地點準確的傳達給用戶。首次進入,即自動彈出搜索攻略教育新用戶,明確的告知使用搜索功能可以搜什麼?怎麼搜?避免用戶一打開就直接擼字,而造成使用錯誤的概率提高以及影響搜索結果的準確性,用戶一旦碰壁,很有可能轉身就離開。自動彈出的搜索攻略由被動變為主動,可以提前告知用戶搜索範圍及關鍵詞示例,降低出錯的機率,讓整個搜索流程更加順暢,為後續的使用提供便利,減少用戶的流失。

06.「蝦米音樂」評論-一鍵表達心情


產品體驗:

在蝦米音樂聽歌時,進入評論功能,除了可文字評論外,還能表達聽歌時的心情,隨時查看有多少同樣心情的人在聽這首歌,很有代入感。

設計思考:

文字是我們交流常用的元素,但很多時候因使用的方法不當而造成含義上的變化,比如一段話後面加個感嘆號,到底是消極還是敵意?聲音也是一樣,當我們開著車對行人按喇叭,是表示禮貌還是憤怒?而表情則是不同,它表達的是一種類型,比如一個笑臉,可以理解為滿意、開心、高興等。表情除了可以委婉的表達自己內心的情感之外,也是因為表情的無責任性,你會聽到人說,請注意你的言行,但沒人會說,請注意你的表情包。

蝦米音樂APP在歌曲的評論功能,除了有文字評論之外,還可以表達聽歌時的心情,即表情評論。進入評論頁面,首先看到的是某某等幾人使用的什麼樣的心情評論,並提示共有多少人參與,引導用戶接下來該做什麼,讓用戶快速地進入到產品使用中,給予了明確行為操作的指令,觸發並提高了用戶的參與度。另外使用表情相比文字評論更容易操作,系統預設好可供用戶選擇的表情包並附帶文字提示,用戶無需思考便可一鍵操作,很大程度上降低了完成的難度。事實表明,同樣能達到目的的辦法,簡單的是最實用、也是最受歡迎。

07.「美團」收貨地址-二次提醒降低出錯的概率


產品體驗:

在美團提交訂單頁面選擇好地址後,頁面上滑,詳細地址會懸浮在導航欄,便於用戶二次確認或修改。

設計思考:

線上購物已經成為了我們的家常便飯,外賣行業解決著我們“吃”的問題更不例外。通常我們在選擇好商品後,地址作為重量級的信息都會優先展示在訂單頁面的頂部,首先基本都會提供一個默認地址,如果不需要進入地址修改即可。縱然如此,依然有部分用戶因為急於下單,後續發現地址錯誤,就需要聯繫商家修改地址或者取消訂單重新下單,浪費時間不說,還會影響心情。

美團APP在提交訂單頁面,針對地址方面相當於加了一道保險。用戶在選擇完地址上滑頁面後,詳細地址懸浮在的標題欄上,點擊可直接修改收貨地址,雖然不一定每個用戶都能看到,但長時間懸浮在頁面頂部,時刻都在提醒著用戶,只要稍一抬頭,即可看到醒目的大字(地址),便於用戶潛意識的瀏覽或眼睛的余光掃描,發現有誤及時修改,降低下單時地址出錯的概率,考慮周全,給予更好的用戶體驗。

08.「菜鳥」下拉刷新-趣味化的“空投”


產品體驗:

菜鳥APP在頁面下拉刷新的過程中,會有一個紙箱從空中落下的動畫效果,類似空投,彷彿在說“你的補給已送到,請及時查收”,非常貼合平台的屬性及特徵。

設計思考:

下拉刷新早就不是什麼新鮮的東西了,幾乎所有的應用裡都會有這個功能,通常都是一個持續的動效在告知用戶,頁面的數據正在加載,請稍等,市場上很多APP的刷新樣式都是大同小異。不過一旦做好刷新樣式,就不僅僅是告知用戶當前頁面狀態這麼回事了,比如下拉刷新前後兩種狀態借助過渡動效連接到一起,讓用戶了解界面到底發生了什麼改變,以及在刷新的過程中如何留住用戶繼續等待,避免用戶焦躁的情緒......

菜鳥APP在下拉刷新的過程中就使用了趣味性的動畫方式,首先通過空中出現的箱子緩緩落到地面,有趣又貼合產品整體的設計概念,用生動形象的情感化設計反饋平台行為,為人機交互增加了趣味性和互動性,而且還可以緩解用戶在等待刷新過程中的焦慮感;其次,這種動效可用幫助用戶理解屏幕上發生了什麼,也會讓用戶有所期待。

(看到這個動效,有沒有似曾相識的感覺“哇,那邊有空投,馬上要落地了,趕緊上車衝過去”)

09.「美團」匿名差評-降低商家對用戶的騷擾


產品體驗:

對美團的訂單進行評價時,如果選擇差評(1~2分),系統將自動開啟匿名開關以便於用於匿名評價,商家是無法查詢到匿名用戶信息的。

設計思考:

評價在商品頁面展示給所有用戶,對店鋪商品起著至關重要的作用。 95%的用戶購物之前都會參考評價,好評會增加用戶購買信心;而差評可能會讓用戶放棄購買這個商品,甚至認為這不僅僅是劣質商品,更有劣質店舖的潛在想法。其實有很多商家都有通過刷單來提升店舖的銷售量和買家秀的質量,作假都尚且如此,何況是真實用戶呢?所以商品一旦有了差評,不僅會影響店舖的整體動態評分和好評率,還會降低店鋪排名,很大程度上會影響其他用戶判斷及產品的轉化率,所以商家一看到差評就激動得馬上打電話和買家溝通改評價,低頭認錯,尤其是新店或者新品有差評時,不斷的聯繫(騷擾)會給消費者帶來一定的困擾。

美團APP的訂單評價如果選擇差評,系統將自動開啟匿名評價,由被動變為主動,避免用戶因情緒化或忘記打開匿名,而遭受到商家電話的騷擾,通過補償被要求修改或刪除差評。當然,如果用戶不想匿名,關閉開關即可。匿名評價不僅降低用戶的困擾,還能提升商品評論的真實性,以協助平台通過大數據對整體店鋪進行排名和評分展示,減少對後來消費者的誤導。

(槓精思維“這樣豈不是讓很多鍵盤俠來惡意給店鋪差評”。其實別忘了一個前提,就是必須要通過下單支付並等待訂單完結後才可以進行評價,畢竟大部分用戶不會刻意這樣做,任何產品不就是滿足80%以上的用嗎?)

10「釘釘」保護信息隱私的密聊


產品體驗:

從釘釘好友對話框的右上角進入設置頁面,點擊進入密聊,即可對聊天信息上一道鎖,保護信息隱私安全。

設計思考:

眾所周知,我們在聊天的過程中,信息很容易洩露,有很多窺探用戶隱私的程序,比如進入某些網頁會提示需要獲取用戶位置、讀取通訊錄等都屬於隱私。尤其是社交類型的應用,會有相關保護交流信息的安全措施。如消息撤回、閱後即焚、動態瀏覽權限等都有一定效果。

釘釘推出的密聊功能就是聊天信息的一道安全鎖。進入密聊後,消息禁止複制和轉發、頭像名字打碼防截屏、不可被錄屏、消息通知不顯示內容等,很大強度上保護交流信息的隱私,給用戶帶來安全保障。

(有人會問,用微信的人更多,為什麼沒有密聊功能呢?從用戶群體和性質來分析,微信主打社交,男女老少通吃,基本上都是嗨聊、打發時間或平時的常規交流等;而釘釘主打的移動辦公,主流的用戶基本趨向於白領類型的群體,一般屬於工作交流,很多聊天都涉及到商業信息,包括一些文件和商業機密,誰都清楚商業機密洩露的嚴重性)

結語:

設計師需要養成體驗產品的好習慣並將優秀的產品細節記錄下來,加強自己的記憶,不僅能提升自己的語言組織和總結能力,也為日後輸出優秀的作品當舖墊,對自己的能力提升以及未來的職業發展帶來便利。

本期產品細節分享結束,我們下期再見。

<!--

- 位站酷推荐设计师推荐 -

-->

Category

GogoShark 給你最好的網頁設計

無論您的事業才剛起步、漸上軌道,或計劃向大中華區拓展市場,GogoShark 團隊將提供全方位的服務,為您量身打造數位品牌形象。