不管用戶處于何種目的來到你的網站,勢必都會創建一系列的活動事件。一些互動(例如點擊)幾乎每個用戶在瀏覽網頁設計時并不會過多的關注這些。但像其他具有一定“神奇效果”的互動,會使得用戶想要更多點擊和觸發。
和網站設計的很多規則一樣,交互之間也有一個細微的界限,要么恰到好處,是用戶在接觸時能產生好奇感和興趣,要么超過了限度使得頁面整體給人一種壓倒一切感覺。最神奇的交互應該是能夠讓用戶有點意想不到的,它雖然簡單,卻能創造一個情感聯結,并使用戶想要再次使用它。
1.神奇的交互
其實,一個真正神奇的交互不僅僅在于它“酷炫”的效果,最重要的是,它能夠預期用戶下一步要做什么。整體的網頁設計幾乎是跟著你的視覺一起移動的,或者就僅僅是快你一步,在你做出某個決定之前,你要做就只是花上一秒鐘的時間考慮(毫不遲疑的付諸行動)。
想要設計能夠滿足上述的交互界面,你需要非常了解你的用戶。在考慮整體網站設計的視覺或交互之前,你將不得不仔細研究自己的習慣和模式。一旦你擁有這些數據,那么你可以集思廣益地創建這些鏈接。
那么,什么讓交互真正成為神奇呢?你如何定義它?我覺得最好的描述來自于一篇學術論文“視覺推理中的信息交互”,里面列舉了一些例子:
· 點擊并拖動卡通元素的圖形,然后通過直接響應用戶的操作改變姿勢來“智能地”進行響應;
· 通過直接點擊視頻中的字符而不是使用滑塊瀏覽視頻數據;
· 適配移動設備以便于文件的傳輸;
· 通過2D套索來繪制3D點狀云。
所有的這些相互作用都具有“通過使用神秘或超自然的力量來顯示影響事件過程的力量”和“使某些東西似乎可以從日常生活中消除,特別是以令人高興的方式”這些特點。
2.智能交互動畫
對于現在的網頁設計來說,動畫幾乎是無處不在的。看起來幾乎每個網站都有嵌入式的東西,無論是視頻剪輯還是懸停效果,或者加載divot。這個有關“動態”的選擇是有道理的。因為動作可以自然地吸引眼球,并提供一段時間的參與,也可以作為一個分心的元素,是前端未完全加載或工作前給用戶帶來愉快的體驗。
智能交互的其中一種類型可以是通過移動的照片或影片來實現的。這種技術將靜止和動作與微妙的混合在一起,使用戶想要深入了解網站設計。
最聰明的動畫不僅僅只是簡單的動態效果——它需要能夠滿足用戶的一種需求,也即它實際上是功能性的。這種類型的互動開始頻繁發生在電子商務中,用戶希望從各個角度看待或“持有”產品體驗。在上面的Qantas Airlines的網頁設計案例中你可以看到它們正在使用同一個原理,網站設計允許用戶在飛機內看到座位選項等(點擊這個網站,你會驚訝于所有的東西,你可以“看”,但這感覺非常真實)。
3.直接點擊率
我想你經常有這種體驗——你登陸網站,點擊的元素卻得不到任何的反饋。通過更直接的可點擊性,你需要滿足這些元素可以將你帶到正確的位置上,創建用戶可以采取行動的點擊和鏈接。流程具有無縫的質量,使得這些點擊交互成為可能。
可能在目前的網站設計中你沒有足夠的有關互動的參考,但是當你發現的時候,總是會覺得它們是很有趣的。有關電影和音樂的網站是一個很好的例子(你需要點擊)。每個元素都是為了使網站感覺像電影互動的擴展。你可以點擊幾乎任何東西,并且每個都會相應的給出一些反饋,再結合卡通方面,真的會讓人感覺到神奇。
4.碰撞和接觸
雖然很多設計師更偏愛于“顛簸”的神奇效果,但更多的用戶喜歡有關“觸覺”的元素。因為它可以讓你輕松與智能手表進行互動——我永遠不會錯過任何通話、玩游戲,感覺更加直觀。碰撞可以是真實的或感覺到的,例如在Konterball游戲中,這取決于設備的類型。
在許多這些情況下,PC端的網頁設計使用用戶感覺上的動作,但是在手機或手表或VR設備上有一個實際的觸覺元素。
所以,基于觸摸的交互,網頁設計實際上是虛擬的。你可以通過設備的物理響應來預覽更多的接口。
5.視角尺寸
隨著視覺的提升和審美的變化,尺寸之間的線開始變得模糊。雖然屏幕呈現的是二維的,但更多的設計正嘗試創造三維的世界。而用戶仍然采取的是2D的動作,這是一個奇怪,但幾乎令人興奮的概念。
如果你使用這種方式進行網頁設計的話。
你將會實際看到神奇的效果。
在上述的Campo Alle Comete的網站設計中,通過頁面設計你會發現它正在試圖向你講述一個神奇的故事,其實本質上也是交互的故事。通過在屏幕上直線拖動鼠標,你會看到“世界”在變化和移動,而且這里說發生的運動似乎沒有任何規則可以遵循。運動的發生取決于你選擇的方向和速度上。這個設計最神奇的地方在于——你可能會不經意點擊并播放幾分鐘,然后才能意識到網站真正嘗試向你展示的信息(這是有關葡萄酒的主題)。
總結
那么,什么讓交互在網頁設計中成為真正神奇的元素呢?它必須是預期的,并且按照用戶希望發生的方式做出用戶預想的動作。它應該是有趣的,只是有點不同。而且它必須足夠簡單,不會產生混淆。
最后,當用戶用微笑或喜悅或滿足感來回應時,真正的神奇就發生了。“神奇”是人與網站設計之間的紐帶,沒有用戶的感覺參與其中的話,這就僅僅只是另一個設計手法而已。