前言當你聞到某人的香水味，品嘗瞭一份披薩，或者從某處聽到一首歌時，隻要這些事物能擊中你，就會讓你感覺自己置身於另一個環境、時間或心境。那麼你想象一下，如果你瀏覽的網站也能夠激起你這種體驗，會是怎樣？對感官的刺激會讓用戶將這種感覺與網站、品牌聯系起來，當然並不是每個感官觸發的記憶或者情感都是積極的，所以在設計時最好以大多數人的體驗為準。以下是作者提供的一些想法。一、為視覺而設計網站是一種被直接看到的媒介，但是瀏覽者在網頁上看到的照片、文字以及感受是有區別的。色彩理論是激發情感的工具，並且同一色彩會有多種含義，比如使用明黃色最初的目的是“讓訪客感到快樂興奮”，但結果可能導致他們感到不知所措和焦慮，所以如何正確使用顏色對設計師來說是種考驗。旅遊和酒店類的網站在這方面往往做得很好，下面舉個例子：每一頁不需要訪客去觀看背景視頻或者瀏覽滾動照片，就能達到沉浸式的體驗。比如圖片上的男人正在遛狗、一傢人要去散步或者是正在欣賞雲杉街港灣公園美景的人們，都會將你也帶入畫面中。三、為嗅覺而設計上小學的時候，如果表現得好就會收到老師的贊揚，比如一個手寫的紙條“做得好！（good！）”或者一個小貼紙（sticker），類似於Etsy網站上的這些：這種貼紙叫“刮刮嗅嗅貼紙”，用指甲在貼紙上刮蹭，就會發出聞起來和圖案一樣的味道，這真是太有趣瞭吧！有些人小時候如果使用過這種貼紙，之後隻要聞到類似“Berry good”草莓的味道，就能記起曾經小時候的那份成就感，老師也通過給予學生這種獎勵，讓學生將味道和好成績聯系起來。這就是網站的目標，去描繪一些可識別的氣味，以某種方式讓訪客感覺到輕松愉悅。再比如，這傢圖書館網站的圖片（Providence Athenaeum），對於一部分喜歡閱讀的人來說，他們一定能從這張圖片裡聞到“舊書”的味道。或者當你看到汰漬公司的網站時又是什麼感覺呢？即使你沒有用過汰漬品牌的產品洗衣服，你也肯定知道廣告輪播圖片裡面的衣服聞起來是什麼味道。一件幹凈衣服有清新舒適的氣味，會讓人很滿足。下面這個是Coffee Culture Cafe & Eatery的主頁，該主頁是以視頻的形式展示咖啡豆，不過我們仍然可以從這張靜態圖裡面聞到咖啡的香味。食物、飲料的圖片並不少見，但是這樣用最原始的咖啡豆，也最能夠引導用戶購買他們每天的第一杯咖啡。三、為聽覺而設計有沒有某一首歌能夠喚起你的回憶？和朋友出去旅遊一路上聽瞭無數遍的歌，中學時期午睡的起床鈴聲······這些歌會在某一時刻改變我們的心情和狀態，將我們從現實中拉出來，然後帶到回憶中去。當然能起到這種效果的不一定是音樂，尤其是在網站上，它可能都不會發出聲音。那麼如何才能夠在聽覺上引起用戶的註意呢？有兩種方法可以解決這個問題：第一種是選擇的圖片，其中需要包含可能即將發出的聲音、歡樂的場面或者積極的情緒。比如Kindermusik網站：左上角那張大圖就是一個小孩子正在準備敲擊一個樂器的圖片，很容易去聯想可能發出的聲音。雖然這個網站主要為孩子們提供以音樂為基礎的教育，但是並非每張圖片都聽起來像音樂。比如該網站的慈善福利頁面頂部是這張圖片。網站可能沒有任何聲音，但是我們都知道小孩子的獨特笑聲。對於父母來說，他們訪問網站的時候很樂意看到這樣的畫面。在設計中的另一種處理聲音的方法是將其完全移除。這個方法就適用於像斯堪的納維亞水療中心（Scandinave Spa網站）這樣的地方，客戶可以從社會、工作、生活等壓力中抽出身享受孤獨和寧靜。四、為味覺而設計Bence Nanay 博士在《Psychology Today》上寫瞭關於烹飪節目悖論的文章，討論為什麼這麼多人喜歡看別人做飯，網上到處都是食譜，但是學習烹飪的也是極少部分。他表明：觀看烹飪節目的最表層的意義是替代飲食——我們在沒有實際品嘗或聞到食物的情況下獲得瞭這一行為的心理意象。Nanay的論點可以進一步擴展：當人們看到一個事物結果的生產過程，他們會更加的專註投入。我們出去吃飯，食物就擺在盤子裡端上來，如果我們能看到食物制作的過程，那在體驗上就是額外加分項。例如這是嵌入到 Sweet Charlie 網站的視頻：視頻加載中…如果去買甜筒冰淇淋，親眼目睹到這個制作過程，那真是太爽瞭！五、為觸覺而設計觸覺相對來說容易描述一些，我們可以在各大購物網站上看到這種設計，比如允許購物者放大面料並瞭解他們想要觸摸、穿著的感覺，當然這隻是最基本的功能。就像 Anthropologie 為其用戶提供放大功能一樣：我們可以嘗試更加強烈的觸覺。另一種可以考慮的觸覺元素是人與人之間的接觸感覺或者按壓感。例如，這是Massage Envy 的網站主頁。這個圖片中按摩師的手法、按摩位置以及他所施加的壓力，並沒有讓我有太大感覺，可能是出於對稱性、顏色搭配、吸引力等考慮，擺拍瞭這樣一張。但是這樣也比那些隻放幾張按摩室的桌子沙發的圖片帶給我的感覺強烈。也可以提供有形的體驗，這同樣適合網站。例如 Bodhi Spa 網站用一小段視頻引導用戶體驗各種服務。比如下面這種放在首頁的按摩視頻：這個構圖同樣看起來對稱美觀，同時也沒有犧牲真實性。該視頻中按摩師真實的在向顧客的頸部、頭部施加壓力並且能夠感受到顧客很享受。然後用戶會看到一對夫婦享受水療，這個圖裡面像溫水、細鹽都是可以觸摸，包括水療結束後，夫婦手牽手進入冷卻室也會有觸感表現。六、總結一下如果一個設計想要兼顧所有感官似乎很難，但是選擇其中一種會非常有效。我們經常關註用戶的痛點，並以此和他們建立聯系，如果今後可以試著投入一些關註在如何讓用戶感到快樂的那部分，那麼你的設計一定會受到更多的青睞！【原文作者】 Suzanne Scacca【原文鏈接】https://www.smashingmagazine.com/2020/08/design-website-five-senses/【翻譯】簡立方