網(wǎng)站設(shè)計(jì)分析：交互設(shè)計(jì)那些事兒（一）

時(shí)間：2022-07-05 18:30:01 | 來(lái)源：建站知識(shí)

時(shí)間：2022-07-05 18:30:01 來(lái)源：建站知識(shí)

這是一次內(nèi)部分享，新部門的同學(xué)們希望我聊聊我過(guò)去從事的交互設(shè)計(jì)，做個(gè)了面對(duì)入門者等級(jí)的PPT，和各位簡(jiǎn)單聊了聊。發(fā)到微博上，也敦促自己對(duì)交互設(shè)計(jì)從業(yè)經(jīng)歷做個(gè)簡(jiǎn)單總結(jié)。——類似的文章，貌似自己在三年前也寫過(guò)……

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

要談什么是交互設(shè)計(jì)，先要了解這幾個(gè)概念。

網(wǎng)頁(yè)設(shè)計(jì)年代，大概是從2004年開(kāi)始熱起來(lái)了，等到我畢業(yè)的2006年，滿大街都已經(jīng)是電腦培訓(xùn)機(jī)構(gòu)，記得當(dāng)時(shí)北大青鳥(niǎo)的百日千才培訓(xùn)就在我每日下班必經(jīng)的十字路口。

網(wǎng)頁(yè)設(shè)計(jì)年代重視的是特效，說(shuō)白了就是特效背后的技術(shù)，君不見(jiàn)當(dāng)時(shí)的網(wǎng)頁(yè)是讓人看得眼花繚亂啊，這里bling bling閃閃的，漂浮框亂跳的。然后就是套各種網(wǎng)頁(yè)設(shè)計(jì)模版，做出很多復(fù)雜的類似于右邊這種典型的政府網(wǎng)站出來(lái)。

美工時(shí)代：

網(wǎng)頁(yè)設(shè)計(jì)時(shí)代，大批的“美工”涌現(xiàn)。顯然人們有了更高的追求，光是bling bling的眼花繚亂的動(dòng)畫(huà)效果已經(jīng)看厭了，網(wǎng)頁(yè)也是需要裝飾美化的。雖然網(wǎng)頁(yè)設(shè)計(jì)論壇(www.68design.net)當(dāng)時(shí)很火，但是網(wǎng)頁(yè)設(shè)計(jì)師這個(gè)頭銜仍然是一廂情愿的叫法。大多數(shù)時(shí)候，仍然是老板和客戶嘴里的“美工”。

美工時(shí)代重視的是：視覺(jué)效果。并且，原來(lái)對(duì)網(wǎng)頁(yè)設(shè)計(jì)一竅不通的老板們紛紛成了資深的視覺(jué)鑒賞家。美工時(shí)代“美工”很痛苦——單純靠視覺(jué)效果去評(píng)價(jià)作品好壞，太主觀，太隨意。于是他們通常會(huì)做N個(gè)版本，反復(fù)修改，直至美工崩潰或者老板崩潰。

歷史邁入了偉大的UI年代。

大概是在2005年，我崇拜的網(wǎng)絡(luò)名人從擅長(zhǎng)鼠繪的小非變成了圖標(biāo)達(dá)人Rokey(時(shí)光倒流到2005年，我正在看這篇文章：靈感來(lái)源于生活-微軟亞洲工程院移動(dòng)設(shè)備組UI設(shè)計(jì)師張偉)。也自學(xué)了關(guān)于UI的若干知識(shí)，開(kāi)始迷戀起PS像素級(jí)的奇妙世界。

UI=User Interface. 已經(jīng)將User即用戶納入界面設(shè)計(jì)考慮的重要要素。但是對(duì)于精致、質(zhì)感的無(wú)極限的追求，依然會(huì)讓人顧此失彼，忘記了從用戶的視角去審視一個(gè)UI的作品。于是，經(jīng)常會(huì)看到雖然很精致，但是很難用的軟件界面。

用戶看到的部份，無(wú)可挑剔。但是實(shí)際上，使用的感受并不好。而感受部份，可以從幾個(gè)角度去闡釋：

他們知道不知道這個(gè)是什么東西?他們感覺(jué)到迷惑嗎?

他們是否清楚能夠通過(guò)此物做什么?

是否清楚如何做到?

當(dāng)他們有興趣去嘗試時(shí)，他們知道如何開(kāi)始嗎?

當(dāng)他們開(kāi)始后，知道如何進(jìn)行下一步嗎?

當(dāng)不想要使用時(shí)，能夠快速明白如何退出嗎?

當(dāng)他們退出后，下次來(lái)用，是否需要重新去學(xué)習(xí)掌握如何操作?

每一步操作時(shí)，他們心理會(huì)感覺(jué)到愉悅還是枯燥乏味?

當(dāng)然，我們崇尚軟件操作過(guò)程中的效率，但是若用戶感覺(jué)到愉悅，也許就不會(huì)覺(jué)得效率太低，其實(shí)，效率是個(gè)相對(duì)的說(shuō)法。歸根結(jié)底，這就是用戶體驗(yàn)。

UED時(shí)代——用戶體驗(yàn)制勝

我們不缺技術(shù)，我們不缺另人震撼的視覺(jué)，這些雖然過(guò)去是我們孜孜追求的東西，如今已經(jīng)不足為奇。但是我們?nèi)庇脩魜?lái)用，我們?nèi)庇脩舫掷m(xù)來(lái)關(guān)注，我們?nèi)庇脩趔w驗(yàn)。用戶體驗(yàn)過(guò)去一直在產(chǎn)生影響，但是未能得到足夠的重視。

2007年，開(kāi)始關(guān)注www.ucdchina.com. UED是套方法論，UCD是指導(dǎo)思想——User-centered Design. 不再是BCD-Boss-Centered Design.老板說(shuō)了算，除非老板能夠代表目標(biāo)客戶。這和市場(chǎng)營(yíng)銷學(xué)發(fā)展的歷程有點(diǎn)像，從生產(chǎn)主導(dǎo)到市場(chǎng)主導(dǎo)。

以下是我在用戶體驗(yàn)設(shè)計(jì)?——是什么不是什么里用到的圖片。WEB2.0后，用戶的參與度越來(lái)越高，用戶從被動(dòng)的接受者變成了主筆，主編，攝影師，作家……他們是主角，使用中遇到問(wèn)題，當(dāng)然不可能靠網(wǎng)站的客服電話或幫助教程搞定，他們需要自助，所以，降低使用門檻，消除使用障礙，吸引他們重復(fù)使用，是每個(gè)網(wǎng)站致力的方向。

以下是在用戶體驗(yàn)設(shè)計(jì)答疑對(duì)話(半吊子和純外行)一文中的配圖。從廣義來(lái)講，一個(gè)網(wǎng)站的任何部門都是在為用戶體驗(yàn)服務(wù)，從戰(zhàn)略層的布局開(kāi)始，用戶體驗(yàn)已經(jīng)開(kāi)始。而狹義的用戶體驗(yàn)設(shè)計(jì)，也就是UED部門做的事情，大部分是圍繞到結(jié)構(gòu)、框架以及表面層。

UED部門的組織架構(gòu)基本如下，解決用戶易用(交互、文案)，以及想用(視覺(jué)，交互)的問(wèn)題。而用戶研究是幫我們看清用戶特征、洞察及挖掘用戶需求，前端是偉大的實(shí)現(xiàn)者。

文案對(duì)于用戶體驗(yàn)的重要性經(jīng)常被忽視，所以，文案撰寫在UED團(tuán)隊(duì)是很稀缺的資源。目前據(jù)我了解，只有支付寶的UED團(tuán)隊(duì)有此配置，其他團(tuán)隊(duì)大部分是由產(chǎn)品經(jīng)理?yè)?dān)任此職。