人人都“懂”交互設計_網頁設計教程

推薦：說說那些有意思的“返回頂部”
筆者在這里收集了一些網站的有意思的返回頂部按鈕，并做簡單的賞析，包括極客公園、欣欣旅游網、豬八戒網等知名網站。筆者猜想，有多少人會去用返回頂部按鈕呢?這是一個設計、體驗的細節，但表現出的意義卻是這個功能真的是用戶需求嗎?那我們就來說說那些有意思的返回

 

近些年來，隨著交互設計概念越來越為人們所熟知，交互設計師這個職位，也已經在互聯網公司里得到廣泛并且專業化的應用——對于交互設計的定義、目標和作用，人們或多或少，都能說出個八九不離十。即便是行業外的人，如果跟他說起交互設計是做什么的，得到的反饋往往會是：

這個工作，挺好!

這個事，有意義!

這個，我也能做!

——作為一名交互設計師,聽到這些,會有什么樣的感想呢?

人人都懂交互設計！

——這聽起來確實是個好事兒：在達成共識，彼此理解的基礎上，工作才能更好地開展。然而，在實際工作中，大家也許都會或多或少地存有這樣的疑問：我們有著共同的目標，都想把產品做好，想有好的市場回報和用戶口碑，為什么我們如此努力，卻往往會感到力不從心，還不斷地遇到這樣,或那樣的糾結：

每個人都困惑著

——交互設計師的疑慮:

1、拿到一個產品需求時，交互已經差不多定了

需求說明中包括了交互框架和交互形式，有時還包括了交互效果和細節，那么，交互設計師的職責就只是來review原型中是否有遺漏?

2、產品需求是什么?先畫出交互原型再看

需求說明中只有大致的產品描述，交互設計師根據自己的理解設計并畫出原型后，產品才能發現需求中的諸多問題，這時再修改需求并重新設計交互，一遍，又一遍…

3、就幾個頁面，用不了太多時間

交互設計被給予的時間往往是用頁面的個數來衡量的。很多時候，交互設計師不得不在完成任務和保證質量的單選題中掙扎。難道，交互設計師的職責就是照著需求簡單地把頁面草圖“畫”出來?

4、產品上線了，我的設計呢?

設計方案被實施上線后，交互設計滿懷激情地打開產品界面，卻發現自己的設計已經全然變了模樣，誰動了我的設計……

——很多交互設計師，不僅僅是剛入行的設計師，包括一些從業多年的設計師，都會時不時產生這樣的懷疑：交互設計師的價值到底是什么?難道真的就是一個可有可無的角色，一個簡單勞動者，一個用來輔助需求的工具……那么,我們的出路和未來在哪里?

 

——產品經理的擔憂

1、需求和交互分不開，交互設計師如何參與?

做需求的過程中，交互部分就順帶著一起想了，如果讓交互設計師專門做交互的話，就意味著必須把兩者分開來考慮，這是不是多此一舉了……

2、交互一介入，我的需求就被推翻了?

我想讓交互設計師幫著出一個原型圖，但他似乎總是想挑戰我的需求……原型圖出來后，需求很多地方都被更改了，怎么辦?

3、專門做交互，時間上不允許啊

有專門的設計師進行交互設計當然更好，但是在產品需要快速上線的情況下，很難留出時間來做專門的交互設計，特別是在需要一些用戶研究數據支持的時候，交互設計往往需要花比預計更多的時間，這個確實很難接受

——產品經理有他們的苦衷和迷茫：交互設計師到底能為我們帶來什么?我們想讓交互設計師發揮更專業的作用，但是，似乎總是找不到一種更合適的模式。

 

—視覺設計師的苦惱

1、我應該面對需求，還是面對交互

視覺設計師設計的起點，以及設計迭代過程中，都會希望是在界面信息結構及交互形式等全部確定以后再進行，但是在實際工作中往往會遇到這樣的問題：有時候輸出給設計師的是產品需求(需求的細化程度也很不一致);有時候輸出的是交互原型。設計中什么地方需要與交互設計師討論并確定，什么地方需要通過產品經理，這個往往讓設計師們無所適從。

2、視覺設計不停地被要求調整，其實是需求在變化

視覺設計方案經常會被要求頻繁地迭代，這種情況有時候是由于設計本身的性質決定的，但更多的情況，卻是因為一個設計版本出來之后，會展露出諸多產品需求和交互方面的問題，這之后的很多修改，其實是在調整需求或者交互，造成很多之前的設計成為了無用功

——視覺設計師希望他們能在清晰的需求和交互框架下進行設計，并且在設計過程中明確什么樣的問題，該與誰進行討論和確定。

從我做起

理清了自身，以及合作伙伴的困惑和疑問之后，作為一名交互設計師，我們首先必須從自我做起，才能更好的幫助自己，幫助他人解決問題，掃清合作中的障礙：

——專業性

體現一個職位的價值和不可替代性，要做的第一件事就是完善自己的專業結構，時刻保持自身的職業素養。

1、交互設計是一門交叉學科，所涉及的學科領域非常廣泛。由于中國現在還沒有形成較為成體系的交互設計專業，所以，相對于專業出身而言，相關的專業知識積累和豐富的跨學科經驗，就成為衡量一名好的交互設計師的最重要基礎。

 

2、當然，僅僅具備這些理論背景知識和經驗還是不夠的，只有將這些知識、經驗和原理等經過自己的消化、吸收并有機地貫徹到實踐中，才能學以致用，逐漸體現交互設計的實用價值。

3、不得不提到的是，交互設計的確需要一些天賦：一名優秀的交互設計師，應當具備敏銳的洞察力，清晰縝密的邏輯思維，要能夠善于權衡利弊，以小見大，對復雜事物進行合理的分辨和判斷，以及擁有交互計師最為重要的品質：同理心(Empathy)——這些，也許僅僅通過理論知識學習和經驗積累，也是不一定能輕易達到的。

只有對照以上各方面的要求，具備了職業的交互設計師的能力和素質，才能在實際工作中發揮更專業、更讓人信得過的作用。

——設計實踐

專業性在實際工作中的體現，在于設計中的一言一行——每一個設計細節，都要考慮周到，有理有據;每一個設計作品的產出，都應該能夠經得起推敲。

1、要在深入理解產品背景、目標和定位的前提下開展設計

2、設計過程中，要時刻將產品目標和用戶目標綜合起來考慮，將產品需求最為妥帖地“翻譯”為用戶需求

3、讓交互設計貫穿于整個產品的生命周期：從前期的產品規劃，需求產出，到交互設計本身、視覺設計，一直到產品開發、測試、迭代環節，以及用戶研究和用戶測試的UCD方法等，都應該有不同的程度的參與或關注。這樣，交互設計才能真正地融入產品，為產品服務

4、在工作中注意站在更高的層面考慮問題，把握大的方向，明確團隊中各成員的職責及彼此的分工協作方式，善于根據實際情況調整合作模式和方法，時刻以最為有效、順暢的方式協同工作

寫在后面

也許就在前些年，交互設計師還得費很大的勁兒才能給別人解釋清楚自己的職業——大多數人對交互設計這個詞是完全是陌生的�，F在，這種尷尬的情況基本上已經一去不返了。在這個全民都在講用戶體驗，人人都懂交互設計的時代，作為一名交互設計師，當然應該感到幸福，而同時，我們也更愿意看到——在人人都懂交互設計的基礎上，人人都需要交互設計，并且以自己的團隊中擁有一名專業的交互設計師而感到驕傲。

分享：HTML絕對路徑和相對路徑
HTML初學者會經常遇到這樣一個問題，如何正確引用一個文件。比如，怎樣在一個HTML網頁中引用另外一個HTML網頁作為超鏈接(hyperlink)？怎樣在一個網頁中插入一張圖片？