圖片加載失敗
首頁 動态

Our News

動态

網頁設計中常見的五種(zhǒng)交互設計錯誤

交互設計從來都(dōu)不是簡單的事(shì)情。可靠的交互通常需要借助對(duì)用戶行爲的深入分析,然後(hòu)有針對(duì)性的精心策劃。可是随著(zhe)新的技術和新的交互模式的不斷湧現,事(shì)情就變得不是那麼(me)容易了。


其實大家遭遇的困境都(dōu)很相似,用戶已經(jīng)很難被(bèi)單純炫酷的圖片、流暢的懸停效果和出人意料的動效所打動,真正能(néng)讓他們露出微笑的是持久、令人愉悅的交互設計和用戶體驗。如果你對(duì)于日常的設計中的常見的誤區有所了解,自然會有意識地繞過(guò)這(zhè)些坑。

内蒙古網站制作,内蒙古網站設計,内蒙古網站建設,呼和浩特網站建設,呼和浩特網站制作、呼和浩特網站設計首選内蒙古呼和浩特先誠網絡科技公司。先誠官網:/

爲了更好(hǎo)的設計,我們爲你簡單總結了一下最常見的5種(zhǒng)交互設計的誤區。


1、過(guò)度的創意


網頁設計師絕對(duì)不缺少創意。我們希望借工作表達自己,也一直在試圖尋找能(néng)讓産品脫穎而出的優秀創意。但是當涉及到交互設計的時候,推陳出新并不一定總是好(hǎo)的,它甚至會對(duì)你的網站和産品産生不利的影響。的确,許多用戶渴求新鮮的創意,但是在操作和交互上卻往往希望協調可控,所以他們更傾向(xiàng)于熟悉的交互。Etsy的創業總監Randy曾經(jīng)撰文探讨過(guò)這(zhè)個問題,文中直言“設計師們不要在此(交互設計)自作聰明了!”在這(zhè)篇文中,他詳細解釋了爲什麼(me)你不應該走極端去設計充滿大量創新交互的網頁。


以Lotorama的網站爲例子,漂亮的頁面(miàn)和柔和的音樂都(dōu)非常的贊,但是用戶進(jìn)來之後(hòu)會遲疑,想知道(dào)這(zhè)個網站要如何操作。不要曲解我的意思,如果你是純粹處于炫技,那麼(me)這(zhè)種(zhǒng)華麗而充滿遊戲性的網站絕對(duì)稱得上是創意無限,但是對(duì)于普通用戶而言,他們的直覺失去效果,茫然無措會成(chéng)爲網站浏覽的障礙。


2、令人迷惑的交互


“不要自作聰明”的規則也應當應用在導航設計上。一些設計師試圖運用别具一格不同尋常的名稱,以活動更富有實驗性的導航。比如這(zhè)個Chijoff網站,就讓前來應聘的用戶充滿困惑。如果你是網站的訪客,需要來回折騰一陣子,才能(néng)搞清楚這(zhè)個名爲“Co-Create”的頁面(miàn)實際上也就是常見的“Services”頁面(miàn)。最糾結的是,即便是你將(jiāng)整個頁面(miàn)都(dōu)看完之後(hòu),仍然高不清楚要怎麼(me)辦,因爲這(zhè)個頁面(miàn)的底部僅僅隻有一個表單,展示行業新聞,并且僅僅提供一個注冊入口!至于聯系頁面(miàn)就更簡單了,僅僅提供了一個郵政編碼和一個郵件地址。總而言之,他們用各種(zhǒng)手段讓用戶無法直接快速有效的聯系上他們。


3、雜亂無章


曾經(jīng)有過(guò)一個階段,設計師試圖將(jiāng)所有的内容全都(dōu)塞到一個頁面(miàn)當中去。雖然這(zhè)個時代已經(jīng)過(guò)去了,但是很多網站依然在犯這(zhè)個錯誤,甚至在我們自己設計的時候,有時候也會身不由己地想這(zhè)麼(me)做。看看這(zhè)個在線商店的設計吧:


設計師試圖使用簡單的配色方案,但問題是頁面(miàn)中大大小小的框、複雜多變的字體破壞了整體的風格,用戶也在大量繁複的信息中懵逼。搜索框中“那麼(me)你今天想得到什麼(me)呢?”文案還(hái)是挺時尚的,但是頁面(miàn)風格卻完全是過(guò)時的設計。


反觀EBay的設計,在設計上則更爲克制,保持清爽而簡單的設計,凸顯用戶關注的内容,并且明确地提示用戶下一步該怎麼(me)做。


4、要有對(duì)比度


對(duì)比度是構建視覺層次最重要的手段之一,也是讓視覺元素吸引用戶的絕佳方式。在網頁設計中,對(duì)比度不僅僅是通過(guò)色彩來呈現的,尺寸控制、形狀設計、位置調整也都(dōu)能(néng)表現出對(duì)比度。最簡單也是最生動的案例,就是下面(miàn)的這(zhè)個網站。設計師在網站的一緻性上做的頗爲不錯,但是相對(duì)複雜的背景和文字内容、按鈕等前景元素之間的對(duì)比不明顯。


相比之下,這(zhè)個網站也采用了深淺色(黑白)的對(duì)比來進(jìn)行設計,但是結果卻截然不同。另外,充滿創意的滾動效果也引入了頗爲不錯的視覺效果,很酷吧?


5、忽視表單樣(yàng)式


表單設計其實是用戶體驗設計的基本組成(chéng)部分之一。每個網站都(dōu)有不同的設計目标,不論是銷售産品、呈現信息還(hái)是提供溝通平台,然而許多設計漂亮的網站總會給你一個令人感到無聊到死的複雜表單,除了那些極其想加入會員或者想參與問卷調查的那些訪客,許多用戶(比如我)會直接關閉頁面(miàn),離開(kāi)網站。


有了JCF這(zhè)樣(yàng)的跨浏覽器解決方案之後(hòu),你就可以同醜陋的默認表單樣(yàng)式說再見了,你可以設計更優秀更人性化的表單那設計,來提升交互效率和用戶體驗。


另外一個惱人的情況是,表單要求太多,想法不成(chéng)熟,或者并未經(jīng)過(guò)良好(hǎo)的測試。比如sketchybusiness.io 這(zhè)個網站中,表單突出了所有的空白字段,即使有些是不需要填寫的。

反觀mostlyserious.io的表單設計,你會喜歡表單中的鼠标懸停提示。另外,其中“Don’t be shy”的提醒爲整個表單增添了人性化的元素。

結語

網站并不是做好(hǎo)了就夠了,你還(hái)需要多加測試!有許多問題并不是意料之中的。用戶會在哪裡(lǐ)碰到問題?導航中的設定是否符合用戶的意識?視差效果和内置的視頻是否能(néng)夠流暢加載?讓用戶參與測試最大的好(hǎo)處是你真的開(kāi)始擁有用戶的視角,而非你自己的腦補,了解實際的需求,才能(néng)有所改進(jìn)。不要試圖限制你的創造力,但是也不要忘記基本的原則,這(zhè)樣(yàng)才能(néng)在不爲用戶帶來困惑和沮喪的同時,給予他們驚喜。

注:本文均來自百度搜索,如涉及版權問題,請聯系我們,我們會第一時間解決。