建站常識
交互設(shè)計(2):“有效性”之“可及”
2009-12-19 09:46:00
可及,通俗的說是“可以達到”,加上主語和賓語,在“交互設(shè)計”這個大的語境下,含義應(yīng)該是“用戶可以達到自己的操作目標(biāo)”,這不是和“有效性—用戶的操作是有效的”重復(fù)了嗎?其實,在交互設(shè)計實用指南中,“可及”是一個狹義的概念,是放在有效性下面的,具體解釋為“色盲、肢體殘疾等特殊人士可以完成基本操作”。更擴展一下,這個特殊人群應(yīng)該還包括老人兒童,文盲等對信息使用不擅長的人。
也就是說,交互設(shè)計實用指南所定義的“可及”就是“信息可及”。具體解釋為在產(chǎn)品設(shè)計應(yīng)用過程中,應(yīng)當(dāng)考慮到特殊人群的使用狀況,讓這部分用戶享受無障礙設(shè)計帶來的便捷,在瀏覽,使用網(wǎng)頁時能很順暢的使用該網(wǎng)頁所提供的相關(guān)資源。
交互設(shè)計主要考慮的幾個特殊人群:
1.色盲
據(jù)統(tǒng)計,這個世界上有大約8.65%的男性和0.43%的女性,在識別部分或者全部顏色時有困難。我們通?;\統(tǒng)地稱這種缺陷為色盲(Color Blindness)。其中,輕度的色覺異常稱為色弱。
2.肢體殘疾
而僅僅在我國,殘疾人數(shù)就約有8300萬,占總?cè)丝诘?.34%,其中肢體殘疾者2412萬人,占29.07%。肢體殘疾人士在精神智力方面和正常人是沒有太大分別的,這部分群體由于活動不便,對于以電腦,移動終端為媒介的網(wǎng)絡(luò)產(chǎn)品有著更為迫切的使用需求。
3.老人,兒童(5~12歲)
更值得關(guān)注的是人口老齡化的趨勢在中國越來越嚴(yán)峻,有一個預(yù)測的數(shù)據(jù)顯示,到2050年中國將有4.3億的老齡人。老年人退休了,時間相對充裕,除了從傳統(tǒng)媒體獲得信息外,對于網(wǎng)絡(luò)信息獲取的需求也在日益增長。家長們?yōu)榱碎_闊子女眼界的需要,也會允許兒童在特定時間上特定的網(wǎng)站來開發(fā)智力,學(xué)習(xí)娛樂。
4.文盲
另外從文化程度的差異來看,在中國文盲的數(shù)量仍然占人口總數(shù)相當(dāng)大的比例,現(xiàn)在我們的青壯年文盲占5.8%,這部分人群雖然網(wǎng)絡(luò)基礎(chǔ)知識幾乎為零,但是一旦接觸到網(wǎng)絡(luò),他們會有很高的學(xué)習(xí)欲望和熱情,如何幫助他們盡快的使用網(wǎng)絡(luò),也是Web交互設(shè)計師應(yīng)該關(guān)注的一個問題。
5.其他
其他對信息使用不擅長的人
交互設(shè)計的方法:
對于如此多的特殊用戶,無論是出于專業(yè)精神還是商業(yè)利益,Web產(chǎn)品設(shè)計師都應(yīng)該去關(guān)注他們,這也是作為一個設(shè)計師社會責(zé)任所在。那么,所設(shè)計的產(chǎn)品如何能夠滿足對特殊人群的“可及”呢,這就要求設(shè)計師在設(shè)計一個產(chǎn)品的時候,時刻要提醒自己不能忘記特殊人群,換位思考,站在特殊人群使用的角度上來設(shè)計Web產(chǎn)品的整體布局,各個元素的具體形態(tài)及操作行為。關(guān)于這一部分,交互設(shè)計實用指南也給出了一些基本的思路,以下是一些可借鑒的設(shè)計方法。
1.使用形狀+色彩的信息提示
這一點對于色盲這類人群尤為重要,和普通用戶相比,他們的缺陷是在顏色識別方面,也就是說如果設(shè)計師在某個地方僅僅使用了色彩作為信息提示,的話,那就有可能帶來問題了,下面的例子:
上圖是蘋果的官方網(wǎng)站曾提供的一個在線工具,幫助用戶來查詢哪些專賣店明天有貨。 蘋果的設(shè)計師用綠色填充的圓圈表示有貨,紅色的圓圈表示沒貨,貌似挺清晰的,對于普通人當(dāng)然沒問題。但是對于綠色色盲用戶來說,就不容易了。
其實,我們只需要優(yōu)化提示ICON就能解決這個問題,修改如下:
這個例子告訴我們,在使用設(shè)計元素時,要盡量使用形狀+色彩的方式來表現(xiàn)信息,或者使用文字的提示。這樣對于正常用戶和對顏色識別有障礙的特殊用戶,都不影響他們的識別。有一個小技巧可以使用,在完成設(shè)計時,可以把自己的設(shè)計圖做去色處理,然后一項項的去做交互測試,如此可以有效的避免色彩的識別問題。
2.簡化操作方式
無論是老人還是文盲對于網(wǎng)絡(luò)產(chǎn)品的操作都有信心不足的情況,一個簡便的操作方式,令他們快速實現(xiàn)目標(biāo),對于增長信心非常有幫助。對于肢體殘疾人士,他們的困難在于使用交互輸入設(shè)備,如鼠標(biāo)和鍵盤比正常人更不容易,也需要簡化操作方式。比如在設(shè)計操作時盡可能地采用“選擇”的方式而不是“填寫”(避免給手指殘疾的用戶增加負擔(dān))。比如下面這個輸入日期的設(shè)計:
3.容錯和及時幫助
這也是交互設(shè)計指南中兩個非常重要的部分,對于特殊人群來說,這兩點顯得更加重要。具體的設(shè)計方法可以參考接下來的文章http://ued.taobao.com/blog/category/ixd_guide/ 。
4.使用視覺、聽覺,觸覺等多元化的手法傳達必要的資訊
在產(chǎn)品設(shè)計中,對于重要的操作及信息提示可以使用語音提示來配合視覺樣式來提示用戶操作的狀態(tài)。比如在一些智能手機產(chǎn)品上,點擊觸摸屏數(shù)字鍵盤時,不但被選中的數(shù)字鍵的底色會發(fā)生變化,而且屏幕還有震動的觸感提示。
5.使用輔助性的工具
以目前的技術(shù),語音識別可以部分解決單純的輸入問題,比如Windows7的語音指令功能,在操作者說出“打開Word”這句話時,電腦就可以自動啟動該軟件,也可以為視力不好的老年使用者逐字逐句地朗讀電腦上顯示的任意文章,但是要靠語音識別完全解決人和電腦間大量的快速的交互行為還要走很長的路。在未來,也許大腦可以直接來操控電腦,這方面已經(jīng)有了一些研究成果。下圖為谷歌手機中文語音搜索的界面:
另外可以內(nèi)置輔助殘疾人的工具,Windows7有一個新的功能,叫做OSK,即屏幕鍵盤。不習(xí)慣使用鍵盤的人可以用鼠標(biāo)來點這個屏幕鍵盤,肢體不是很方便的使用者,可以把屏幕鍵盤上的按鍵放大從而提高準(zhǔn)確性;視力不好的老年使用者,可以把按鍵上的字放大,以便閱讀。
6.容易瀏覽及合理的信息架構(gòu)
對于老年人來說,看互聯(lián)網(wǎng)會覺得眼花,他們感覺所有的字都太小,不容易瀏覽。所以在設(shè)計時要考慮到,能切換到可以適合老年人查看的字體和網(wǎng)頁樣式。比如百度推出了老年搜索來滿足這個需求,字體較大且突出老年人常用的功能,如下圖:
小結(jié):
以上拋磚引玉提了幾點為“信息可及”設(shè)計時可以考慮的方法,對于特殊人群的無障礙設(shè)計需要更深入的挖掘特殊人群的需求,根據(jù)他們的生理和心理狀況,有針對性的開展設(shè)計工作。
隨著社會文明的提高,交互設(shè)計對特殊人群的關(guān)注度也越來越高,可及即無障礙設(shè)計的理念也越來越得到絕大多數(shù)設(shè)計師的提倡。在我國,互聯(lián)網(wǎng)協(xié)會網(wǎng)站于近期正式開通了信息無障礙樣板專欄,專欄介紹了國內(nèi)外無障礙行業(yè)標(biāo)準(zhǔn)的內(nèi)容和鏈接,其中有一些設(shè)計的規(guī)范,有興趣的話,可以下載,對于網(wǎng)站的設(shè)計有一定的參考價值。
據(jù)聯(lián)合國經(jīng)濟和社會事務(wù)部發(fā)表的研究報告,目前全球100家主要網(wǎng)站中只有3家能夠滿足殘障人士的需要,這方面要走的路還有很長。
原文:http://ued.taobao.com/blog/2009/12/18/the-practice-guidelines-of-interaction-design-accessibility-of-effectivity/
近期更新
- [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-05-17 17:15:00] 為線框圖多留點時間
- [2009-12-12 08:54:00] 交互設(shè)計有效性之操作入口明確
- [2010-12-15 08:44:00] Twitter設(shè)計細節(jié)引發(fā)的慘烈思考
- [2012-05-14 22:06:58] 網(wǎng)站交互設(shè)計-探源
- [2009-06-09 22:35:00] 交互設(shè)計的KISS原則
- [2010-01-24 21:48:00] 交互設(shè)計(7)一避免迷路
- [2010-10-12 08:24:00] 交互設(shè)計之回歸篇
- [2010-05-18 11:33:00] 交互設(shè)計的出發(fā)點
- [2009-08-03 07:42:00] 如何理解與規(guī)劃設(shè)計師的職業(yè)生涯
- [2009-12-17 11:55:00] 淺談白社會交互設(shè)計的創(chuàng)新(一)
- [2006-04-04 16:21:00] 網(wǎng)站制作流程及界面交互設(shè)計研究探討
- [2009-05-04 08:19:00] 確認頁的設(shè)計(confirmation alert)(一)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(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)鍵字
青島輪胎網(wǎng)站設(shè)計 微網(wǎng)站 互聯(lián)網(wǎng) 平面設(shè)計 企業(yè)建站 青島高端網(wǎng)站建設(shè) 用戶界面 外貿(mào)網(wǎng)站設(shè)計 SEO 英文網(wǎng)站建設(shè) 青島海洋投資集團 網(wǎng)站優(yōu)化 SEO優(yōu)化 官網(wǎng)建設(shè) HTML5 網(wǎng)站的速度 青島輪胎網(wǎng)站設(shè)計公司 中小型企業(yè)網(wǎng)站建設(shè) 青島做網(wǎng)站多少錢 青島不錯的英文網(wǎng)站建設(shè)公司 蘋果系統(tǒng) 手機端的網(wǎng)站 青島網(wǎng)站營銷 集團公司網(wǎng)站建設(shè) 海信網(wǎng)絡(luò)科技 舒適的界面 網(wǎng)站制作 扁平化設(shè)計 青島網(wǎng)站設(shè)計哪家好 營銷策略