5個產(chǎn)品細(xì)節(jié)剖析，看看大廠是如何做設(shè)計的！

推薦閱讀

案例分享

1. Scoot--聯(lián)動設(shè)計，情感化的交互表達(dá)

Scoot 是一款新加坡的廉價航空產(chǎn)品，主要航點(diǎn)在澳大利亞和中國大陸，為用戶提供中長程航線。Scoot 的設(shè)計風(fēng)格與其名稱“酷航”一樣，顏色采用黃黑配色，視覺感受年輕，app 內(nèi)視覺形象積極向上極富情緒感染力，在用戶添加出行人數(shù)時，畫面中跳出歡樂的人物形象，為用戶帶來更好的視覺體驗(yàn)，提升用戶的情緒價。

1. 針對不同年齡繪制形象：在用戶添加出行人數(shù)時會有小人聯(lián)動跳出，針對嬰兒、兒童和成人繪制了覆蓋各個年齡段的人物形象，給用戶較強(qiáng)的代入感；情感化的設(shè)計也讓整個交互變得更加生動有趣，充滿驚喜。
2. 正向情感調(diào)動：結(jié)合產(chǎn)品的設(shè)計風(fēng)格設(shè)計了多個卡通形象，每個小人都揮舞著手臂，洋溢著燦爛的笑容，向用戶傳遞一種歡脫的氛圍，富有感染力。

2. Priceline—強(qiáng)調(diào)優(yōu)勢，體現(xiàn)酒店服務(wù)亮點(diǎn)

Priceline 是一家在線旅游服務(wù)網(wǎng)站，為用戶提供酒店、機(jī)票、租車、訂餐以及搜索比價等服務(wù)。為了幫助用戶更高效、快速地做出決策，Priceline 在酒店列表頁新增酒店相關(guān)服務(wù)標(biāo)簽，用戶在列表頁就可判斷該酒店是否滿足自己的需求，簡化搜索流程。

1. 提前披露酒店優(yōu)勢，輔助用戶提前決策：酒店列表頁每張卡片中橫向滾動展示酒店相關(guān)服務(wù)標(biāo)簽，例如“有健身房”、“有殘障設(shè)施”、“禁煙”等等，方便用戶在列表頁快速抓取該酒店的服務(wù)內(nèi)容，判斷其是否符合自己需求，從而提高決策效率。
2. 推薦平價替代方案，提供更多選擇：在酒店列表頁提供部分酒店的平價替代方案，例如推薦同類型但是評分稍低，價格更低廉的酒店，滿足更追求性價比或者預(yù)算有限的用戶的需求。

3. Citymapper--綠色出行，瘦身減排

Citymapper 是一款英國的地圖導(dǎo)航產(chǎn)品，目前導(dǎo)航范圍已涵蓋全球多個國家與城市。除了和常規(guī)導(dǎo)航軟件應(yīng)用一樣為用戶提供多種交通方式的出行方案外，Citymapper 鼓勵用戶選擇綠色出行方式，并通過累計出行后的卡路里消耗、減排量及省錢金額給予用戶激勵。

1. 信息結(jié)構(gòu)化，提升方案比對效率：選擇出行方案時，縱向結(jié)構(gòu)化展示每種出行方式的卡路里、金額、時長，便于用戶快速對比方案的優(yōu)劣勢，選擇更適合自己的路線。
2. 出行成就可視化：結(jié)合品牌 ip 設(shè)計了卡路里消耗、綠色減排和省錢達(dá)人 3 個可愛的視覺形象。并在用戶行程結(jié)束后，以等價量化的方式，將綠色出行的價值等到具像化展示，提升出行后的成就感。

4. RedBus--讓人驚喜的切換動效

RedBus 是一家印度在線巴士票預(yù)訂公司，目前范圍已涵蓋多個東南亞及南美洲國家與城市，為用戶提供大巴、火車的預(yù)定業(yè)務(wù)。

點(diǎn)擊動效傳遞業(yè)務(wù)屬性：redbus 首頁頭部切換 tab 時，增加了點(diǎn)擊交互動效，通過大巴和火車的行進(jìn)動效來強(qiáng)調(diào)業(yè)務(wù)屬性，向用戶傳遞一種能夠快速到達(dá)的感受，同時增強(qiáng)了用戶的互動性和趣味性。

5. Swiggy 靈動島--小空間也能發(fā)揮大作用

Swiggy 是一款來自印度的送餐應(yīng)用程序，提供食品訂購和配送服務(wù)。Swiggy 需要在下單后向用戶發(fā)送多個通知以便于用戶了解訂單的進(jìn)展情況。Swiggy 通過巧妙地利用實(shí)時活動小部件和靈動島，來改變推送消息的方式。盡可能簡化用戶查詢訂單狀態(tài)的流程，提高信息傳播的效率。

1. 針對不同場景繪制插畫，實(shí)現(xiàn)訂單狀態(tài)可視化：Swiggy 為訂單的每一階段狀態(tài)繪制插畫，例如已下單、制作中、配送中等。插畫不僅有效拉開視覺層次，而且準(zhǔn)確反映訂單的實(shí)時狀態(tài)，并且變得易于觀賞。對用戶來說，無聊的通知欄也可以變得充滿趣味。
2. 合理利用靈動島的有限空間傳遞信息：利用靈動島較小的空間來最大化地展示訂單狀態(tài)，嚴(yán)格地把握圖標(biāo)設(shè)計，使其能適應(yīng)不同尺寸的空間。以最簡潔高效的方式組合圖標(biāo)和文字信息。部分元素與實(shí)時活動小部件保持一致，以保證設(shè)計的整體性。

最后要說的話

本期的設(shè)計分享就到這里啦。

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

后續(xù)我們將持續(xù)深度體驗(yàn)產(chǎn)品，挖掘更多值得分享、學(xué)習(xí)的設(shè)計案例。努力將其中的方法理論應(yīng)用到智行 APP 后續(xù)的產(chǎn)品設(shè)計中。愿我們的努力為你帶來更好的體驗(yàn)。下周二見。

*文中配圖來源于各 APP 內(nèi)截圖，侵刪

歡迎關(guān)注作者微信公眾號：「智行ZXD設(shè)計中心」