2012-5-4 藍藍設計的小編
轉載藍藍設計( m.skdbbs.com )是一家專注而深入的設計機構 ，為期望卓越的國內外企業(yè)提供有效的 BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務
來源：http://cued.xunlei.com/log022
如果您想訂閱本博客內容，每天自動發(fā)到您的郵箱中， 請點這里
品到設計.jpg)
很多網(wǎng)頁設計師認為自己做好設計就可以，其他的事可不用理會和學習，那就大錯特錯了！一個優(yōu)秀的設計師，必須深入了解產(chǎn)品本身、相關交互結構及用戶體驗等常識！這樣設計師設計的東西才能深入產(chǎn)品中去，避免不犯錯誤！ 設計來源生活和思考，同樣作為一個網(wǎng)頁設計師，要不斷地學習、思考、分析產(chǎn)品才能設計出更好的作品 ！
這里主要與迅雷看看 產(chǎn)品為例，談設計及用戶體驗的點點滴滴！希望對剛跨入網(wǎng)頁設計這行的童鞋們有所幫助！
主要兩個方面講：
● 了解產(chǎn)品需求設計 （以迅雷看產(chǎn)品為例）
● 交互設計與視覺設計
首先講下第一方面：
● 了解產(chǎn)品需求設計 （以迅雷看產(chǎn)品為例）又 主要從四點來分析說明：
1. 迅雷看看知多少
2. 看看設計師面對的用戶及關系
3. 迅雷看看設計要求
4. 迅雷看看具體規(guī)范
第一點：迅雷看看知多少
迅雷看看與優(yōu)酷、奇藝、土豆、酷6等視頻類網(wǎng)站，技術上最大的區(qū)別是什么？迅雷看看和優(yōu)酷、土豆、酷6等視頻網(wǎng)站從內容上說區(qū)別又是什么呢？迅雷看看用戶使用的電腦分辨率比例是怎樣呢？我們得知后，對我們設計有什么幫助，該注意什么事項等等都需要設計師深入了解產(chǎn)品后，才得到更好的結論！
2011年8月份數(shù)據(jù)：網(wǎng)站排名
權威數(shù)據(jù)監(jiān)測機構艾瑞提供
2011年8月份數(shù)據(jù)： 迅雷看看播放器排名
迅雷看看排在所有視頻網(wǎng)站第三位，看看播放器排在第二位！流量和用戶如此之大，有人會問這關我們設計師有啥事呢？當然有事！這就要求我們在設計的時候，嚴格要求自己，一個小小錯誤或者一個像素拖動都將會導致有不同的轉化率出現(xiàn)，也會影響網(wǎng)站的用戶體驗,所以面向海量的用戶群，更要求我們設計師本身做設計的時候要更嚴謹更注重產(chǎn)品細節(jié)。
迅雷看看的架構線
了解迅雷看看產(chǎn)品框架線，設計師設計的時候才能深入處理好相互之間的關系及風格的統(tǒng)一！
還需要了解迅雷看看用戶分辨率、 瀏覽器、 用戶操作系統(tǒng)這些數(shù)據(jù)，以便我們更容易做跨平臺的設計。
第二點：看看設計師面對的用戶及關系
作為一個設計師，不僅需要了解該產(chǎn)品的用戶群體，設計出符合用戶口味的風格，當然還要符合產(chǎn)品本身特征的風格定位！但更重要的是您了解該產(chǎn)品的產(chǎn)品經(jīng)理想要一個什么樣的東西，處理好之間的關系，便于加強溝通，這樣才能設計出好的產(chǎn)品！
第三點：迅雷看看設計要求
主色調的統(tǒng)一
眾所周知，迅雷看看的主色調是藍色，設計時注意保持統(tǒng)一。像新浪是黃色 奇藝是綠色 土豆是黃色，優(yōu)酷的是藍色一樣等，都有自己的色調體系！
整體把握
了解整個互聯(lián)網(wǎng)視頻網(wǎng)站的風格定位及方向，結合自身的特點，做到，內容最大，用戶體驗其次， 最后才是視覺設計。
第四點： 迅雷看看具體規(guī)范
Logo、字間距、頁面尺寸、版本間距、每個像素、鏈接顏色、字體、圖片大小、圖標、整體視覺風格等都要受到關注和有條理的統(tǒng)一。
風格的統(tǒng)一，可以說就是細節(jié)的統(tǒng)一， 細節(jié)決定成敗 ！
接下來第二方面：
● 交互設計與視覺設計 主要從四點來分析說明：
1.什么UED
2.用戶體驗的重要性
3.交互與視覺設計間的關系
4. 如何提高自己的交互能力
第一點：什么是UED
用戶體驗（User Experience Design，簡稱UED）是一種純主觀的在用戶使用一個產(chǎn)品（服務）的過程中建立起來的心理感受。因為它是純主觀的，就帶有一定的不確定因素。
用戶體驗主要是來自用戶和人機界面的交互過程。
一句話：以用戶為中心、以人為本
第二點： 用戶體驗的重要性
1、提高用戶的回訪率（用戶黏度）；
2、增強品牌氣質的影響力和用戶的榮譽感（口碑）；
3、提高產(chǎn)品持續(xù)獲取利潤的能力
4、提高產(chǎn)品的用戶滿意度、為品牌帶來不可估價的口碑；
5、增強用戶對品牌的忠誠度和信任度；
6、合理而的促進用戶點擊欲望
7、是超越競爭對手最有深遠影響的一個重要方面
第三點： 交互與視覺設計的關系
用戶體驗以用戶為中心，交互設計是圍繞用戶體驗展開設計的，而視覺設計是交互設計為中心的！
可以說，離開交互設計即用戶體驗的設計，必定是一個失敗的視覺設計，
即使你的視覺設計再好再牛B,那也不過是畫蛇添足罷了！
交互設計與視覺設計成正比，
好的設計，離不開好的交互設計做基石！ 交互設計要求我們細致，視覺簡潔清爽，易學易懂，當自己是個挑剔的、笨的用戶。
第四點： 設計師如何提高自己的交互能力
1.多看，多用，多研究用戶體驗好的網(wǎng)站(如amazon.com、yahoo.com）
2.做的設計時候，不斷滴思考和推敲是否可以有更好的改進，讓視覺和體驗得到完美的釋放！
3.分析網(wǎng)站的競爭對手，同樣的東西它好在哪里，為什么這樣做等！
4.設計流程圖能力
5.表達能力
始終明確改善、用戶及數(shù)據(jù)之間的關系
“改善”是手段， “用戶”是核心，“數(shù)據(jù)”是根據(jù).
舉例說明，設計如何提高自己獨立思考及交互能力
迅雷7上交互和體驗上的問題
迅雷7“下載完成后關機”按鈕設置完成后，跳出的提示框。當您操作的時候，粗略操作下！你很容易發(fā)現(xiàn)“取消完成后關機”與“關閉”按鈕靠的太近，用戶容易誤操作；”關閉“按鈕白色，不明顯，很容易忽略！
接下來，設計師就可以解決這樣的問題！如下圖：
我們只要移下位置，關閉按鈕換成提示框背景色一色系更深的顏色即可，顏色看上不就不會突兀！” 取消完成后關機“文字也可以精煉成”取消開啟“即可，用戶很好理解，它與前句呼應的關系！
當你做到這個時候，遠遠還不夠！試問自己能不能更好呢？這時設計師需要去思考！才能用戶體驗更完美！
我們都知道，在網(wǎng)頁設計里黃色一般表示”警示、提示、提醒、告知“的含義，而綠色表示：“通行、健康、環(huán)保、成功”的含義，顧提示框的顏色有問題，很容易被人忽略，沒到達到告知、提示用戶的目的！再深入思考，不難發(fā)現(xiàn)，提示框的出現(xiàn)的位置也有問題，用戶粗略一看不知道提示出自哪里！發(fā)現(xiàn)了問題，那我們就可以更深入解決！
如下圖：
這樣話，用戶容易操作，容易發(fā)現(xiàn).也就達到你設計目的！
總結
設計師需要思考，做每一步都是講道理的過程，
設計師需要了解，只有了解了產(chǎn)品的特征，才能做出更好的設計
設計師需要提高自身的交互能力，這樣才能避免犯錯誤
設計師更需要不斷的學習，提高自己的審美能力和動手能力.