建站常識
Web可讀性的三個層次
2010-05-14 08:25:00
可讀性(Readability)是web用戶體驗的的重要指標(biāo),因為訪客上網(wǎng)很大程度就是為了獲取信息,用戶習(xí)慣“掃視”而不是閱讀。同時,發(fā)生交互行為之前,也必須有個獲取信息引導(dǎo)“交互”的前提。所以,可讀性的重要顯而易見,且毋庸置疑。
具體分析web可讀性的構(gòu)成,首先我認(rèn)為一部分是信息本身的質(zhì)量,寫的好不好或者用的對不對;還有一部分是信息與設(shè)計結(jié)合的附加值,可以通過展示的design來提升。前者應(yīng)該是各行各業(yè)內(nèi)容工作者需要掌握的基礎(chǔ),而后者則需要web設(shè)計師來優(yōu)化提升。比如一部小說的可讀性如何,首先是內(nèi)容層面的小說結(jié)構(gòu)、章節(jié)段落組織、遣詞造句是否可讀,其次才是排版和印刷質(zhì)量等表現(xiàn)層是否可讀。也就是說,文學(xué)和文化功底會影響可讀性,但與design關(guān)系不大,他們之間完全可以從技術(shù)層面分離。所以,我認(rèn)為研究Web可讀性不必深究內(nèi)容質(zhì)量本身的“可讀性”問題。
繼續(xù)總結(jié)我發(fā)現(xiàn),各種語言這么多年在“信息本身的質(zhì)量”話題上已經(jīng)積累了很多研究,并且都形成固定規(guī)范。另外,互聯(lián)網(wǎng)上的Web界面有個特點,語言和字符構(gòu)成復(fù)雜,中文、英文、數(shù)字和各種符號經(jīng)?;旌显谝黄?。因此,我認(rèn)為可以把Web可讀性分三個層次來理解:
完全用錯了
沒有符合既定規(guī)范
表現(xiàn)形式欠佳
2007年10月UCDChina群博曾寫過注意界面上的文字這個專題,雖然內(nèi)容比較散亂,但復(fù)習(xí)總結(jié)還是大部分都有關(guān)可讀性。已經(jīng)積累了很多有關(guān)可讀性的案例,現(xiàn)在面臨個分類整理的問題,毫無頭緒,具體下文分情況來探討。
完全用錯了
涵蓋內(nèi)容比較廣,錯誤語法、錯誤字和詞語、錯誤標(biāo)點、錯誤符號等等都包括在內(nèi)。
錯誤語法主要表現(xiàn)在一些文案上,某些規(guī)劃不嚴(yán)謹(jǐn)?shù)捻撁胬?,很多文案都是工程師隨手加的。還有些過度修飾和搞怪風(fēng)格的語言,用戶也不一定喜歡。另外,翻譯的文案也是問題熱點,因為很多做翻譯的同事并不懂專業(yè)領(lǐng)域知識,難免在遣詞造句上有欠缺。
錯誤字(錯別字)和詞語在界面上也很多,比較典型的是“登錄”還是“登陸”的案例(“登錄”正確),類似的還有“帳號”和“賬號”(“帳號”正確)?,F(xiàn)在已經(jīng)很少能找到產(chǎn)品證明,但討論時還是很容易誤錄入。
錯誤標(biāo)點太常見了,尤其在與朋友的聊天,以及郵件中。我認(rèn)為在網(wǎng)絡(luò)上最常見的問題是中英文標(biāo)點混用,也許是大家懶得切換輸入法。對于成年人來說,絕大多數(shù)標(biāo)點符號的使用正確與否,都不會給表達(dá)造成大誤解,網(wǎng)絡(luò)上加標(biāo)點減標(biāo)點的文字游戲段子都是笑談。用好標(biāo)點主要是加強溝通,免得多費口舌解釋,有利于雙方。
錯誤符號也有很好的例子,比如當(dāng)年經(jīng)常有人分不清楚@和?(@是郵件分隔符,?指版權(quán)所有的意思)。甚至有內(nèi)容上把星號“*”用成了乘號“×”,或者用小寫字母“x”來代替。還有關(guān)于¥和?的爭論,總的來說,字符都受字體定義的嚴(yán)重影響,有時候在某種環(huán)境下看起來差不多,但本質(zhì)上卻有根本的不同。
沒有符合既定規(guī)范
以中文語境為例,主要包括漢語書寫規(guī)范、英文書寫規(guī)范、數(shù)字書寫規(guī)范。
漢語書寫規(guī)范可能比較陌生,難道每天用的語言還有規(guī)范?估計我們這些經(jīng)常寫blog的網(wǎng)友能意識到,專有術(shù)語縮寫詞在文章首次出現(xiàn)時,應(yīng)該寫全稱并括號說明。中國干支紀(jì)年和夏歷月日,應(yīng)該使用漢字;相鄰的兩個數(shù)字并列連用表示概數(shù),應(yīng)該使用漢字等等。
英文書寫規(guī)范主要是大小寫問題,除句首字母、人物姓名、稱呼頭銜、國家地名、年月日等單詞都需要大寫首字母,而特殊縮寫詞字母都需要大寫,比如CSS或HTML。還有中英文地址書寫習(xí)慣正好相反,先是門牌號,最后是國家。
數(shù)字書寫規(guī)范相對簡單,大家能分的比較清楚,但有些問題還是容易忽略。比如年份是不能簡寫的,98年能明白,2012年不能簡稱12年吧?另表達(dá)如2010.5.11的公歷年月日時,正確應(yīng)該給一位數(shù)加“0”成為“2010.05.11”。數(shù)字的特殊造型,通常在中文傳達(dá)中占盡優(yōu)勢,但也不能隨便用。比如表達(dá)約數(shù)的“30多種”并不規(guī)范,正確應(yīng)該為“三十多種”。
表現(xiàn)形式欠佳
表現(xiàn)指用戶能夠直觀看到的效果,具體情況具體分析,但我們能夠以用戶習(xí)慣為基準(zhǔn),總結(jié)出部分通用準(zhǔn)則。歐美學(xué)術(shù)界已經(jīng)有了不少研究成果,通過科學(xué)的定量分析能夠用軟件計算出大概可讀性參考數(shù)。
應(yīng)該說鋪墊了這么多,最后才進(jìn)入本文核心主題,也就是屬于web design可控范圍之內(nèi)的“表現(xiàn)層”可讀性影響因素。基本只涉及web的結(jié)構(gòu)和表現(xiàn),相對改進(jìn)提升用戶體驗的成本較低。大概總結(jié)為字符、鏈接、表格、表單四部分,具體細(xì)則和案例以后陸續(xù)調(diào)整補充。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2010-11-25 08:34:00] 兼容心理模型和系統(tǒng)模型的交互設(shè)計
- [2007-05-24 17:06:00] 釋疑交互設(shè)計師的幾個問題
- [2009-12-19 09:46:00] 交互設(shè)計(2):“有效性”之“可及”
- [2009-09-25 07:53:00] 背著包袱跳著走
- [2009-12-17 11:51:00] 交互中的色彩
- [2010-01-19 11:11:00] 交互設(shè)計(6)–突出重點,一目了然
- [2010-06-02 08:47:00] 專題模板(v4.0)視覺升級隨筆
- [2010-06-01 08:36:00] 信息架構(gòu)中的常見模型-2
- [2009-08-03 07:42:00] 如何理解與規(guī)劃設(shè)計師的職業(yè)生涯
- [2010-01-04 09:07:00] 交互設(shè)計(4)—“有效性”之“簡潔清晰,自然易
- [2009-06-10 09:03:00] 以情感為中心的設(shè)計(1)
- [2010-06-05 08:33:00] 淺談幾個設(shè)計法則
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團(tuán)公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
力圖數(shù)字科技 網(wǎng)站推廣 新的元素 SEO 企業(yè)建站 青島網(wǎng)站設(shè)計哪家好 互聯(lián)網(wǎng) SEO優(yōu)化 青島不錯的英文網(wǎng)站建設(shè)公司 青島SEO IT資訊 微官網(wǎng)帶來的好處 網(wǎng)站的速度 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 良好的導(dǎo)航 網(wǎng)站設(shè)計趨勢 高端輪胎網(wǎng)站設(shè)計 H5 高端網(wǎng)站設(shè)計 膠南網(wǎng)站建設(shè)公司 青島網(wǎng)站建設(shè) 手機(jī)端的網(wǎng)站 頁面設(shè)計 程序開發(fā) 舒適的界面 網(wǎng)站交互設(shè)計 手機(jī)網(wǎng)站 企業(yè)網(wǎng)站設(shè)計 扁平化設(shè)計 GOOGLE