|
|
|
| 網(wǎng)站制作之客戶體驗(yàn)與交互設(shè)計(jì)經(jīng)驗(yàn) |
|
所有行業(yè)的生計(jì)根本就是客戶體驗(yàn)，如果一家餐館沒有可口的飯菜顧客也不會(huì)經(jīng)常去的，一次就知道是什么樣子怎么會(huì)有反復(fù)去的可能呢，這點(diǎn)原因和我們網(wǎng)站是一樣的，不注重客戶體驗(yàn)?zāi)敲磿?huì)有客戶反復(fù)的瀏覽咱們的網(wǎng)站么，無論是新站網(wǎng)站制作還是老站改版答案可想而知，那么我們就聊聊其中是怎么體驗(yàn)的吧。
是多身份，多角色使用產(chǎn)品
譬如微吧,以新手的身份試玩微吧，得到的引導(dǎo)提示是基礎(chǔ)的,也是為全面的;以賬號(hào)注冊(cè)時(shí)間為3-6個(gè)月的用戶身份使用產(chǎn)品,得到的引導(dǎo)和文案提示就與新手有所區(qū)別，涉及到操作權(quán)限的提示層的區(qū)別更為明顯,吧主與專家身份的操作提示與普通用戶得到的引導(dǎo)與提示在內(nèi)容和形式上都有差異,運(yùn)用多種角色使用同一種產(chǎn)品，有助于我們快速了解產(chǎn)品。
第二要梳理產(chǎn)品邏輯,理解產(chǎn)品架構(gòu)，宏觀的認(rèn)識(shí)產(chǎn)品內(nèi)部邏輯及產(chǎn)品與產(chǎn)品之間的聯(lián)系
成熟的產(chǎn)品內(nèi)容很多，層級(jí)豐富，新用戶容易在使用時(shí)，孤立地理解單一頁面的結(jié)構(gòu)和組件的細(xì)節(jié)，缺乏對(duì)產(chǎn)品整體、深入地思考。完整地梳理產(chǎn)品的結(jié)構(gòu)，有利于我們整體地理解和掌握產(chǎn)品，為提出優(yōu)化方案做準(zhǔn)備。
微博幫助中心產(chǎn)品結(jié)構(gòu)梳理
在接觸微博幫助產(chǎn)品時(shí)，我對(duì)幫助中心產(chǎn)品的站內(nèi)結(jié)構(gòu)和產(chǎn)品邏輯進(jìn)行了梳理，對(duì)服務(wù)向?qū)У捻撁鎸蛹?jí)的重要性提出了疑問——“服務(wù)向?qū)Мa(chǎn)品的結(jié)構(gòu)比較簡(jiǎn)單，內(nèi)容較少,可以考慮降低該產(chǎn)品層級(jí)性”，也許觀點(diǎn)并不一定準(zhǔn)確，舉這個(gè)例子也只是說明通過梳理產(chǎn)品的結(jié)構(gòu)，新手是可以做到較快速地掌握產(chǎn)品邏輯，宏觀地理解看似復(fù)雜的產(chǎn)品。
第三是歸納總結(jié)體驗(yàn)不足之處
互聯(lián)網(wǎng)產(chǎn)品的特點(diǎn)之一便是迭代迅速，每一期的產(chǎn)品上線都或多或少因?yàn)闆Q策、時(shí)間等原因存在著體驗(yàn)上的不足。經(jīng)過之前兩個(gè)步驟，我們對(duì)產(chǎn)品本身已比較了解，在參與頁面的問題走查時(shí)，也能避免認(rèn)識(shí)上的不足帶來的一些疑問，準(zhǔn)確地找到產(chǎn)品體驗(yàn)不足之處。
此外，對(duì)線上的產(chǎn)品進(jìn)行問題走查還需遵循相應(yīng)的交互設(shè)計(jì)原則：一致性、簡(jiǎn)潔性、流暢性、及時(shí)反饋等。以“體驗(yàn)一致性”交互原則為例：產(chǎn)品良好的一致性能夠降低用戶學(xué)習(xí)成本，培養(yǎng)用戶良好的使用習(xí)慣。一方面，表現(xiàn)為產(chǎn)品內(nèi)部的體驗(yàn)一致，系統(tǒng)內(nèi)的組件形式與其他組件形式部分保持一致，建立產(chǎn)品與用戶之間的信任;另一方面，表現(xiàn)為產(chǎn)品與產(chǎn)品之間體驗(yàn)一致，把一致的體驗(yàn)延伸到多個(gè)獨(dú)立系統(tǒng)中，遵循共同的設(shè)計(jì)標(biāo)準(zhǔn)，避免用戶出現(xiàn)不適或陌生。
第四是我們要一直遵循用戶榜首，網(wǎng)站沒有了用戶那么制作就沒有含義了。若是網(wǎng)站功用因改版后不能運(yùn)用或許說運(yùn)用方法有了非常大的改動(dòng)，那么這勢(shì)必會(huì)讓訪客感到莫衷一是，乃至對(duì)網(wǎng)站發(fā)生沖突心思。在這個(gè)疑問上有必要仔細(xì)思考，做好計(jì)劃，不然因新網(wǎng)站制作而帶來的流量丟掉就因小失大了。
第五讓咱們從字面上來了解一下。
網(wǎng)站制作或改版通常來說是對(duì)版面做一個(gè)全新的描繪，適當(dāng)所以自始至終從頭架設(shè)了一個(gè)網(wǎng)站，這天然是無可厚非的，但在尋求完滿的一起還應(yīng)該兼顧到網(wǎng)站全體的個(gè)性描繪，這是非常重要的。試想，改版后的網(wǎng)站相關(guān)于舊版的網(wǎng)站個(gè)性懸殊，幾乎是扯不上邊，徹底沒有了舊日的影子，這將會(huì)涉及到整個(gè)網(wǎng)站的形象。天經(jīng)地義，這也將會(huì)是一個(gè)失利的改版計(jì)劃。
第六，網(wǎng)站改版建造從搜索引擎視點(diǎn)來剖析的要素
要咱們理解這一點(diǎn)其實(shí)并不難。首要咱們做網(wǎng)站即是要經(jīng)過搜索引擎、經(jīng)過網(wǎng)站來取得更多的流量。只有當(dāng)網(wǎng)站有了流量，才干證明網(wǎng)站存在含義，存在必定的價(jià)值。因而，咱們?cè)谧鼍W(wǎng)站改版特別要在這個(gè)方面多加思考，若是對(duì)網(wǎng)站進(jìn)行了較大的改動(dòng)，搜索引擎會(huì)需求一段時(shí)間對(duì)改版后的網(wǎng)站進(jìn)行調(diào)查。至于詳細(xì)的狀況以及影響，這取決于網(wǎng)站所做改動(dòng)的程度，若是改版后的網(wǎng)站從主題和內(nèi)容上與舊版網(wǎng)站比較有著很大的差異，那么這乃至有能夠致使被搜索引擎拋棄對(duì)網(wǎng)站的錄入。
第七是網(wǎng)站改版在站表里優(yōu)化方面的影響。
談到關(guān)于網(wǎng)站優(yōu)化建造方面就不得不談到網(wǎng)站的站內(nèi)和站外優(yōu)化。
1、關(guān)于網(wǎng)站的站內(nèi)優(yōu)化需求在改版的時(shí)分注意關(guān)鍵字的要素。
網(wǎng)站運(yùn)營通常都是需求思考關(guān)鍵字的要素。當(dāng)咱們?cè)谧鼍W(wǎng)站的時(shí)分，網(wǎng)站優(yōu)化排行是支撐網(wǎng)站流量的一個(gè)重要要素。因而，在對(duì)網(wǎng)站進(jìn)行改版的時(shí)分就天然需求咱們思考關(guān)鍵字的規(guī)劃疑問，而這也往往和網(wǎng)站的價(jià)值休戚相關(guān)。若是一個(gè)網(wǎng)站具有質(zhì)量很高的關(guān)鍵字，那么當(dāng)你著手對(duì)網(wǎng)站改版的時(shí)分有必要要思考到這個(gè)要素。若是輕率對(duì)網(wǎng)站改版而未對(duì)所存在的關(guān)鍵字以及各種流量來歷數(shù)據(jù)進(jìn)行詳細(xì)剖析，那么網(wǎng)站改版后很簡(jiǎn)單會(huì)丟掉某個(gè)關(guān)鍵字所帶來的流量。
2、網(wǎng)站優(yōu)化建造需求注意的外鏈的要素。
上面咱們講到網(wǎng)站的站內(nèi)關(guān)鍵字優(yōu)化非常重要。可是，網(wǎng)站的外鏈也不容忽視。因而，若是想要網(wǎng)站具有更多的流量和較好的排行就不能不注意這一點(diǎn)疑問。事實(shí)上，網(wǎng)站外鏈在某種程度上來講會(huì)對(duì)網(wǎng)站的權(quán)重有著至關(guān)重要的影響，一個(gè)有著廣泛的反銜接的網(wǎng)站會(huì)比相關(guān)于反銜接較少的網(wǎng)站能取得更大的權(quán)重，而權(quán)重較大的網(wǎng)站關(guān)于在搜索引擎的索引排行上有著無足輕重的影響。若是改版不小心，形成很多的無效連接或許丟掉掉一些權(quán)重高排行好的連接，這也并非啥功德。
第八、多參與需求的溝通
與提需求的產(chǎn)品經(jīng)理不同，交互設(shè)計(jì)師關(guān)注的是產(chǎn)品的易用性、流暢度和操作感受。從需求文檔上來看，產(chǎn)品方更像是從宏觀的角度去提出產(chǎn)品設(shè)計(jì)的理念;而交互設(shè)計(jì)師，則是從更多的細(xì)節(jié)出發(fā)，去提升產(chǎn)品的用戶體驗(yàn)。兩種不同的出發(fā)點(diǎn)決定了只有產(chǎn)品經(jīng)理和交互設(shè)計(jì)師較好配合，友善溝通，才能夠準(zhǔn)確地將產(chǎn)品策略轉(zhuǎn)化為產(chǎn)品原型，從而為后面的工作提供準(zhǔn)確的參考。因此，需求溝通是交互設(shè)計(jì)師必備的一項(xiàng)技能，作為新人在溝通需求時(shí)應(yīng)注意以下幾點(diǎn)：
1.積參與項(xiàng)目(與自己相關(guān))需求溝通與討論。對(duì)實(shí)習(xí)生而言，工作中的溝通應(yīng)從理解需求開始，確保與產(chǎn)品經(jīng)理對(duì)需求的理解一致，以避免原型圖、視覺方案反復(fù)修改，增加工作量。
2.對(duì)需求必須有自己的判斷。除了能做到對(duì)需求有自己專業(yè)的理解外，還能夠幫助產(chǎn)品經(jīng)理理清思路，確定不同的角色、場(chǎng)景，并準(zhǔn)確地梳理信息架構(gòu)和任務(wù)流程。譬如在產(chǎn)品策略或營銷方案上的需求與用戶體驗(yàn)相沖突時(shí)，設(shè)計(jì)師有責(zé)任提出更好的設(shè)計(jì)方案。
3.每一次的溝通必須有效并可行。需求溝通與方案溝通時(shí)，出現(xiàn)的意見分歧務(wù)必及時(shí)解決，這要求雙方都了解需求的真正目的，抓住溝通的問題本質(zhì)——需求與用戶體驗(yàn)，終給出相應(yīng)的解決方案。
4.給出“完整”的設(shè)計(jì)方案
之所以提出“完整”，未提出“”，是因?yàn)榻换ピO(shè)計(jì)方案的產(chǎn)出是一個(gè)漫長(zhǎng)的過程，它需要我們不斷地積累設(shè)計(jì)理論，不斷地接觸的設(shè)計(jì)案例，不斷地參與實(shí)際項(xiàng)目并一次次完成基本的需求。作為剛?cè)胄械膶?shí)習(xí)生，給出完整的方案設(shè)計(jì)，是提出的設(shè)計(jì)方案的基礎(chǔ)，培養(yǎng)良好的習(xí)慣，有事半功倍的效果。
5.設(shè)計(jì)以解決需求為出發(fā)點(diǎn)
作為交互設(shè)計(jì)新手，接到需求并制作方案后，為自己的方案添加了若干功能，尤其是想到競(jìng)爭(zhēng)對(duì)手還未做時(shí)激動(dòng)不已，卻忽略了需求的本質(zhì)，設(shè)計(jì)出的方案不僅沒解決需求，還給需求本身帶來了不必要的繁瑣操作，猶如你在賣微波爐給別人時(shí)，別人想買的其實(shí)只是個(gè)熱饅頭。而且，經(jīng)常會(huì)出現(xiàn)一種現(xiàn)象——你所認(rèn)為的好功能，放在產(chǎn)品里面，也許會(huì)帶來很糟的用戶體驗(yàn)。
6.養(yǎng)成正確書寫交互文檔說明規(guī)范的好習(xí)慣
一份完整的交互文檔應(yīng)包括：文檔的命名、文檔的內(nèi)容、文檔的講解與交付。其中文檔的內(nèi)容主要包括：更新記錄、網(wǎng)站地圖、關(guān)鍵任務(wù)流程、線框圖及說明文案、交互規(guī)范五個(gè)部分。交互文檔的準(zhǔn)確書寫，強(qiáng)化了我們對(duì)設(shè)計(jì)的思考能力，既方便了需求方快速理解原型并參與討論，也方便了他人查看項(xiàng)目進(jìn)度和終的輸出結(jié)果。
7.注重細(xì)節(jié)，主要指交互層面的細(xì)節(jié)和線框圖繪制層面的細(xì)節(jié)
舉個(gè)例子，在交互層面，當(dāng)鼠標(biāo)放在文字上的多種hover狀態(tài)，各種狀態(tài)是否匹配了應(yīng)有的場(chǎng)景;某個(gè)地方的提示是用背景遮罩式彈層，還是氣泡型提醒層;按鈕的文案是應(yīng)該用取消，還是用結(jié)束;鼠標(biāo)懸浮出現(xiàn)的效果反饋，是否應(yīng)單擊后出現(xiàn)等等，這些都是需要斟酌的交互細(xì)節(jié)。在線框圖層面，行間距是多大，字號(hào)是否統(tǒng)一，一、二級(jí)鏈接色是否被清晰地區(qū)分，模塊之間的間距是否合理，邊框顏色的深淺、邊框的粗細(xì)是否一致等等，都是體現(xiàn)設(shè)計(jì)師邏輯思維嚴(yán)謹(jǐn)?shù)牡胤健２浑y看出，養(yǎng)成注重細(xì)節(jié)的良好習(xí)慣，是交互技能提升的基礎(chǔ)!
8.保持統(tǒng)一的使用體驗(yàn)
我們?cè)趯?duì)需求進(jìn)行方案設(shè)計(jì)時(shí)，需注重線上產(chǎn)品體驗(yàn)的一致性,如初了解自己的產(chǎn)品一般,同一子產(chǎn)品在體驗(yàn)差異化上必須得到有效的控制，避免出現(xiàn)異類的情況發(fā)生。當(dāng)然，需求也不僅僅是優(yōu)化現(xiàn)有產(chǎn)品，如新增功能、調(diào)整產(chǎn)品的設(shè)計(jì)策略等，再結(jié)合需求進(jìn)行創(chuàng)新的同時(shí)，我們還需注重設(shè)計(jì)過程中的組件樣式與已有產(chǎn)品體驗(yàn)的一致性，如：提示層、按鈕形式、右側(cè)模塊樣式等應(yīng)盡量保持一致。
當(dāng)然，隨著設(shè)計(jì)方案能力的提升，我們可以通過自己思考，用合適、高效的方式制作出合理、完整，甚至是的設(shè)計(jì)方案。一名合格的交互設(shè)計(jì)師，需要配合產(chǎn)品經(jīng)理跟進(jìn)產(chǎn)品需求的一些環(huán)節(jié)：在需求的輸入階段，設(shè)計(jì)師可與用戶研究人員配合，了解用戶的特征和使用行為;在需求的確認(rèn)階段，設(shè)計(jì)師可以主動(dòng)提出問題、對(duì)需求進(jìn)行合理的重塑;在需求的設(shè)計(jì)階段，設(shè)計(jì)方案會(huì)經(jīng)過不同職能設(shè)計(jì)師修改或完善，交互設(shè)計(jì)師需要跟進(jìn)方案?jìng)鬟_(dá)和設(shè)計(jì)，保持與視覺、前端、結(jié)構(gòu)工程師進(jìn)行技術(shù)上的溝通，確保方案可行的同時(shí)，還需確保方案在使用體驗(yàn)上達(dá)到優(yōu)，使方案被真實(shí)的還原。
|
|
 |
|
