新手談談網站交互設計

因爲所在團隊的項目緣由，開始接觸實戰的交互設計，第一次使用 Axure 來爲一個網站設計一份交互。加入團隊的時候，總體站點的功能和需求基本有了一個大框架，因此只提出了一些修改和增減的意見，主要針對網站在功能上的側重以及交互上的缺失，而主體板塊上面則沒有作過多的變更。

在自覺得完成了交互稿以後，看到視覺同窗給出的效果圖，彷佛有點心滿意足的感受。很巧地，在人人上遇到了之前的老舍友，目前正在某大型網站作產品經理，因而就冒昧地提出把我作的網站原型拿給他看看，請求提一些建議。

結果是，出乎個人意料，可是又讓我很是滿意地，提出了不少相當重要的建議（正規公司的培訓和本身摸索是徹底不一樣的）。尤爲是在學生團隊中不管如何摸索也不容易自我覺醒的建議。因此趁熱打鐵，權當本身是一個初學者的典範，說說初學者對網站交互設計的一些誤解。

誤解一：交互設計，就是用軟件作控件佈局和跳轉連接

從我和朋友的原型圖就能高下立判，一個原型圖逼近成品，而個人，則可能好一點的手稿也要比個人原型圖清晰和美觀。錯誤地把交互理解爲設計主體佈局和頁面之間的跳轉關係，而且簡單呈現給視覺，是我作交互設計犯下的第一個錯誤。單調的頁面也僅僅體現了佈局，絲毫沒有體現出交互，更沒有表達出不一樣的切換效果、換頁動畫以及呈現方式，這會對視覺以及前端同窗的工做形成不少的不便。

誤解二：交互不對內容的排布作充分的考慮

首頁過大的 banner 會致使分割了首頁導航欄和主體內容，過分注重美觀則使得內容打了折扣。同時，在活動列表等界面中，儘可能保證每一屏中的幾個活動所在的位置和體現效果『公平』，不然排序靠後的內容就很是容易被忽略掉（點擊量落差巨大）。所以，在交互設計中，除了要肯定某一個大區域中放置的內容，對於其中細節內容的排布也應當有所考慮和安排。不然，你的響應式設計就會影響運營同窗的工做。

總的來講，交互設計和視覺設計、前端實現構成了響應式網站設計不可或缺的總體，我再次對前期工做的不嚴謹和不專業對前端以及視覺同窗表示深入的歉意。交互設計，毫不僅僅是使用 Axure 把控件拖來拖去的體力活，也不是拍腦殼決定某一個佈局好看或者某一個區域的內容。全部的位置、信息和像素，都是產品的體現、都是需求的知足、都是功能，都是產品經理須要 care 的東西。

最後，大公司對於重要的頁面的設計都會有高級負責人親自過目和確認，保證最終的效果。而在咱們團隊中，則可能須要產品經理、設覺設計和 Leader 一塊兒來把關。