交互設(shè)計(jì)技巧,創(chuàng)造好的用戶體驗(yàn)(上)

2023-07-07 09:40:57 來(lái)源/作者: / 己有:0人學(xué)習(xí)過(guò)

你使用的每一個(gè)下拉菜單隱藏的信息,都需要用戶用額外的操作才能顯示。假如那些隱藏選項(xiàng)對(duì)用戶來(lái)說(shuō)是貫穿整個(gè)操作的,你可能會(huì)希望它們展示得更明顯一些。保留那些約定俗成的下拉菜單,比如說(shuō)日期和時(shí)間(例如:日歷)或者地理位置的選擇。有時(shí)候下拉菜單在用戶重復(fù)使用的地方也是可以使用的(例如:操作菜單)。在你需要進(jìn)行頁(yè)面跳轉(zhuǎn)的地方,盡量避免為主要功能使用下拉菜單。

交互設(shè)計(jì)技巧,創(chuàng)造好的用戶體驗(yàn)(上)

15. 嘗試分模塊有條理地?cái)⑹龆皇情L(zhǎng)篇大論的平鋪直敘

長(zhǎng)篇大論的平鋪直敘是很容易失去客戶的。是的,很長(zhǎng)的滾動(dòng)頁(yè)面是很帥,但是要小心給客戶這樣一種感覺(jué)——在頁(yè)面還沒(méi)有結(jié)束的時(shí)候誤以為內(nèi)容已經(jīng)結(jié)束。假如你的頁(yè)面需要滾動(dòng),嘗試設(shè)置一個(gè)可見(jiàn)的標(biāo)識(shí),讓用戶遵循這個(gè)規(guī)律看下去。其次,內(nèi)容間的間隙也不能過(guò)大(當(dāng)然我指的是一個(gè)區(qū)間范圍,況且有這么多的設(shè)備尺寸)。

交互設(shè)計(jì)技巧,創(chuàng)造好的用戶體驗(yàn)(上)

16. 嘗試保持焦點(diǎn)而不是濫用鏈接

為了盡可能滿足更多客戶的需求,很容易在一個(gè)頁(yè)面上創(chuàng)建得到處都是鏈接。如果我們的重點(diǎn)是長(zhǎng)文本底部那個(gè)行動(dòng)口號(hào)的話,那就得三思了。其它任何鏈接都有可能使用戶離開(kāi)頁(yè)面。注意你頁(yè)面上鏈接的數(shù)量,盡可能平衡導(dǎo)航頁(yè)面上的風(fēng)格(更少的鏈接以及更高的轉(zhuǎn)化率)。刪除無(wú)關(guān)的鏈接更有可能讓用戶點(diǎn)擊那個(gè)最重要按鈕。

交互設(shè)計(jì)技巧,創(chuàng)造好的用戶體驗(yàn)(上)

17. 嘗試顯示進(jìn)度狀態(tài)

在用戶界面上我們經(jīng)常顯示有不同狀態(tài)的元素。郵件有已讀、未讀狀態(tài),發(fā)票有已付、未付的狀態(tài),等等。通知用戶每一條記錄的特殊狀態(tài),是提供信息反饋的好方法。界面狀態(tài)能幫助用戶很好地理解他們之前的操作是否成功執(zhí)行,以及接下來(lái)的操作怎么處理。

交互設(shè)計(jì)技巧,創(chuàng)造好的用戶體驗(yàn)(上)

18. 顯示對(duì)用戶有利的按鈕信息,而不是讓用戶覺(jué)得自己只是在完成任務(wù)

試想一下界面上有兩個(gè)簡(jiǎn)單的按鈕。一個(gè)按鈕告訴你它將會(huì)“為你省錢(qián)”,而另一個(gè)要求你“立即注冊(cè)”。我敢打賭,第一個(gè)按鈕被點(diǎn)擊的幾率更大,因?yàn)樽?cè)沒(méi)有自己內(nèi)在的價(jià)值。而且,注冊(cè)讓人想到填不完的表單,過(guò)程特別費(fèi)勁。假設(shè)表明,讓用戶感到有利可圖的按鈕更有可能被點(diǎn)擊。另外,將好處寫(xiě)在操作按鈕附近可以提醒用戶這樣操作的原因。當(dāng)然,現(xiàn)在仍有為基于任務(wù)的操作按鈕保留的空間,不過(guò),這是預(yù)留給那些轉(zhuǎn)化率不高但使用率很高的操作元素。

交互設(shè)計(jì)技巧,創(chuàng)造好的用戶體驗(yàn)(上)

19. 嘗試直接操作而不是無(wú)上下文的菜單

有時(shí)候,直接在元素上進(jìn)行操作比無(wú)相關(guān)的菜單羅列要更有用。舉個(gè)例子來(lái)說(shuō),當(dāng)展示數(shù)據(jù)列表的時(shí)候,我們通常允許用戶在列表的項(xiàng)上進(jìn)行相關(guān)的操作。在列表項(xiàng)上點(diǎn)擊,或者是鼠標(biāo)滑過(guò)都能被用來(lái)表達(dá)一種特定的操作(刪除,重命名,等等)。直接操作的另一個(gè)例子是點(diǎn)擊一個(gè)數(shù)據(jù)項(xiàng)(例如說(shuō)一串文本地址)后,然后文本框變成可編輯的狀態(tài)。使用這樣的交互,減少了一些不必要的步驟。不過(guò)對(duì)于一些一般性的操作(比如說(shuō)前進(jìn)、后退),使用無(wú)上下文的菜單是沒(méi)有錯(cuò)的。

交互設(shè)計(jì)技巧,創(chuàng)造好的用戶體驗(yàn)(上)

20. 盡量顯示全部?jī)?nèi)容而不是創(chuàng)建額外的頁(yè)面

當(dāng)創(chuàng)建登錄頁(yè)面時(shí),在轉(zhuǎn)換頁(yè)面上顯示全部表單字段會(huì)更好。與單獨(dú)創(chuàng)建額外的注冊(cè)頁(yè)相比,將注冊(cè)表單與登錄頁(yè)合并有更多的好處。首先,我們減少了流程操作中的額外步驟,這樣操作將花費(fèi)更少的時(shí)間。其次,通過(guò)顯示表單字段的數(shù)量,我們也向客戶展示了注冊(cè)表單的實(shí)際長(zhǎng)度。當(dāng)然,前提是我們的表單比較短(當(dāng)然表單也應(yīng)該盡量簡(jiǎn)短)。

交互設(shè)計(jì)技巧,創(chuàng)造好的用戶體驗(yàn)(上)