
微交互Citymapper 搜索欄的圖標彩蛋
在「Citymapper 」用戶輸入目的地時,搜索欄上的放大鏡圖標會顯示「努力工作」的表情。情感化的微交互設計充滿趣味性和情緒傳遞。投稿:易樹ESU
龍爪槐守望者: 仔細觀察美團外賣的加購圖標設計,我們會發(fā)現它采用了完全不同的視覺策略。每個加購圖標,都有一個身穿黃色工服、頭戴頭盔的「外賣小哥」IP形象,但是不同的商品類型又不一樣。在餐飲類商品頁面,加購按鈕旁邊顯示的是一個卡通化的外賣小哥形象,他雙手穩(wěn)穩(wěn)托舉著橙色的保溫箱,傳遞出專業(yè)送餐的服務感。切換到超市頻道,圖標立刻變成了經典的購物籃造型,籃子里還能看到一些商品的輪廓。水果生鮮區(qū)域則展示著裝滿各色水果的編織籃,蘋果、香蕉等水果清晰可辨。而在鮮花板塊,圖標變成了精美的手捧花束,花瓣層次分明,充滿浪漫氣息。 不同的圖標瞬間建立起了心理預期和情感聯系。一個有溫度、有親和力的視覺元素,遠比一個冰冷的logo更能拉近與用戶的距離??吹酵赓u小哥的形象,腦海中自然浮現出熱騰騰的飯菜被小心送達的場景;購物籃讓人聯想到逛超市的日常體驗;果籃營造出新鮮健康的感覺;花束則喚起了浪漫溫馨的情緒。這種設計不僅降低了用戶的認知成本,還增強了對不同商品類別的信任感和購買欲望。
在「Citymapper 」用戶輸入目的地時,搜索欄上的放大鏡圖標會顯示「努力工作」的表情。情感化的微交互設計充滿趣味性和情緒傳遞。投稿:易樹ESU