交互設(shè)計(jì)實(shí)用指南系列(2) –可及 _網(wǎng)頁(yè)設(shè)計(jì)教程

推薦：交互設(shè)計(jì)實(shí)用指南系列(1) – 操作入口明確
“操作入口明確” ，就是指產(chǎn)品的任何一個(gè)功能都要有明確、合理的入口。 “操作入口” ，指的是產(chǎn)品內(nèi)部不同模塊之間的轉(zhuǎn)接元素，例如在Web產(chǎn)品中，按鈕控件、輸入框、文字鏈等都屬于操作入口； “明確” 指的是入口的視覺(jué)感是清晰的、可識(shí)別的； “合理” 是指入口的

可及，通俗的說(shuō)是“可以達(dá)到”，加上主語(yǔ)和賓語(yǔ)，在“交互設(shè)計(jì)”這個(gè)大的語(yǔ)境下，含義應(yīng)該是“用戶(hù)可以達(dá)到自己的操作目標(biāo)”，這不是和“有效性—用戶(hù)的操作是有效的”重復(fù)了嗎？其實(shí)，在交互設(shè)計(jì)實(shí)用指南中，“可及”是一個(gè)狹義的概念，是放在有效性下面的，具體解釋為“色盲、肢體殘疾等特殊人士可以完成基本操作”。更擴(kuò)展一下，這個(gè)特殊人群應(yīng)該還包括老人兒童，文盲等對(duì)信息使用不擅長(zhǎng)的人。

也就是說(shuō)，交互設(shè)計(jì)實(shí)用指南所定義的“可及”就是“信息可及”。具體解釋為在產(chǎn)品設(shè)計(jì)應(yīng)用過(guò)程中，應(yīng)當(dāng)考慮到特殊人群的使用狀況，讓這部分用戶(hù)享受無(wú)障礙設(shè)計(jì)帶來(lái)的便捷，在瀏覽，使用網(wǎng)頁(yè)時(shí)能很順暢的使用該網(wǎng)頁(yè)所提供的相關(guān)資源。

交互設(shè)計(jì)主要考慮的幾個(gè)特殊人群：

1.色盲

據(jù)統(tǒng)計(jì)，這個(gè)世界上有大約8.65%的男性和0.43%的女性，在識(shí)別部分或者全部顏色時(shí)有困難。我們通常籠統(tǒng)地稱(chēng)這種缺陷為色盲(Color Blindness)。其中，輕度的色覺(jué)異常稱(chēng)為色弱。

2.肢體殘疾

而僅僅在我國(guó)，殘疾人數(shù)就約有8300萬(wàn)，占總?cè)丝诘?.34%，其中肢體殘疾者2412萬(wàn)人，占29.07%。肢體殘疾人士在精神智力方面和正常人是沒(méi)有太大分別的，這部分群體由于活動(dòng)不便，對(duì)于以電腦，移動(dòng)終端為媒介的網(wǎng)絡(luò)產(chǎn)品有著更為迫切的使用需求。

3.老人，兒童（5～12歲）

更值得關(guān)注的是人口老齡化的趨勢(shì)在中國(guó)越來(lái)越嚴(yán)峻，有一個(gè)預(yù)測(cè)的數(shù)據(jù)顯示，到2050年中國(guó)將有4.3億的老齡人。老年人退休了，時(shí)間相對(duì)充裕，除了從傳統(tǒng)媒體獲得信息外，對(duì)于網(wǎng)絡(luò)信息獲取的需求也在日益增長(zhǎng)。家長(zhǎng)們?yōu)榱碎_(kāi)闊子女眼界的需要，也會(huì)允許兒童在特定時(shí)間上特定的網(wǎng)站來(lái)開(kāi)發(fā)智力，學(xué)習(xí)娛樂(lè)。

4.文盲

另外從文化程度的差異來(lái)看，在中國(guó)文盲的數(shù)量仍然占人口總數(shù)相當(dāng)大的比例，現(xiàn)在我們的青壯年文盲占5.8%，這部分人群雖然網(wǎng)絡(luò)基礎(chǔ)知識(shí)幾乎為零，但是一旦接觸到網(wǎng)絡(luò)，他們會(huì)有很高的學(xué)習(xí)欲望和熱情，如何幫助他們盡快的使用網(wǎng)絡(luò)，也是Web交互設(shè)計(jì)師應(yīng)該關(guān)注的一個(gè)問(wèn)題。

5.其他

其他對(duì)信息使用不擅長(zhǎng)的人

交互設(shè)計(jì)的方法：

對(duì)于如此多的特殊用戶(hù)，無(wú)論是出于專(zhuān)業(yè)精神還是商業(yè)利益，Web產(chǎn)品設(shè)計(jì)師都應(yīng)該去關(guān)注他們，這也是作為一個(gè)設(shè)計(jì)師社會(huì)責(zé)任所在。那么，所設(shè)計(jì)的產(chǎn)品如何能夠滿(mǎn)足對(duì)特殊人群的“可及”呢，這就要求設(shè)計(jì)師在設(shè)計(jì)一個(gè)產(chǎn)品的時(shí)候，時(shí)刻要提醒自己不能忘記特殊人群，換位思考，站在特殊人群使用的角度上來(lái)設(shè)計(jì)Web產(chǎn)品的整體布局，各個(gè)元素的具體形態(tài)及操作行為。關(guān)于這一部分，交互設(shè)計(jì)實(shí)用指南也給出了一些基本的思路，以下是一些可借鑒的設(shè)計(jì)方法。

1.使用形狀+色彩的信息提示

這一點(diǎn)對(duì)于色盲這類(lèi)人群尤為重要，和普通用戶(hù)相比，他們的缺陷是在顏色識(shí)別方面，也就是說(shuō)如果設(shè)計(jì)師在某個(gè)地方僅僅使用了色彩作為信息提示，的話(huà)，那就有可能帶來(lái)問(wèn)題了，下面的例子：

上圖是蘋(píng)果的官方網(wǎng)站曾提供的一個(gè)在線工具，幫助用戶(hù)來(lái)查詢(xún)哪些專(zhuān)賣(mài)店明天有貨。 蘋(píng)果的設(shè)計(jì)師用綠色填充的圓圈表示有貨，紅色的圓圈表示沒(méi)貨，貌似挺清晰的，對(duì)于普通人當(dāng)然沒(méi)問(wèn)題。但是對(duì)于綠色色盲用戶(hù)來(lái)說(shuō)，就不容易了。

其實(shí)，我們只需要優(yōu)化提示ICON就能解決這個(gè)問(wèn)題，修改如下：

這個(gè)例子告訴我們，在使用設(shè)計(jì)元素時(shí)，要盡量使用形狀+色彩的方式來(lái)表現(xiàn)信息，或者使用文字的提示。這樣對(duì)于正常用戶(hù)和對(duì)顏色識(shí)別有障礙的特殊用戶(hù)，都不影響他們的識(shí)別。有一個(gè)小技巧可以使用，在完成設(shè)計(jì)時(shí)，可以把自己的設(shè)計(jì)圖做去色處理，然后一項(xiàng)項(xiàng)的去做交互測(cè)試，如此可以有效的避免色彩的識(shí)別問(wèn)題。

2.簡(jiǎn)化操作方式

無(wú)論是老人還是文盲對(duì)于網(wǎng)絡(luò)產(chǎn)品的操作都有信心不足的情況，一個(gè)簡(jiǎn)便的操作方式，令他們快速實(shí)現(xiàn)目標(biāo)，對(duì)于增長(zhǎng)信心非常有幫助。對(duì)于肢體殘疾人士，他們的困難在于使用交互輸入設(shè)備，如鼠標(biāo)和鍵盤(pán)比正常人更不容易，也需要簡(jiǎn)化操作方式。比如在設(shè)計(jì)操作時(shí)盡可能地采用“選擇”的方式而不是“填寫(xiě)”（避免給手指殘疾的用戶(hù)增加負(fù)擔(dān)）。比如下面這個(gè)輸入日期的設(shè)計(jì)：

3.容錯(cuò)和及時(shí)幫助

這也是交互設(shè)計(jì)指南中兩個(gè)非常重要的部分，對(duì)于特殊人群來(lái)說(shuō)，這兩點(diǎn)顯得更加重要。具體的設(shè)計(jì)方法可以參考接下來(lái)的文章http://ued.taobao.com/blog/category/ixd_guide/ 。

4.使用視覺(jué)、聽(tīng)覺(jué)，觸覺(jué)等多元化的手法傳達(dá)必要的資訊

在產(chǎn)品設(shè)計(jì)中，對(duì)于重要的操作及信息提示可以使用語(yǔ)音提示來(lái)配合視覺(jué)樣式來(lái)提示用戶(hù)操作的狀態(tài)。比如在一些智能手機(jī)產(chǎn)品上，點(diǎn)擊觸摸屏數(shù)字鍵盤(pán)時(shí)，不但被選中的數(shù)字鍵的底色會(huì)發(fā)生變化，而且屏幕還有震動(dòng)的觸感提示。

5.使用輔助性的工具

以目前的技術(shù)，語(yǔ)音識(shí)別可以部分解決單純的輸入問(wèn)題，比如Windows7的語(yǔ)音指令功能，在操作者說(shuō)出“打開(kāi)Word”這句話(huà)時(shí)，電腦就可以自動(dòng)啟動(dòng)該軟件，也可以為視力不好的老年使用者逐字逐句地朗讀電腦上顯示的任意文章，但是要靠語(yǔ)音識(shí)別完全解決人和電腦間大量的快速的交互行為還要走很長(zhǎng)的路。在未來(lái)，也許大腦可以直接來(lái)操控電腦，這方面已經(jīng)有了一些研究成果。下圖為谷歌手機(jī)中文語(yǔ)音搜索的界面：

另外可以?xún)?nèi)置輔助殘疾人的工具，Windows7有一個(gè)新的功能，叫做OSK，即屏幕鍵盤(pán)。不習(xí)慣使用鍵盤(pán)的人可以用鼠標(biāo)來(lái)點(diǎn)這個(gè)屏幕鍵盤(pán)，肢體不是很方便的使用者，可以把屏幕鍵盤(pán)上的按鍵放大從而提高準(zhǔn)確性；視力不好的老年使用者，可以把按鍵上的字放大，以便閱讀。

6.容易瀏覽及合理的信息架構(gòu)

對(duì)于老年人來(lái)說(shuō)，看互聯(lián)網(wǎng)會(huì)覺(jué)得眼花，他們感覺(jué)所有的字都太小，不容易瀏覽。所以在設(shè)計(jì)時(shí)要考慮到，能切換到可以適合老年人查看的字體和網(wǎng)頁(yè)樣式。比如百度推出了老年搜索來(lái)滿(mǎn)足這個(gè)需求，字體較大且突出老年人常用的功能,如下圖：

小結(jié)：

以上拋磚引玉提了幾點(diǎn)為“信息可及”設(shè)計(jì)時(shí)可以考慮的方法，對(duì)于特殊人群的無(wú)障礙設(shè)計(jì)需要更深入的挖掘特殊人群的需求，根據(jù)他們的生理和心理狀況，有針對(duì)性的開(kāi)展設(shè)計(jì)工作。

隨著社會(huì)文明的提高，交互設(shè)計(jì)對(duì)特殊人群的關(guān)注度也越來(lái)越高，可及即無(wú)障礙設(shè)計(jì)的理念也越來(lái)越得到絕大多數(shù)設(shè)計(jì)師的提倡。在我國(guó)，互聯(lián)網(wǎng)協(xié)會(huì)網(wǎng)站于近期正式開(kāi)通了信息無(wú)障礙樣板專(zhuān)欄，專(zhuān)欄介紹了國(guó)內(nèi)外無(wú)障礙行業(yè)標(biāo)準(zhǔn)的內(nèi)容和鏈接，其中有一些設(shè)計(jì)的規(guī)范，有興趣的話(huà)，可以下載，對(duì)于網(wǎng)站的設(shè)計(jì)有一定的參考價(jià)值。

據(jù)聯(lián)合國(guó)經(jīng)濟(jì)和社會(huì)事務(wù)部發(fā)表的研究報(bào)告，目前全球100家主要網(wǎng)站中只有3家能夠滿(mǎn)足殘障人士的需要，這方面要走的路還有很長(zhǎng)。

分享：交互設(shè)計(jì)實(shí)用指南系列(0) – 我們眼中的交互設(shè)計(jì)
交互設(shè)計(jì)(Interaction Design, 縮寫(xiě) IxD 或者 IaD),是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域。人造物，即人工制成物品，例如，軟件、移動(dòng)設(shè)備、人造環(huán)境、服務(wù)、可佩帶裝置以及系統(tǒng)的組織結(jié)構(gòu)。交互設(shè)計(jì)在于定義人造物的行為方式(the “interaction”,即人工制品在特定場(chǎng)