操作流程中的用戶體驗(yàn)
這里我們從幾個(gè)失敗的例子,來(lái)看看界面設(shè)計(jì)是如何影響用戶體驗(yàn)的。
圖1是myspace失敗的登錄按鈕設(shè)計(jì)。myspace上線后,無(wú)數(shù)用戶表達(dá)了對(duì)圖1這個(gè)極不合適的登錄按鈕設(shè)計(jì)的不滿,這個(gè)重要的元素,被極不顯眼地淡化在左側(cè),右側(cè)是以鮮亮顏色突出表現(xiàn)的注冊(cè)按鈕。很多人在填寫完賬號(hào)密碼之后,迅速且不假思索地點(diǎn)擊了“注冊(cè)”。這是一個(gè)失敗的典型,但是這并不是偶然的,除了myspace,還有很多登錄設(shè)計(jì)是這樣的,如圖2所示的某網(wǎng)站登錄界面。
網(wǎng)站為了吸引新用戶注冊(cè),或者是為了商業(yè)回報(bào),主觀上希望某些元素被突出體現(xiàn),由于設(shè)計(jì)上處理不當(dāng),難免使有些原本對(duì)于用戶操作來(lái)說(shuō)更重要的元素被淹沒(méi),以上這些設(shè)計(jì)正說(shuō)明了這點(diǎn)。而如果把“注冊(cè)”按鈕從登錄的區(qū)域拿出來(lái),或者以不同于“登錄”按鈕的形式表達(dá),也許效果就會(huì)好很多。
圖3是新蛋網(wǎng)的登錄區(qū)域設(shè)計(jì),在新蛋網(wǎng)的登錄區(qū)域設(shè)計(jì)中,設(shè)計(jì)師把用戶注冊(cè)以鏈接的形式設(shè)計(jì),而不設(shè)計(jì)成按鈕,這樣也是能明顯區(qū)分開(kāi)功能區(qū)域的。但是這個(gè)設(shè)計(jì)也不見(jiàn)得穩(wěn)妥,因?yàn)樗牡卿洶粹o水平向左,超出了用戶名密碼的區(qū)域,使用戶的鼠標(biāo)軌跡不具有連貫性。應(yīng)該把“登錄”放置在右邊,把“用戶注冊(cè)”放到左邊為宜。
導(dǎo)向性的用戶體驗(yàn)設(shè)計(jì)
用戶體驗(yàn)的導(dǎo)向性,一般體現(xiàn)在希望對(duì)用戶的行為方式有明顯影響干預(yù)的網(wǎng)站,典型的代表就是購(gòu)物網(wǎng)站。
淘寶網(wǎng)的用戶體驗(yàn)在業(yè)內(nèi)應(yīng)該算是典范,作為國(guó)內(nèi)最成功的C2C網(wǎng)站,淘寶的用戶體驗(yàn)設(shè)計(jì)也在不斷地完善之中。由圖4我們可以了解淘寶網(wǎng)的商品細(xì)節(jié)展示及購(gòu)買引導(dǎo)設(shè)計(jì),以淘寶的產(chǎn)品展示頁(yè)為例,從單件出售物品的信息傳遞來(lái)看,產(chǎn)品照片右側(cè)清晰寫明了一口價(jià)和運(yùn)費(fèi),緊接下來(lái)就是一個(gè)碩大的“立刻購(gòu)買”按鈕,然后再將需要寫明白的物品信息及參數(shù)等等一一羅列。這個(gè)頁(yè)面就具有很明顯的用戶誘導(dǎo)性,因?yàn)樘詫毿枰木褪秦浧返某山涣俊?/p>
而圖5所示的開(kāi)心網(wǎng)的引導(dǎo)設(shè)計(jì)就完全不同,忽略了對(duì)博客的引導(dǎo)。開(kāi)心網(wǎng)是一個(gè)以?shī)蕵?lè)為主線索的網(wǎng)站,雖然它也涵蓋有博客的功能,但是這不是它的重點(diǎn)和強(qiáng)項(xiàng),于是開(kāi)心網(wǎng)在各種環(huán)節(jié)上減少對(duì)博客的側(cè)重,盡量簡(jiǎn)化對(duì)博客的引導(dǎo),而重點(diǎn)發(fā)展其他有別于傳統(tǒng)博客的互動(dòng)性?shī)蕵?lè)項(xiàng)目。
出處:藍(lán)色理想
責(zé)任編輯:bluehearts
上一頁(yè) 代碼設(shè)計(jì) 下 下一頁(yè) 可用性測(cè)試與用戶體驗(yàn) 下
|