當(dāng)前位置:首頁(yè) >  站長(zhǎng) >  建站經(jīng)驗(yàn) >  正文

站在用戶(hù)的角度來(lái)優(yōu)化設(shè)計(jì)別讓他“發(fā)呆”

 2013-10-11 21:50  來(lái)源: 用戶(hù)投稿   我來(lái)投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過(guò)

在互聯(lián)網(wǎng)迅速發(fā)展的時(shí)代,網(wǎng)站建設(shè)似乎陷入了一個(gè)尷尬的境地。站長(zhǎng)朋友們想要對(duì)網(wǎng)站進(jìn)行優(yōu)化,但是思來(lái)想去都無(wú)從下手。那么,不妨考慮下優(yōu)化你的用戶(hù)界面,提升用戶(hù)體驗(yàn)。

一個(gè)好的用戶(hù)界面設(shè)計(jì)能夠?qū)⒕W(wǎng)頁(yè)和用戶(hù)連結(jié),通過(guò)設(shè)計(jì)(如順手的導(dǎo)航、流暢的交互)讓用戶(hù)對(duì)網(wǎng)站產(chǎn)生好感。盡管網(wǎng)頁(yè)設(shè)計(jì)以實(shí)用為主,但依然可以為用戶(hù)提供優(yōu)良的用戶(hù)體驗(yàn)。站在用戶(hù)的角度來(lái)思考,注重網(wǎng)頁(yè)設(shè)計(jì)的多個(gè)小細(xì)節(jié),別讓你的用戶(hù)對(duì)著你的網(wǎng)站“發(fā)呆”——不知道下一步應(yīng)該怎么操作。筆者下面就簡(jiǎn)略介紹其中的幾個(gè)注意點(diǎn),以供參考。

1.唯一操作

設(shè)身處地仔細(xì)琢磨琢磨,用戶(hù)應(yīng)該如何與網(wǎng)頁(yè)進(jìn)行交互?用戶(hù)進(jìn)行操作時(shí)會(huì)呈現(xiàn)何種動(dòng)態(tài)效果?

盡管在互聯(lián)網(wǎng)時(shí)代,還是有很多用戶(hù)不具備專(zhuān)業(yè)的知識(shí)、對(duì)操作的流程沒(méi)有預(yù)期,特別是女性以及剛接觸互聯(lián)網(wǎng)的新手。在一些流程復(fù)雜的交互操作前總會(huì)產(chǎn)生或多或少的迷茫。而最好的解決方法就是讓用戶(hù)單次只需執(zhí)行唯一操作,告訴用戶(hù)下一步你應(yīng)該怎么操作,不要把復(fù)雜的選擇題拋給用戶(hù),不讓用戶(hù)有“發(fā)呆”的機(jī)會(huì)。

2.適當(dāng)進(jìn)行限制操作

想象一下你坐在電腦桌前,以用戶(hù)的身份點(diǎn)開(kāi)你的網(wǎng)站,當(dāng)你點(diǎn)擊某個(gè)功能按鈕時(shí),彈出提示不能使用。此時(shí)你是否會(huì)呆?。杭热徊荒苡茫瑸樯兑懦鰜?lái)做煙霧彈?所以,根據(jù)你網(wǎng)站的實(shí)際情況,當(dāng)用戶(hù)當(dāng)前狀態(tài)不能進(jìn)行一些操作時(shí),適當(dāng)?shù)剡@些操作隱藏起來(lái)吧。為用戶(hù)封閉掉不正確的道路,當(dāng)用戶(hù)狀態(tài)可以進(jìn)行這些操作的時(shí)候,再?gòu)椞鰧?zhuān)門(mén)的窗口指引。例如,瀏覽器中已安裝某個(gè)工具,該頁(yè)面對(duì)應(yīng)按鈕顯示為灰色不可用狀態(tài),避免用戶(hù)重復(fù)安裝。

根據(jù)用戶(hù)的使用狀態(tài),進(jìn)行相應(yīng)功能項(xiàng)的展示和隱藏,是有效避免用戶(hù)誤操作的有效手段。適當(dāng)進(jìn)行根據(jù)狀態(tài)來(lái)限制操作,在很大程度上預(yù)防了用戶(hù)可能發(fā)生的操作失誤,節(jié)約用戶(hù)的時(shí)間成本和精力。也許用戶(hù)不會(huì)察覺(jué)到,但是用的次數(shù)多了之后,慢慢的提示新的功能,何嘗不是另一種驚喜?

此外,通過(guò)有趣的形式提醒用戶(hù)達(dá)到限制也是一個(gè)友善的防呆做法。注意到上面兩圖的區(qū)別了嗎?新浪微博中,隨著用戶(hù)逐漸輸入內(nèi)容,在輸入框的右上角提示還可輸入多少字符,超出多少字符。當(dāng)用戶(hù)輸入超出140個(gè)字符限制時(shí),發(fā)布按鍵自動(dòng)變灰。用戶(hù)可直觀的了解到是字符超出限制,避免多次嘗試重復(fù)操作。

3.跳出空白界面

盡量避免用戶(hù)在你的網(wǎng)站上操作的時(shí)候出現(xiàn)空白界面。單純的空白界面會(huì)讓用戶(hù)焦躁不安,不知所措。他不清楚發(fā)生了什么,也不知道接下來(lái)應(yīng)該進(jìn)行哪些操作。這種焦慮肯定讓用戶(hù)感到不舒服。為避免這種心理,我們需要給用戶(hù)適當(dāng)?shù)某隹?,跳出空白界面,讓用?hù)有路可走。在加載頁(yè)面或者連接失敗不得已出現(xiàn)空白的時(shí)候,,提供用戶(hù)多個(gè)解決辦法,或其他出口,引導(dǎo)用戶(hù)接下來(lái)的操作,讓用戶(hù)不在空白頁(yè)上發(fā)呆,幫助用戶(hù)快速離開(kāi)空白。

又或者,給用戶(hù)以與眾不同的空白頁(yè),讓用戶(hù)可以在空白中思考。例頁(yè)面進(jìn)行加載的時(shí)候,展示出一些有意思的語(yǔ)句,引起用戶(hù)的思考。

4.清晰的步驟提示

清晰的步驟提示在用戶(hù)進(jìn)行一些復(fù)雜的操作時(shí),顯得格外受用。

用戶(hù)可能會(huì)產(chǎn)生心理疑問(wèn):什么時(shí)候才是個(gè)頭呢?此時(shí),為了避免用戶(hù)發(fā)呆,需要告訴用戶(hù)操作所處的狀態(tài)和接下來(lái)的操作步驟。對(duì)用戶(hù)在這個(gè)頁(yè)面需要做什么、已經(jīng)做了什么有清晰的劃分,對(duì)現(xiàn)在需要進(jìn)行的、當(dāng)前所處的操作階段予以高亮顯示,吸引人進(jìn)行操作;對(duì)于還未進(jìn)行到的操作階段也預(yù)先做了一個(gè)介紹,很清晰的介紹了完整的任務(wù)流程。

總結(jié):除去上面列舉的4點(diǎn),還有想用戶(hù)所需、盡量簡(jiǎn)化等等。在網(wǎng)站優(yōu)化設(shè)計(jì)中,seoer應(yīng)學(xué)會(huì)如何去防止錯(cuò)誤發(fā)生的方法,讓非專(zhuān)業(yè)、無(wú)經(jīng)驗(yàn)的用戶(hù)可以在第一時(shí)間完成正確操作,不至于開(kāi)始發(fā)呆。我們應(yīng)該拋開(kāi)自己的高級(jí)用戶(hù)視角和慣用思維,在用戶(hù)可能“發(fā)呆”的每個(gè)細(xì)節(jié)精雕細(xì)琢。站在用戶(hù)的角度上,深入挖掘用戶(hù)行為習(xí)慣和心理模式,去分析使用上可能會(huì)出現(xiàn)的問(wèn)題,把簡(jiǎn)單留給用戶(hù)、把復(fù)雜留給自己,讓發(fā)呆成為不可能。本文由(www.banjia89.com)北京兄弟搬家公司撰寫(xiě),轉(zhuǎn)載請(qǐng)注明出處。此外,替用戶(hù)思考,幫用戶(hù)想他們所想不到的,不局限與讓用戶(hù)停止“發(fā)呆”,讓用戶(hù)有意想不到的驚喜。

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)文章

熱門(mén)排行

信息推薦