通過添加“ DELIGHT”將UX提升到一個新的水平

網(wǎng)站的建立是為了執(zhí)行功能，并與其用戶進(jìn)行通信。但是除此之外，網(wǎng)站還可以吸引人，激動人心，甚至使用起來很有趣。

無論是通過版式，圖形還是攝影，為網(wǎng)站增加視覺吸引力都有助于維持我們對網(wǎng)站的參與度。但是我相信，交互元素也有可能提供視覺刺激和反饋，甚至使用戶滿意。在本文中，我將爭辯說，為用戶帶來有趣，驚喜和興奮的效果可以使您的網(wǎng)站和應(yīng)用程序更好，并使用戶回頭客。

喜

網(wǎng)站設(shè)計通常是一個枯燥的話題，充滿了UX術(shù)語和Information Architecture用戶旅程。但是，為什么在旅途中不應(yīng)該有一些樂趣呢？為網(wǎng)站增添樂趣是使網(wǎng)站不僅更具人性而且使您的網(wǎng)站獨一無二的好方法。 

我將在這里縮小對“快樂”的定義，說這是不需要的功能的補充。

我的意思是，它不是站點功能的必要部分。但是，它可以對網(wǎng)站的感知和體驗產(chǎn)生巨大影響。實際上，我想說的是，在設(shè)置網(wǎng)站色調(diào)時，如何處理用戶界面中絕對不必要的元素與版式和其他視覺元素一樣重要。

一次免費互動

在《 Cooper Journal》的  一篇文章中，  克里斯·諾塞爾（ Chris Noessel）稱“一次免費互動”是一種設(shè)計模式，“可以使軟件更具人性化的感覺?！?/span>

其中一部分是人們認(rèn)識到人類是煩躁不安的生物，經(jīng)常傾向于重復(fù)一些小動作。傳統(tǒng)上，我們會用筆和紙涂鴉或不斷縮回筆。例如，我是老牌筆友。 

人們經(jīng)常將這種煩躁情緒帶入網(wǎng)絡(luò)瀏覽，經(jīng)常上下滾動，選擇文本位或重復(fù)操作。  

“一次免費互動”模式通過創(chuàng)建可帶來意想不到或令人愉快的結(jié)果的互動元素來滿足人類這種天生的玩弄需求。需要一個例子嗎？嘗試將光標(biāo)懸停在此頁面頂部的Web Designer軟件倉庫“ W”徽標(biāo)上。

 正如Noessel所說，自由互動位于任務(wù)執(zhí)行范圍之外，而位于兩者之間。但是它們可以有效地塑造我們對所使用網(wǎng)站的情感反應(yīng)。

滾動效果

如前所述，最常見的“煩惱”之一是上下滾動，因此在滾動時增加視覺吸引力的站點通常很令人愉悅。

Image Mechanics 的Nizo攝影應(yīng)用程序的一頁頁面提供了“ Knolled”相機組件，這些組件在您向下滾動時可以移動，向下滾動時可以移動。如果您像我一樣，您將花費大量的時間來上下滾動，并使用華麗的界面。（不過，不要屏住呼吸等待應(yīng)用程序發(fā)布。）

在滾動上使用視差效果也會增加愉悅感，從而產(chǎn)生深度錯覺。我喜歡男孩子的網(wǎng)站，其滾動效果與網(wǎng)站的色調(diào)和視覺風(fēng)格完美匹配。

令我驚訝的是，沒有更多的網(wǎng)站具有水平滾動效果，因為側(cè)面滾動是游戲設(shè)計中如此普遍的主題。但一個很好的例子是Nintendo Mario Kart  網(wǎng)站，該網(wǎng)站回顧了任天堂20年來游戲機的歷史。

波蘭網(wǎng)站Mashup會添加一些圖形元素，這些元素會隨著您的滾動而過渡，這是一種實現(xiàn)低保真速寫本感覺的高科技方法。

滾動效果網(wǎng)站中的國王可能是Acko。在此，站點標(biāo)題元素是一個動畫3D涂鴉對象。它是帶入下一個層次的動畫徽標(biāo)，即身臨其境，互動，好玩。盡管游戲化是另外一個主題，但在UI上甚至有“解鎖”的成就。

情感設(shè)計

為您的網(wǎng)站增添樂趣，有助于與用戶建立情感聯(lián)系。設(shè)計中情感的力量只是我們才剛剛開始理解，但它有助于解釋為什么我們喜歡使用某些對象并與它們建立如此強大的聯(lián)系。它適用于物理產(chǎn)品設(shè)計以及交互式設(shè)計。

我認(rèn)為Apple產(chǎn)品受到如此高度重視的一個重要原因是，用戶對它們產(chǎn)生了情感上的依戀，并且在Apple硬件和軟件方面有很多令人高興的例子。我知道很多人都非常喜歡iOS移動Safari上的“橡皮筋”滾動，以至于他們會無意識地上下滑動它。 

好的，“很多人”是我的意思，但是史蒂夫·喬布斯（Steve Jobs）非常喜歡它，可以申請專利，它已成為Apple起訴三星的一部分。 

亞倫·沃爾特（Aaron Walter）在他的《為情感而設(shè)計》一書中，探討了成功的網(wǎng)站如何通過使用戶充滿個性來吸引用戶的情感。添加使用戶滿意的元素是執(zhí)行此操作的非常有效的方法。簡而言之，我們更喜歡使我們滿意的工具，因此對業(yè)務(wù)也有好處。

喜悅不是a頭

增加喜悅并不意味著增加故意的效果。這些效果可幫助塑造網(wǎng)站的個性。他們不必好玩或古怪（盡管如果您想傳達(dá)的個性就可以），但如果它更適合角色，那么他們就可以微妙和克制。看看pictet.com。我喜歡單擊搜索鏈接時搜索欄淡入的方式-它阻止了搜索文本字段成為主要元素，直到您要求它成為。它微妙而優(yōu)雅，非常適合該網(wǎng)站的風(fēng)格-瑞士金融服務(wù)公司-。

有時效果是如此微妙，您甚至可能不會注意到它們。例如，您是否知道BBC iPlayer的音量控制達(dá)到11？這是對Spinal Tap的一個很好的點頭。

不要過分

電商網(wǎng)站設(shè)計過多的意外交互會適得其反，從而造成視覺上的過度殺傷力。除非您試圖創(chuàng)建一種類似于游戲的高運動環(huán)境，否則太多的視覺效果以及遍布各處的翻轉(zhuǎn)，彈出窗口，whisbang和怪癖炸彈將嚴(yán)重降低對內(nèi)容的任何有意義的參與。以LEDbow網(wǎng)站為例。從技術(shù)上講，它很棒，但是我認(rèn)為它不能有效地進(jìn)行交流。發(fā)生了太多事情。