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

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

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

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

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

心智模型

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

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

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

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

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

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

1.了解用戶群的特征

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

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

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

2.言簡意賅

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

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

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

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