周日宅在家，睡到自然醒，曬曬太陽(yáng)吃吃喝喝做做內(nèi)容再玩點(diǎn)老游戲，一天圓滿的很。

今次譯文的主要話題，是怎樣合理的設(shè)計(jì)和使用UI元素的輔助說(shuō)明文字。姿態(tài)上側(cè)重于拿傳統(tǒng)的網(wǎng)站頁(yè)面說(shuō)事兒，但從理論上講同樣適用于移動(dòng)應(yīng)用方面。

本文的原作者Connie Malamed，著有Visual Language For Designers一書(shū)，貌似國(guó)內(nèi)還沒(méi)有做過(guò)引進(jìn)。她的博客中有不少關(guān)于視覺(jué)設(shè)計(jì)方面的優(yōu)秀文章值得閱讀學(xué)習(xí)。接下來(lái)我們進(jìn)入正文。

用戶在網(wǎng)站中的行為具有高度的目標(biāo)驅(qū)動(dòng)性。人們總是有目標(biāo)要去完成，無(wú)論是購(gòu)物結(jié)算、尋找問(wèn)題的解決方法還是單純的瀏覽內(nèi)容信息。因此，用戶體驗(yàn)設(shè)計(jì)及UI設(shè)計(jì)的一個(gè)重要使命，就是通過(guò)合理的設(shè)計(jì)元素，幫助和引導(dǎo)用戶完成特定的行為。譬如，如果你在設(shè)計(jì)一個(gè)用來(lái)將商品放進(jìn)購(gòu)物車的按鈕，那么增加一定的陰影效果會(huì)使按鈕看上去更加突出，有利于讓用戶明白這是一個(gè)可點(diǎn)擊的按鈕元素。

除了這些視覺(jué)元素的常用處理方法之外，我們時(shí)常需要為UI元素增加一些輔助說(shuō)明文字，幫助用戶了解它們的作用，引導(dǎo)用戶在正確的地方執(zhí)行正確的操作。

心智模型

在UI設(shè)計(jì)過(guò)程中，撰寫(xiě)和設(shè)計(jì)說(shuō)明文字即是科學(xué)也是一門(mén)藝術(shù)，需要設(shè)計(jì)師掌握必要的文案技巧和設(shè)計(jì)能力，更重要的，是對(duì)“用戶心智”的理解。

心智模型是深植我們心中的關(guān)于我們自己、別人、組織及周圍世界每個(gè)層面的假設(shè)、形象和故事（什么是心智模型），這是一個(gè)涉及因果關(guān)系行為及作用的廣闊的概念。在面對(duì)新事物時(shí)，人們會(huì)通過(guò)心智模型將其與自己已知的事物建立聯(lián)系，嘗試進(jìn)行自己已經(jīng)有所認(rèn)知和習(xí)慣的行為。

通過(guò)經(jīng)驗(yàn)，用戶會(huì)逐漸在心中為不同類型的網(wǎng)站的工作方式建立心智模型；他們會(huì)了解電子商務(wù)網(wǎng)站中的一系列行為方式，與照片分享網(wǎng)站中的各種操作方法之間的區(qū)別。當(dāng)面對(duì)從前沒(méi)有接觸過(guò)的網(wǎng)站時(shí)，用戶會(huì)首先在心中將其歸類，并通過(guò)心智模型假設(shè)出一套對(duì)應(yīng)該類型網(wǎng)站的行為方式。

這就是UI說(shuō)明文字的重要性所在。如果網(wǎng)站的操作方式、界面元素的功能等，不符合心智模型中的預(yù)期，人們就會(huì)有不愉悅的體驗(yàn)，比如會(huì)產(chǎn)生挫敗感，覺(jué)得自己沒(méi)有能力完成某個(gè)目標(biāo)。他們會(huì)去那些更加易用的、符合他們心智模型的網(wǎng)站。

撰寫(xiě)通俗易懂的UI說(shuō)明文案并以美觀的方式呈現(xiàn)出來(lái)，可以有效的減小用戶預(yù)期與實(shí)際功能之間的差異。即使網(wǎng)站在某些方面與用戶的心智模型不符，好的說(shuō)明文案也可以引導(dǎo)用戶通過(guò)正確的操作來(lái)完成目標(biāo)。

在多年的Web設(shè)計(jì)及可用性研究的過(guò)程中，我（原文作者）歸納出了一些比較典型的方法，接下來(lái)將與大家進(jìn)行分享。希望這些經(jīng)驗(yàn)可以幫助各位更合理的運(yùn)用UI說(shuō)明文案提升網(wǎng)站的可用性。

1.了解用戶群的特征

我們要了解網(wǎng)站目標(biāo)用戶群的普遍特征，并使用相應(yīng)的語(yǔ)言風(fēng)格撰寫(xiě)UI介紹。除非你確切的知道你的用戶都是機(jī)智的、悟性極好的人，否則，最好假設(shè)他們?cè)谕瓿赡繕?biāo)的過(guò)程中需要準(zhǔn)確的引導(dǎo)。

基于對(duì)用戶群普遍特征的理解，設(shè)身處地的考慮一下多數(shù)用戶會(huì)對(duì)我們的文案做出怎樣的理解和反應(yīng)，他們會(huì)理解那些非正式的習(xí)慣用語(yǔ)嗎？一些看似輕松幽默的說(shuō)法會(huì)被目標(biāo)用戶群認(rèn)同嗎？

這是我們經(jīng)常見(jiàn)到的一種說(shuō)法，“證明你是人類”，這些年來(lái)似乎成為了驗(yàn)證碼說(shuō)明文字的一種標(biāo)準(zhǔn)。但是準(zhǔn)確的說(shuō)，這種風(fēng)格更加適用于相對(duì)專業(yè)和資深的互聯(lián)網(wǎng)用戶；缺乏經(jīng)驗(yàn)的用戶并不了解驗(yàn)證碼與真人操作之間有怎樣的聯(lián)系，“為什么執(zhí)行一個(gè)簡(jiǎn)單的操作還要首先證明我是人類？”，即使接受這種說(shuō)法，他們也未必會(huì)知道應(yīng)該怎樣去證明。對(duì)于這種類型的用戶群來(lái)說(shuō)，類似“請(qǐng)輸入右側(cè)的字符”這樣風(fēng)格的文案會(huì)更加適用。

2.言簡(jiǎn)意賅

要注意文案的長(zhǎng)度與詳實(shí)程度之間的平衡。我們固然希望UI說(shuō)明可以幫助用戶了解足夠多的細(xì)節(jié)信息，以指導(dǎo)操作；但過(guò)多過(guò)細(xì)的信息則不利于用戶理解和繼續(xù)操作流程。人們一次只能處理少量的信息。

介紹文案要言簡(jiǎn)意賅，我們的目的是讓用戶以最快的速度獲取信息并執(zhí)行正確的操作。如果可以的話，盡量將長(zhǎng)句子拆分為短句。

標(biāo)簽： 用戶體驗(yàn) 交互設(shè)計(jì) 心智模型 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。