深圳網(wǎng)站建設(shè)：網(wǎng)站交互式設(shè)計(jì)的誤區(qū)有哪些？

網(wǎng)站設(shè)計(jì)中的交互設(shè)計(jì)從來都不是簡單事情，體驗(yàn)好的交互設(shè)計(jì)往往能幫助用戶更流暢地瀏覽網(wǎng)站，提高網(wǎng)站的點(diǎn)擊率和用戶停留時(shí)間。其實(shí)，隨著網(wǎng)站設(shè)計(jì)不斷發(fā)展，用戶已很難被美觀的網(wǎng)站設(shè)計(jì)和出人意料的動(dòng)效設(shè)計(jì)所打動(dòng)，相反令人愉悅且流暢的交互設(shè)計(jì)，才是留住他們腳步的關(guān)鍵。現(xiàn)在，香港網(wǎng)頁集團(tuán)將為大家分享交互設(shè)計(jì)中常見的誤區(qū)有哪些，希望各位能有意識地繞過這些坑，設(shè)計(jì)出更多的作品。

什么是交互設(shè)計(jì)?

何為交互?交互，即溝通交流，發(fā)生互動(dòng)關(guān)系。人與人之間的交互其實(shí)很好理解，舉個(gè)例子：《西游記》中，金角大王對孫悟空說：「大圣爺，我叫你一聲，你會應(yīng)嗎?」然后，金角大王就叫：「孫大圣!」，若孫悟空應(yīng)了他的話，便被收入到葫蘆中。

網(wǎng)站設(shè)計(jì)中的交互，同樣是與人發(fā)生互動(dòng)關(guān)系，只是對象從「人-人」，改成了「網(wǎng)頁-人」。因此交互設(shè)計(jì)就是以用戶為中心的角度出發(fā)，努力創(chuàng)造和建立人與產(chǎn)品及服務(wù)之間有意義的關(guān)系，從網(wǎng)站的「可用性」和「用戶體驗(yàn)」兩個(gè)層面上進(jìn)行分析。

交互設(shè)計(jì)的核心要素有哪些?

交互設(shè)計(jì)旨在滿足用戶的可用性需求，實(shí)現(xiàn)產(chǎn)品的易用與創(chuàng)新，其五大要素更是貫穿這個(gè)交互過程，對提升產(chǎn)品的使用體驗(yàn)有著重大意義。

交互設(shè)計(jì)的五大要素，包括：

① 目的：解決用戶某個(gè)需求，給公司帶來價(jià)值。

② 用戶：了解產(chǎn)品的目標(biāo)用戶群體及其特征。

③ 場景：了解用戶使用產(chǎn)品時(shí)所處的場景及其特征。

④ 媒介：為了適應(yīng)特定用戶在特定場景下完成的特定目的，需考慮媒介類型。

⑤ 行為：用戶在特定場景下用特定媒介完成特定目的時(shí)，會產(chǎn)生的行為路徑。

設(shè)計(jì)網(wǎng)頁交互時(shí)，需把注意放在用戶、用戶動(dòng)機(jī)和行為上，以及發(fā)生這些行為的媒介和場景，從這些層面上思考網(wǎng)頁交互設(shè)計(jì)，才能更貼近其本質(zhì)。

交互設(shè)計(jì)中常見的誤區(qū)有哪些?

1. 過度創(chuàng)意

網(wǎng)站設(shè)計(jì)師絕不能缺少創(chuàng)意，同樣他們也會試圖不斷尋找能讓產(chǎn)品脫穎而出的創(chuàng)意。但涉及交互設(shè)計(jì)時(shí)，「創(chuàng)意」并不一定就是好，它也有可能會對網(wǎng)站及產(chǎn)品產(chǎn)生不利的影響。

交互設(shè)計(jì)過度追求創(chuàng)意，往往會損害一些用戶體驗(yàn)，對用戶造成瀏覽障礙。如：Lotorama網(wǎng)站雖然有著漂亮的頁面和柔和的音樂，但同時(shí)也會讓用戶感到遲疑，甚至茫然無措造成網(wǎng)站瀏覽障礙。

2. 令人迷惑的交互

不少設(shè)計(jì)師試圖運(yùn)用別具一格的名稱，設(shè)計(jì)富有實(shí)驗(yàn)性的導(dǎo)航。如：Chijoff網(wǎng)站。

用戶往往需要折騰一陣子才知道「Co-Create」的連結(jié)其實(shí)是連到「Services」頁面。更糾結(jié)的是，用戶瀏覽完整個(gè)頁面，仍然不知道怎樣操作，因?yàn)轫撁娴撞績H僅只有一個(gè)表單，展示行業(yè)新聞，以及一個(gè)注冊入口。至于聯(lián)系頁面就更為簡單，只提供郵遞區(qū)號和郵寄地址。總而言之，用戶一旦進(jìn)入網(wǎng)站，便開啟了「迷路」模式。

3. 頁面雜亂無章

曾經(jīng)有段時(shí)間，設(shè)計(jì)師很喜歡將所有內(nèi)容全塞到一個(gè)頁面中。盡管這樣的時(shí)代已過去，但仍有不少網(wǎng)站依然掉入這坑里。

Flipkart網(wǎng)頁雖然采用簡單的配色方案，但頁面中大大小小的框、復(fù)雜多變的字體卻破壞這種簡約的風(fēng)格，甚至?xí)層脩魧χ@些大量復(fù)雜的資訊而感到疑惑。

4. 缺少對比度

對比度是構(gòu)建網(wǎng)頁視覺層次的最重要手段之一，同時(shí)也吸引用戶關(guān)注頁面重要信息的更佳方式之一。網(wǎng)站設(shè)計(jì)中，對比度不僅僅通過色彩呈現(xiàn)，尺寸、形狀、位置等都可以展現(xiàn)獨(dú)特的對比。

Modernthemes網(wǎng)站在一致性做得頗為不錯(cuò)，但復(fù)雜的背景導(dǎo)致文字內(nèi)容、按鈕等前景元素?zé)o法突出，用戶可能會因此忽略網(wǎng)頁的重要信息。

5. 忽視表單樣式

表單設(shè)計(jì)師用戶體驗(yàn)設(shè)計(jì)的基本組成部分之一，然而很多網(wǎng)站雖然設(shè)計(jì)得非常漂亮，但卻會出現(xiàn)無聊到死的復(fù)雜表單，讓人感到非常厭煩。

此外，表單要求太多，想法不成熟或未經(jīng)過良好測試等，都讓人非常惱人，如sketchybusiness.io網(wǎng)站，其表達(dá)突出了所有空白欄位，即使有些內(nèi)容真的不需要填寫。

網(wǎng)站不是好看就行，如果忽略交互設(shè)計(jì)，這會讓用戶感到非常困惑或沮喪，因此設(shè)計(jì)網(wǎng)站時(shí)，千萬別試圖限制創(chuàng)意，同時(shí)忘記設(shè)計(jì)基本原則，這樣或許會給用戶帶來更多驚喜。

【版權(quán)聲明】:本站內(nèi)容來自于與互聯(lián)網(wǎng)(注明原創(chuàng)稿件除外),供訪客免費(fèi)學(xué)習(xí)需要。如文章或圖像侵犯到您的權(quán)益，請及時(shí)告知，我們第一時(shí)間刪除處理！謝謝！