設計交互從來都不是一件容易的事情。它包括對用戶行為的深入分析和細致的規(guī)劃。隨著新技術(shù)和交互設計模式的出現(xiàn)，事情變得越來越難。

用戶很難用光滑的圖像、平滑的懸空效果和意外的動畫來給用戶留下深刻印象，但是這個難題仍然是一樣的——你怎么能創(chuàng)造出一種令人愉快的用戶體驗，并伴隨著用戶的微笑產(chǎn)生轉(zhuǎn)換呢?如果你意識到常見的設計陷阱，你就不太可能制造它們。

為了讓你更容易——也許是讓你知道你不是一個人——這里有一個關(guān)于最常見的交互設計錯誤概念的綜述。

1。不知所措與創(chuàng)新

網(wǎng)頁設計師是一個有創(chuàng)造力的人。我們想通過我們的工作來表達自己。我們一直在尋找創(chuàng)新的方法讓設計脫穎而出。然而，當談到IxD時，創(chuàng)新并不總是有效的。它甚至可能對你的網(wǎng)站不利。用戶渴望熟悉，并且經(jīng)常關(guān)注特定的操作方式。

Etsy的創(chuàng)意總監(jiān)、《網(wǎng)絡產(chǎn)品設計》(Product Design for the Web)的作者蘭迪·j·亨特(Randy J. Hunt)清楚地指出:“嘿，設計師們:別再想那么聰明了。”在這篇文章中，他更詳細地解釋了為什么在設計網(wǎng)絡時不應該過分追求創(chuàng)新。

以Iotorama網(wǎng)站為例。它看起來很漂亮，音樂很有靈魂，但是隨著所有這些球的移動，用戶就不知道該怎么做了。別誤會我的意思，這個項目太棒了，太有創(chuàng)意了!我喜歡這個游戲化的想法，但它與直覺相去甚遠。

不知所措與創(chuàng)新

這是另一個例子。在斜坡項目上的安全人員想出了一個簡潔的交互式網(wǎng)站，告訴用戶冬季運動的危險。它是創(chuàng)新的，同時也是直觀的，沉浸式的和有趣的。



歐文

2。令人困惑的導航

“不要太聰明”的規(guī)則也會影響到導航。一些設計師試圖通過嘗試不同的名字來做原創(chuàng)。例如，Chijoff網(wǎng)站讓用戶不知道他們到底提供了什么，以及如何雇傭他們。要想知道“共同創(chuàng)建”頁面應該等同于“服務”，需要一點瀏覽。”,即便如此,在閱讀整個頁面后,用戶仍想做什么…頁面的最后有一個小表格報名參加最新的行業(yè)新聞和技巧!“聯(lián)系人”頁面上也沒有表單，只有郵政和電子郵件地址。他們只是不讓人們?nèi)菀着c他們?nèi)〉寐?lián)系，或者雇傭他們。

Chijoffco

你能猜到在Maison Margiela網(wǎng)站上有什么“宇宙”嗎?它實際上鏈接到他們的Facebook頁面。誰會想到呢?

Maisonmargiela

相比之下，看看legworkstudio的網(wǎng)站。它具有驚人的創(chuàng)造性和與眾不同。導航是清晰和明確的。用戶不可能迷路。

3所示。雜亂

曾經(jīng)有一段時間，網(wǎng)站試圖把所有可能的東西都放在上面。那些日子一去不復返了，然而許多網(wǎng)站還是犯了這個錯誤。把這個在線商店:

Flipkart公司

設計師試圖堅持一個簡單的配色方案，但在這個頁面上，不同顏色的盒子、標識和字體的數(shù)量足以讓用戶感到震驚。搜索欄很醒目，“那么，你今天想要什么?”“文字，但是整體的外觀和感覺的布局是相當過時的。

EBay是一家主要的在線零售商。eBay并沒有將產(chǎn)品圖片、促銷活動和多次行動的要求塞滿網(wǎng)站，而是將其保持干凈和簡單，突出顯示他們希望用戶首先看到的內(nèi)容，并明確提示下一步要做什么。

易趣

4所示。相反,寶貝!

對比是建立視覺層次的最重要手段之一，并將用戶的注意力吸引到特定的元素上。在網(wǎng)頁設計中，對比并不僅僅意味著顏色的使用，還包括尺寸、形狀和定位。

最簡單、最生動的例子就是這個網(wǎng)站。他們成功地保持了一致性，但是當涉及到訂單時，背景和按鈕的一般外觀是不吸引人的。

現(xiàn)代的主題

比較。顏色選擇很接近，但結(jié)果卻截然不同。此外，創(chuàng)造性的滾動效果平滑地介紹了新的驚人的產(chǎn)品特性-反光材料。酷,不是嗎?

Bjornborg

5。忽視形式樣式

表單設計是用戶體驗的基本組成部分之一。每個網(wǎng)站都有一個目標——無論是生成線索、直接銷售產(chǎn)品還是提供信息。不幸的是，有很多網(wǎng)站都有光鮮的主頁，他們更喜歡用冗長的表單和復雜的驗證碼來煩死用戶。除非用戶有強烈的事前動機，否則他們就會離開。

使用JCF這樣有效的跨瀏覽器解決方案，是時候忘記丑陋的默認表單元素了，并轉(zhuǎn)向更有吸引力的用戶體驗。

  本文來源：杰云網(wǎng)絡，轉(zhuǎn)載請注明出處！如果需要 營銷型網(wǎng)站建設、 微商城、 小程序商城、 多端小程序 請聯(lián)系我們！