怎樣合理的設計和使用UI元素的輔助解說文字

來源:互聯網
上載者:User

文章描述:怎樣通過UI輔助解說文字有效提升使用者體驗.

周日宅在家,睡到自然醒,晒晒太陽吃吃喝喝做做內容再玩點老遊戲,一天圓滿的很。

今次譯文的主要話題,是怎樣合理的設計和使用UI元素的輔助解說文字。姿態上側重於拿傳統的網站頁面說事兒,但從理論上講同樣適用於行動裝置 App方面。

本文的原作者Connie Malamed,著有Visual Language For Designers一書,貌似國內還沒有做過引進。她的部落格中有不少關於視覺設計方面的優秀文章值得閱讀學習。接下來我們進入本文。

使用者在網站中的行為具有高度的目標驅動性。人們總是有目標要去完成,無論是購物結算、尋找問題的解決方案還是單純的瀏覽內容資訊。因此,使用者體驗設計及UI設計的一個重要使命,就是通過合理的設計項目,協助和引導使用者完成特定的行為。譬如,如果你在設計一個用來將商品放進購物車的按鈕,那麼增加一定的陰影製作效果會使按鈕看上去更加突出,有利於讓使用者明白這是一個可點擊的按鈕元素。

除了這些視覺元素的常用處理方法之外,我們時常需要為UI元素增加一些輔助解說文字,協助使用者瞭解它們的作用,引導使用者在正確的地方執行正確的操作。

心智模型

在UI設計過程中,撰寫和設計解說文字即是科學也是一門藝術,需要設計師掌握必要的文案技巧和設計能力,更重要的,是對“使用者心智”的理解。

心智模型是深植我們心中的關於我們自己、別人、組織及周圍世界每個層面的假設、形象和故事(什麼是心智模型),這是一個涉及因果關係行為及作用的廣闊的概念。在面對新事物時,人們會通過心智模型將其與自己已知的事物建立聯絡,嘗試進行自己已經有所認知和習慣的行為。

通過經驗,使用者會逐漸在心中為不同類型的網站的工作方式建立心智模型;他們會瞭解電子商務網站中的一系列行為方式,與照片分享網站中的各種操作方法之間的區別。當面對從前沒有接觸過的網站時,使用者會首先在心中將其歸類,並通過心智模型假設出一套對應該類型網站的行為方式。

這就是UI解說文字的重要性所在。如果網站的操作方式、介面元素的功能等,不符合心智模型中的預期,人們就會有不愉悅的體驗,比如會產生挫敗感,覺得自己沒有能力完成某個目標。他們會去那些更加易用的、符合他們心智模型的網站。

撰寫通俗易懂的UI說明文案並以美觀的方式呈現出來,可以有效減小使用者預期與實際功能之間的差異。即使網站在某些方面與使用者的心智模型不符,好的說明文案也可以引導使用者通過正確的操作來完成目標。

在多年的Web設計及可用性研究的過程中,我(原文作者)歸納出了一些比較典型的方法,接下來將與大家進行分享。希望這些經驗可以協助各位更合理的運用UI說明文案提升網站的可用性。

1.瞭解使用者群的特徵

我們要瞭解網站目標使用者群的普遍特徵,並使用相應的語言風格撰寫UI介紹。除非你確切的知道你的使用者都是機智的、悟性極好的人,否則,最好假設他們在完成目標的過程中需要準確的引導。

基於對使用者群普遍特徵的理解,設身處地的考慮一下多數使用者會對我們的文案做出怎樣的理解和反應,他們會理解那些非正式的習慣用語嗎?一些看似輕鬆幽默的說法會被目標使用者群認同嗎?

這是我們經常見到的一種說法,“證明你是人類”,這些年來似乎成為了驗證碼解說文字的一種標準。但是準確的說,這種風格更加適用於相對專業和資深的互連網使用者;缺乏經驗的使用者並不瞭解驗證碼與真人操作之間有怎樣的聯絡,“為什麼執行一個簡單的操作還要首先證明我是人類?”,即使接受這種說法,他們也未必會知道應該怎樣去證明。對於這種類型的使用者群來說,類似“請輸入右側的字元”這樣風格的文案會更加適用。

2.言簡意賅

要注意文案的長度與詳實程度之間的平衡。我們固然希望UI說明可以協助使用者瞭解足夠多的細節資訊,以指導操作;但過多過細的資訊則不利於使用者理解和繼續操作流程。人們一次只能處理少量的資訊。

介紹文案要言簡意賅,我們的目的是讓使用者以最快的速度擷取資訊並執行正確的操作。如果可以的話,盡量將長句子拆分為短句。

[1] [2]  下一頁



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。