萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

交互設計如何注入趣味與愉悅?六大實戰策略深度拆解

「好的產品關注功能,優秀的產品關注情感。」趣味性、愉悅度屬於情感化設計範疇。功能與實用性雖是基礎,但缺乏情感連結,難以激發快樂、愉悅、美感等深層體驗。如同將「花、大海、春天、小屋」等普通名詞經詩意組合成「面朝大海,春暖花開」,交互設計中的按鈕、選單、圖標、動效等元素,若能以詩意方式重組,便能觸動用戶情緒波動。

交互設計本質是對用戶行為的設計,直達內心的設計能影響情感進而驅動行為。用戶本質非理性,邏屬理性,情感藏於理性背後,設計師需具備時間、感覺、情緒的綜合圓熟,而非單純技巧。情感設計須考量產品用戶群,塑造的產品個性必須與目標用戶相符。一言以蔽之,交互趣味的核心在於:「情理之中,意料之外」。

方式一:延伸現實——iOS 慣性滑動的啟示

最經典案例莫過於 iOS 慣性滑動(Bas Ording 設計),簡單、有力、充滿樂感,看似微不卻影響深遠,奠定 iOS 多點觸控、慣性滑動的整個框架基礎。初次接觸者也能直覺理解,操作時情感體驗極佳。對比 Android 早期生硬的邊界反饋,差異立現。隨後 Loren Brichter 在此基礎上延伸出「下拉刷新」,被 Twitter 收購並申請專利。在既有基礎上創造,同樣是偉大的設計。

(慣性滾動專利示意圖)

下拉刷新

方式二:觸景生情——深澤直人的香蕉汁包裝

透過視覺手段微妙喚起用戶感覺與情緒。深澤直人的香蕉汁包裝,模擬剝香蕉動作,讓用戶在開啟瞬間產生聯想與愉悅。此類手法目前在各 App 中應用最廣。

方式三:小把戲——Google 搜尋頁的轉跳彩蛋

將枯燥事物以輕鬆幽默方式呈現,在不失功能性前提下增加想像力。Google 搜尋結果頁的特殊轉跳動畫、微信的蛋糕雨、快捷酒店管家的紙巾提示,皆屬此類。能引發會心一笑的正向情感,但切忌過度使用。

Google 搜尋結果頁面轉跳設計

微信蛋糕雨、快捷酒店管家日房左側紙巾提示

方式四:保持新鮮感——對抗習慣化適應

人會忽略熟悉事物,當熟悉環境出現新奇元素,注意力會被捕獲。遊戲類 App 常透過新裝備、新玩法、新資料包維持新鮮感;輸入法推出多款皮膚,讓枯燥輸入過程注入情感投射(雖屬被動選擇)。

百度 Mac 輸入法皮膚

方式五:充分利用聲音與多感官

聲音節奏與旋律能直接影響情感。QQ 新訊息音、微博下拉刷新音、Windows 開機音……在 App 中植入有趣聲音:計時器倒數時的滴答聲、臨近結束的急促聲、結束時的水壺沸騰聲,皆能引發會心一笑。除聲音外,還可探索觸覺、嗅覺等多感官互動。

方式六:遊戲化思維

遊戲本身充滿交互趣味,設計師需思考如何將遊戲機制引入產品,或以遊戲方式呈現產品。Android 解鎖螢幕以益智遊戲實現加密解鎖,即為佳例。

Android 解鎖螢幕

所有設計靈感其實都在腦海中,關鍵在於如何發現。設計不應始於技術或功能,但現實常受限於二者,這正是設計師需不斷突破的矛盾所在。

copyright © 萬盛學電腦網 all rights reserved