激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1:010-59833514 ?咨詢電話:400-810-1418 服務(wù)與監(jiān)督電話:400-810-1418轉(zhuǎn)接2

學(xué)習(xí)UI設(shè)計(jì)交互設(shè)計(jì)細(xì)節(jié)

發(fā)布時(shí)間:2024-05-11 20:44:03 瀏覽量:166次

作為交互設(shè)計(jì)師,最常聽(tīng)到的設(shè)計(jì)思路,大概就數(shù)「要考慮用戶行為」了。今天給大家?guī)?lái)兩個(gè)小例子,看看在這些小問(wèn)題中,是如何通過(guò)用戶行為來(lái)優(yōu)化交互設(shè)計(jì)的。

一、功能呈現(xiàn)的樣式

用戶行為會(huì)影響功能呈現(xiàn)的樣式。來(lái)看看一位讀者朋友給我的提問(wèn):

“ 今天在使用兩款網(wǎng)頁(yè)郵箱時(shí),發(fā)現(xiàn)兩款郵箱在導(dǎo)航交互方面有差異:

網(wǎng)易 163 郵箱每新開(kāi)一封郵件,頁(yè)面上方會(huì)增加一個(gè)類似瀏覽器標(biāo)簽頁(yè)的 tab,支持手動(dòng)切換瀏覽;

QQ 郵箱則是展開(kāi)一個(gè)新層級(jí),只展示當(dāng)前郵件內(nèi)容頁(yè)面,點(diǎn)擊按鈕返回即關(guān)閉。為什么郵箱的導(dǎo)航會(huì)有所不同呢?該怎么評(píng)價(jià)這兩個(gè)導(dǎo)航交互設(shè)計(jì)呢?”

相信不少使用過(guò)兩款郵箱的朋友們都會(huì)覺(jué)得 QQ 郵箱體驗(yàn)要好一些,因?yàn)榫W(wǎng)易 163 郵箱標(biāo)簽頁(yè)瀏覽一次后,基本不會(huì)再看,但開(kāi)了多個(gè) tab 頁(yè)面,還需要手動(dòng)一個(gè)個(gè)的關(guān)閉,很容易出現(xiàn)標(biāo)簽頁(yè)堆積的情況。

我曾經(jīng)也有同感,但有一次在寫(xiě)郵件時(shí),同時(shí)又收到了其他的新郵件,這才發(fā)現(xiàn)去查看新郵件之后,可以通過(guò) Tab 直接回到郵件編輯頁(yè)面繼續(xù)寫(xiě)郵件,沒(méi)有任何多余的操作,瞬間感覺(jué)真香!

在我看來(lái),這兩種方式其實(shí)是基于不同的用戶使用情景設(shè)計(jì)的:

網(wǎng)易 163 郵箱側(cè)重于工作的多線程,所以會(huì)呈現(xiàn)用戶的閱讀行為路徑。郵件內(nèi)容頁(yè)會(huì)采用 Tab 標(biāo)簽式,目的是便于用戶查看自己的工作和閱讀軌跡。

而騰訊 QQ 郵箱側(cè)重于郵件內(nèi)容,采用單一的內(nèi)容展示,不保留閱讀痕跡,清晰簡(jiǎn)潔,不給用戶增加額外的負(fù)擔(dān)。

所以「存在即合理」。在分析組件 / 元素 / 某些功能的合理性時(shí),有兩個(gè)經(jīng)驗(yàn):

1. 先考慮的不是表層樣式,而是其背后所對(duì)應(yīng)的用戶群體的操作情景和行為。

2. 切換立場(chǎng),不要總用“我覺(jué)得…”,而要多思考“該產(chǎn)品的用戶覺(jué)得…”。

二、功能的定義與布局

用戶的行為同樣會(huì)影響到功能的定義與布局。來(lái)看看另一位讀者朋友給我的提問(wèn):

“為什么在大多數(shù) B 端產(chǎn)品的 Table 中,【編輯】和【刪除】功能是分開(kāi)的?正常邏輯是【編輯】應(yīng)該包含了【刪除】功能呀。為什么不把【刪除】放到【編輯】功能中呢?”

相信你看了問(wèn)題,可能也會(huì)有一樣的疑惑。小問(wèn)題折射大道理。其實(shí)字面的定義是一個(gè)方面,這個(gè)情景下的用戶操作的行為路徑操作頻率相對(duì)來(lái)說(shuō)更為重要:

1、行為路徑

通常來(lái)說(shuō)用戶想要【刪除】某個(gè)內(nèi)容,是不會(huì)在編輯內(nèi)容之后再刪除的,刪除相對(duì)來(lái)說(shuō)是一種干脆直接的行為,因此沒(méi)有必要先點(diǎn)擊編輯再進(jìn)行刪除。

而用戶想要【編輯】某個(gè)內(nèi)容,通常也不會(huì)在編輯完內(nèi)容之后就想要?jiǎng)h除。一般來(lái)說(shuō)編輯完內(nèi)容,重置、保存、取消等功能更為常用。這個(gè)時(shí)候增加刪除功能,也有可能讓用戶產(chǎn)生歧義。

所以兩者在字面定義上似乎有關(guān)系,但在交互行為上并不具備連貫的邏輯。如要追求用戶體驗(yàn),分開(kāi)并列排布會(huì)更好。

2、使用頻率

另一個(gè)需要考慮的要素是用戶對(duì)于功能的使用頻率。如果刪除是很常用的功能,放在外面也會(huì)大大減少用戶的操作時(shí)長(zhǎng),包括點(diǎn)擊、瀏覽和頁(yè)面加載等時(shí)長(zhǎng)。

所以你看,交互設(shè)計(jì)不是簡(jiǎn)單的語(yǔ)文題,字面上的邏輯所有人都可以想得到,但將這些文字語(yǔ)義和邏輯與用戶交互行為結(jié)合起來(lái),就是設(shè)計(jì)師的價(jià)值所在。

來(lái)源網(wǎng)絡(luò)

想深入了解UI設(shè)計(jì)、交互設(shè)計(jì)的相關(guān)課程?歡迎點(diǎn)擊點(diǎn)擊咨詢了解火星時(shí)代教育的專業(yè)培訓(xùn)課程。

熱門(mén)課程推薦

熱門(mén)資訊

請(qǐng)綁定手機(jī)號(hào)

x

同學(xué)您好!

您已成功報(bào)名0元試學(xué)活動(dòng),老師會(huì)在第一時(shí)間與您取得聯(lián)系,請(qǐng)保持電話暢通!
確定