網頁設計中的交互設計從來都不是簡單事情，體驗好的交互設計往往能幫助用戶更流暢地瀏覽網站，提高網站的點擊率和用戶停留時間。其實，隨着網頁設計不斷發展，用戶已很難被美觀的網頁設計和出人意料的動效設計所打動，相反令人愉悅且流暢的交互設計，才是留住他們腳步的關鍵。現在，香港網頁集團將為大家分享交互設計中常見的誤區有哪些，希望各位能有意識地繞過這些坑，設計出更多優秀的作品。

網頁設計規範

什麼是交互設計?

何為交互?交互，即溝通交流，發生互動關係。人與人之間的交互其實很好理解，舉個例子：《西遊記》中，金角大王對孫悟空說：「大聖爺，我叫你一聲，你會應嗎?」然後，金角大王就叫：「孫大聖!」，若孫悟空應了他的話，便被收入到葫蘆中。

網頁設計中的交互，同樣是與人發生互動關係，只是對象從「人-人」，改成了「網頁-人」。因此交互設計就是以用戶為中心的角度出發，努力創造和建立人與產品及服務之間有意義的關係，從網站的「可用性」和「用戶體驗」兩個層面上進行分析。

網頁設計規範

交互設計的核心要素有哪些?

交互設計旨在滿足用戶的可用性需求，實現產品的易用與創新，其五大要素更是貫穿這個交互過程，對提升產品的使用體驗有着重大意義。

交互設計的五大要素，包括：

① 目的：解決用戶某個需求，給公司帶來價值。

② 用戶：了解產品的目標用戶群體及其特徵。

③ 場景：了解用戶使用產品時所處的場景及其特徵。

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

⑤ 行為：用戶在特定場景下用特定媒介完成特定目的時，會產生的行為路徑。

設計網頁交互時，需把注意放在用戶、用戶動機和行為上，以及發生這些行為的媒介和場景，從這些層面上思考網頁交互設計，才能更貼近其本質。

交互設計中常見的誤區有哪些?

1. 過度創意

網頁設計師絕不能缺少創意，同樣他們也會試圖不斷尋找能讓產品脫穎而出的優秀創意。但涉及交互設計時，「創意」並不一定就是好，它也有可能會對網站及產品產生不利的影響。

交互設計過度追求創意，往往會損害一些用戶體驗，對用戶造成瀏覽障礙。如：Lotorama網站雖然有着漂亮的頁面和柔和的音樂，但同時也會讓用戶感到遲疑，甚至茫然無措造成網站瀏覽障礙。

網頁設計規範

2. 令人迷惑的交互

不少設計師試圖運用別具一格的名稱，設計富有實驗性的導航。如：Chijoff網站。

用戶往往需要折騰一陣子才知道「Co-Create」的連結其實是連到「Services」頁面。更糾結的是，用戶瀏覽完整個頁面，仍然不知道怎樣操作，因為頁面底部僅僅只有一個表單，展示行業新聞，以及一個註冊入口。至於聯繫頁面就更為簡單，只提供郵遞區號和郵寄地址。總而言之，用戶一旦進入網站，便開啟了「迷路」模式。

網頁設計規範

3. 頁面雜亂無章

曾經有段時間，設計師很喜歡將所有內容全塞到一個頁面中。儘管這樣的時代已過去，但仍有不少網站依然掉入這坑裡。

Flipkart網頁雖然採用簡單的配色方案，但頁面中大大小小的框、複雜多變的字體卻破壞這種簡約的風格，甚至會讓用戶對着這些大量複雜的資訊而感到疑惑。

網頁設計規範

4. 缺少對比度

對比度是構建網頁視覺層次的最重要手段之一，同時也吸引用戶關注頁面重要信息的最佳方式之一。網頁設計中，對比度不僅僅通過色彩呈現，尺寸、形狀、位置等都可以展現獨特的對比。

Modernthemes網站在一致性做得頗為不錯，但複雜的背景導致文字內容、按鈕等前景元素無法突出，用戶可能會因此忽略網頁的重要信息。

網頁設計規範

5. 忽視表單樣式

表單設計師用戶體驗設計的基本組成部分之一，然而很多網站雖然設計得非常漂亮，但卻會出現無聊到死的複雜表單，讓人感到非常厭煩。

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

網頁設計規範

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