注重設計細節的UI界面案例，貼心的UI交互讓人愛不惜手

Sponsor

在各家應用日漸功能完善的當下，我們驚喜地發現了許多埋在用戶使用場景中的「設計細節」，有對自身功能場景的擴展，有豐富現有的流程體驗，結合良好的交互設計體驗，也有充滿溫暖的貼心提語。下面就隨著小編的整理，來看看本期的分享內容吧。

案例分享

1.?拓展服務場景 – 地圖能做的不只是導航

在產品設計的思考過程中，從用戶使用場景出發，產生需求共鳴，或許就能突破自身的功能壁壘，進而產生額外的情感價值。為用戶帶去便利的同時，也增加平臺的親和力，提升用戶粘性。

高德地圖最近就推出了【順路服務】，讓應用從一個地圖工具走向一個基于地圖的“搜索 – 發現 – 交易 – 履約”完整鏈路的目的地服務平臺。目前順路服務場景已覆蓋了加油、咖啡、充電樁、洗車、酒店、藥店等數眾多品類。

???高德地圖 – 順路買花

在情人節時，高德地圖新增【順路買花】功能，路線規劃后，會根據當前路線推薦沿途的花店，巧妙將節日活動與順路服務相結合，為用戶提供了更加便捷的購物體驗，同時也為花店帶來了更多的商機和收益。

???高德地圖?– 沿街取

高德地圖上線星巴克【啡快·沿街取】功能，路線規劃后，可在「順路搜」中搜索星巴克，“順路點咖啡·不下車搖窗取”，提前下單沿途即可取餐。

基于地圖導航向生活服務延伸，開辟出全新的消費場景，當然，這也依賴于高德地圖能對堵車等路途不確定因素實時反饋，準確推算出用戶的最新抵達時間給門店，以便于商家更準確的到達取餐點等候。

2.?切實解決用戶所需?– 讓產品更懂你

在實際使用場景中，以常見的【相關推薦】功能舉例。從商業角度來看，目前的推薦大多希望引導用戶產生額外的消費；但站在體驗的角度，用戶可能更關注當前產品本身。比如買一杯咖啡并不一定會搭配蛋糕，但大概率需要一根吸管。

因此在挖掘用戶的真實需求過程中，做好業務發展與用戶實際需求的權衡也是關心用戶的體現。作為設計師，精準預判用戶需求，可以帶來十足的驚喜感，進而讓用戶產生情感依賴。

???淘寶訂單小貼士

新增訂單小貼士模塊，利用圖文、短視頻多維度的呈現形式，解決消費者在購后場景下商品安裝、使用、保養過程中遇到的問題，同時也能降低商家售后關于此類問題的咨詢量；

此外在購買衣服后，也會出現穿搭技巧，根據用戶已購的衣服推薦相關穿搭配件，點擊還可以直接跳轉購買，促進消費創造更多收益。

???淘寶當季水果推薦

淘寶搜索某種特定的水果品類，會自動推薦此類水果的當季品種，并且在進入日歷之后會展示全年每個月份的當季水果。就像進入線下水果店，當季水果永遠在最顯眼的位置一樣，這種設計可以幫助消費者更好地了解當前市場情況，增加信任感。

3.??賦予小屏更多可能 – 打造沉浸式體驗

技術的不斷革新為手機載體提供了更多的可能，不論是3D技術，亦或近期火熱的AI，技術發展必然帶來更多的設計可能。設計師如果可以緊跟技術發展的腳步，結合自身創意和想象力，就可以為用戶帶去更多維度的感官體驗。有別于最基礎的：圖、文、視頻，應用新的技術形式，還可以有效提高信息效率，提升產品易用性。

??央視頻App-世界杯多視角地圖直播

央視頻“多視角地圖”觀看比賽，通過直觀和易于操作的交互方式切換不同鏡頭，提供更全面的賽事觀看體驗，讓用戶從不同視角和角度觀看比賽，既滿足了部分用戶的好奇心和探索欲，也增強了用戶粘性，提高用戶的觀看質量和體驗。

??騰訊體育-橫屏交互

NBA直播中用戶通常會有實時查看球員數據的需求場景，騰訊體育app結合橫屏的空間優勢將球員數據的查看和比賽直播的觀看融合，避免了用戶在觀看比賽時切換頁面或應用程序的不便。同時，還采用了橫向滑動的方式，使得用戶可以方便地瀏覽多個球員的數據。

???懂車帝3D看車PK功能

線上購物的3D實物預覽在電子類產品這種高價商品上已經很常見了。而懂車帝的這款功能同時滿足3D預覽與同屏對比的需求，切實給用戶帶來了堪比線下的體驗與極大的便利性。

4.??暖心提示 – 建立情感連接

情感化設計可以讓用戶在使用產品時有更好的情感體驗。設計師可以通過色彩、圖形、動效和字體等元素或提前預判行為來建立情感連接。而且情感化場景越細致，這種設計方法越可以讓用戶對產品產生更好的印象，提高用戶的滿意度和忠誠度。

??餓了么-溝通障礙騎士

在餓了么APP中，用戶下單后會通過可視化的動畫展示送餐進度，從店家配餐到騎手接單、取餐、配送的全過程。

如果送餐的騎手是聾啞人或其他溝通障礙人士，訂單展示的騎手上方，有耳朵被打叉的圖標以及提示「我是溝通障礙騎士，請多多包涵」。這樣的設計體現了平臺對多元化人群的關注和尊重，也提高了用戶對于騎手的理解和包容度。

??滴滴-相似地點提示

在使用滴滴導航搜索地點時，如果搜索結果出現了與出行相似的地點，會為用戶提供黃色氣泡的提示，以幫助用戶避免混淆。

我們深知在出行中出現混淆會給用戶帶來不便和煩惱，因此滴滴通過這個小小的設計來提醒用戶注意，讓用戶在使用滴滴導航時感到更加貼心和溫暖。

最后要說的話

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

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

來源：智行ZXD設計中心

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。