周日宅在家,睡到自然醒,曬曬太陽吃吃喝喝做做內(nèi)容再玩點老游戲,一天圓滿的很。
今次譯文的主要話題,是怎樣合理的設(shè)計和使用ui元素的輔助說明文字。姿態(tài)上側(cè)重于拿傳統(tǒng)的網(wǎng)站頁面說事兒,但從理論上講同樣適用于移動應(yīng)用方面。
本文的原作者connie malamed,著有visual language for designers一書,貌似國內(nèi)還沒有做過引進。她的博客中有不少關(guān)于視覺設(shè)計方面的優(yōu)秀文章值得閱讀學(xué)習(xí)。接下來我們進入正文。
用戶在網(wǎng)站中的行為具有高度的目標(biāo)驅(qū)動性。人們總是有目標(biāo)要去完成,無論是購物結(jié)算、尋找問題的解決方法還是單純的瀏覽內(nèi)容信息。因此,用戶體驗設(shè)計及ui設(shè)計的一個重要使命,就是通過合理的設(shè)計元素,幫助和引導(dǎo)用戶完成特定的行為。譬如,如果你在設(shè)計一個用來將商品放進購物車的按鈕,那么增加一定的陰影效果會使按鈕看上去更加突出,有利于讓用戶明白這是一個可點擊的按鈕元素。
除了這些視覺元素的常用處理方法之外,我們時常需要為ui元素增加一些輔助說明文字,幫助用戶了解它們的作用,引導(dǎo)用戶在正確的地方執(zhí)行正確的操作。
心智模型
在ui設(shè)計過程中,撰寫和設(shè)計說明文字即是科學(xué)也是一門藝術(shù),需要設(shè)計師掌握必要的文案技巧和設(shè)計能力,更重要的,是對“用戶心智”的理解。
心智模型是深植我們心中的關(guān)于我們自己、別人、組織及周圍世界每個層面的假設(shè)、形象和故事(什么是心智模型),這是一個涉及因果關(guān)系行為及作用的廣闊的概念。在面對新事物時,人們會通過心智模型將其與自己已知的事物建立聯(lián)系,嘗試進行自己已經(jīng)有所認(rèn)知和習(xí)慣的行為。
通過經(jīng)驗,用戶會逐漸在心中為不同類型的網(wǎng)站的工作方式建立心智模型;他們會了解電子商務(wù)網(wǎng)站中的一系列行為方式,與照片分享網(wǎng)站中的各種操作方法之間的區(qū)別。當(dāng)面對從前沒有接觸過的網(wǎng)站時,用戶會首先在心中將其歸類,并通過心智模型假設(shè)出一套對應(yīng)該類型網(wǎng)站的行為方式。
這就是ui說明文字的重要性所在。如果網(wǎng)站的操作方式、界面元素的功能等,不符合心智模型中的預(yù)期,人們就會有不愉悅的體驗,比如會產(chǎn)生挫敗感,覺得自己沒有能力完成某個目標(biāo)。他們會去那些更加易用的、符合他們心智模型的網(wǎng)站。
撰寫通俗易懂的ui說明文案并以美觀的方式呈現(xiàn)出來,可以有效的減小用戶預(yù)期與實際功能之間的差異。即使網(wǎng)站在某些方面與用戶的心智模型不符,好的說明文案也可以引導(dǎo)用戶通過正確的操作來完成目標(biāo)。
在多年的web設(shè)計及可用性研究的過程中,我(原文作者)歸納出了一些比較典型的方法,接下來將與大家進行分享。希望這些經(jīng)驗可以幫助各位更合理的運用ui說明文案提升網(wǎng)站的可用性。
1.了解用戶群的特征
我們要了解網(wǎng)站目標(biāo)用戶群的普遍特征,并使用相應(yīng)的語言風(fēng)格撰寫ui介紹。除非你確切的知道你的用戶都是機智的、悟性極好的人,否則,最好假設(shè)他們在完成目標(biāo)的過程中需要準(zhǔn)確的引導(dǎo)。
基于對用戶群普遍特征的理解,設(shè)身處地的考慮一下多數(shù)用戶會對我們的文案做出怎樣的理解和反應(yīng),他們會理解那些非正式的習(xí)慣用語嗎?一些看似輕松幽默的說法會被目標(biāo)用戶群認(rèn)同嗎?
這是我們經(jīng)常見到的一種說法,“證明你是人類”,這些年來似乎成為了驗證碼說明文字的一種標(biāo)準(zhǔn)。但是準(zhǔn)確的說,這種風(fēng)格更加適用于相對專業(yè)和資深的互聯(lián)網(wǎng)用戶;缺乏經(jīng)驗的用戶并不了解驗證碼與真人操作之間有怎樣的聯(lián)系,“為什么執(zhí)行一個簡單的操作還要首先證明我是人類?”,即使接受這種說法,他們也未必會知道應(yīng)該怎樣去證明。對于這種類型的用戶群來說,類似“請輸入右側(cè)的字符”這樣風(fēng)格的文案會更加適用。
2.言簡意賅
要注意文案的長度與詳實程度之間的平衡。我們固然希望ui說明可以幫助用戶了解足夠多的細(xì)節(jié)信息,以指導(dǎo)操作;但過多過細(xì)的信息則不利于用戶理解和繼續(xù)操作流程。人們一次只能處理少量的信息。
介紹文案要言簡意賅,我們的目的是讓用戶以最快的速度獲取信息并執(zhí)行正確的操作。如果可以的話,盡量將長句子拆分為短句。
關(guān)于電腦硬盤保養(yǎng)的建議移動終端中的視覺引導(dǎo)還不知道怎么解決百度推廣惡意點擊,點進來我教你!我的用戶提交備案都填寫完畢以后英特爾召開工業(yè)物聯(lián)網(wǎng)大會,推出新品處理器滿足物聯(lián)網(wǎng)嚴(yán)苛需求現(xiàn)在用微信掃描二維碼反饋下圖云服務(wù)器如何部署網(wǎng)站更安全域名驗證庫已更新-備案平臺