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

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

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

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

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

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

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

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

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



歐文

2。令人困惑的導(dǎo)航

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

Chijoffco

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

Maisonmargiela

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

3所示。雜亂

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

Flipkart公司

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

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

易趣

4所示。相反,寶貝!

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

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

現(xiàn)代的主題

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

Bjornborg

5。忽視形式樣式

表單設(shè)計(jì)是用戶體驗(yàn)的基本組成部分之一。每個(gè)網(wǎng)站都有一個(gè)目標(biāo)——無(wú)論是生成線索、直接銷售產(chǎn)品還是提供信息。不幸的是，有很多網(wǎng)站都有光鮮的主頁(yè)，他們更喜歡用冗長(zhǎng)的表單和復(fù)雜的驗(yàn)證碼來(lái)煩死用戶。除非用戶有強(qiáng)烈的事前動(dòng)機(jī)，否則他們就會(huì)離開(kāi)。

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

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