Feeds:
文章
迴響

200507book_psychology剛拿到這本書時,覺得不在頭上綁個『必勝』白布條是看不下去的,一來這不是我的專業,二來簡介超嚴肅。沒想到還蠻有趣,有點像是心理學界的謠言追追追或Myth Busters。說這是一本專講心理學的書就太狹隘,事實上,所有有志從事科學專業的人都不妨看看這本書;對科普有興趣的一般人,更可以藉此檢驗一下,自己是不是上了偽科學的當。

『科學』二字在我們這個時代過於氾濫,一個議題要被稱之為科學,以下的基本原則是不可少的。

實徵主義(empiricism)

首先是系統化的實徵主義。用俗話講就是觀察和實驗,某理論可以經由控制良好的實驗,重現理論提出者所描述的現象,實驗結果可公開的被觀察到。而這個理論可以被其他實驗者一再的重驗,經由證據累積而真正被建立,進而能具體預測宇宙中的現象而對人類有所幫助。

可證偽性

令我耳目一新的是,作者一再強調:任何科學理論都要留一扇窗,讓自己可以被修正或推翻,否則就不能被稱之為科學,這就是『可證偽性』。例如,十八世紀的重症黃熱病一度以放血來治療,主事醫師主張,若病患痊癒了就是療法生效,而死亡了就是病況過於嚴重,總之他的療法毫無瑕疵。又例如『超感官知覺論』說,你如果相信靈魂可以存在於我們周圍,他們就能出現在你身邊且有各種作為,若你不相信,他們就消失而無法被感應。這些論調無論如何都有得解釋,都不能被證偽,成為『偽科學』最鮮明的例子。而證偽的歷程與建立理論相同,是經過公開觀察實驗累積證據而成。

操作性定義

至於上帝存不存在、人生的意義是什麼,雖然這些問題答案未必是肯定或否定的,但這些是無法用科學解決和回答的『本質性問題』,就不在科學的領域來討論了。心理學也屬於科學的一部分,並不像大眾媒體塑造的,僅僅用訪談發展出概念,『佛洛伊德只要一張沙發就夠了』。與其他科學相同,心理學理論是由一個個『操作性定義』來描述的,所謂操作性定義大家小學有學過吧,就是像『大氣壓力為76毫米汞柱高』這種可被公開觀測到的指標。要得到足夠的指標來連結概念和可觀測事件、建立一個有效的理論,仰賴的是設計周全的實驗。

相關和因果

怎樣才算設計周全的實驗呢?再來回憶小學所學到的吧。老師說,一個實驗一定要有『操縱變因』,所有其他不屬於操縱變因的都是『控制變因』,操縱變因啟動的是實驗組,操縱變因不啟動的是對照組。這裡作者舉了一個令人傻眼但非常經典的例子,古德格柏醫師與癩皮病。二十世紀初此病被認為是較差的衛生條件、處理不當的污水所造成,但古德格柏醫師獨排眾議,認為是蛋白質缺乏、高比例澱粉的飲食所造成的營養不良。為了證明他的論述,醫師本人與志願者,混合麵粉,服下了癩皮病患的排泄物,但之後完全沒任何有發病的跡象,由此排除了污水和癩皮病相關性。然後又找到另兩組志願者,一組長期攝取與癩皮病患相同的飲食,另一組攝取均衡飲食,最後攝取與癩皮病患相同的飲食組果然出現癩皮病徵。由此不但證明了癩皮病與飲食的關聯,還證明了與污水的『虛假相關』。

實驗方法的中心思想就是操弄及控制,即便是實驗與自然真實的生活相去甚遠,這樣才能把影響結果的因素獨立出來,以確認因果相關性。現實中的因果,有些是正相關、有些是虛假相關或因果顛倒;有些因果永遠同時出現,但事實上是第三原因造成,甚至是許多原因同時出現,並產生交互作用才能導致特定的結果。若沒有實驗來解決疑惑,就只能依靠直覺和猜測。這都有待變數控制周全的實驗,來揭曉真正的答案。當下無法驗證的疑問,隨著實徵技術的進步,也許在未來會成為科學可重驗的事實。

見證、個案與統計

原書中花了許多篇章來說明這三件事,但我覺得他們之間息息相關,合在一起講也無妨。心理學研究相當依賴統計,而所有科學都重視證據的累積,但就是有這種時候,當統計告訴我們酒駕導致高車禍死亡率,隔壁的歐吉桑就跳出來說,我昨天就喝了點小酒,怎麼還是安然無恙的開車到家呢。我們所謂的常識、偏見在這裡慢慢形成,媒體更是善用這種個案見證的鮮活性,來告訴大眾某種行為是有益的、某樣產品是最好的。甚至心理學界本身,也在爭論單一臨床研究的結論,是否能凌駕於長久統計的結論。水能載舟亦能覆舟,個案的特殊性,是給了研究者機會收集到更多的證據,還是根本誤導了研究結果,一竿子打翻一船人?機率統計雖然不能回答我們絕對的結果,但這個預測的傾向,是比單一個案更具說服力的。

Finally, 在缺陷中進步

雖然像愛因斯坦相對論這種大躍進式的進步並非不可能,但這不是科學進化理所當然的模式。新的發現必須要考慮舊理論中的實徵資料(關聯原則),一系列的科學實驗所創造的證據聚集,遠比單一實驗所創造的概念大突破更實在。無數有缺陷的實驗結果,才能整合成最終可信的智慧結晶。回到前面所說的,科學並不能給我們宇宙終極的答案,只能在發展中慢慢修正使得理論更接近事實。

後記

妙的是,讀這本書的感覺五味雜陳,一方面有『茅塞頓開』的感覺,這本書有二十年的歷史仍歷久彌新,二十年前國外就提倡的基本觀念,為什麼我們吵吵嚷嚷了這麼久,就沒有任何有力人士來正視聽?另一方面,在某個章節中,作者說了一段讓我有點難過的話:『…那些無法在模糊的氛圍裡工作的人,通常都不會從事科學工作,因為科學就是充滿不確定性,它所呈現的模糊幻燈片可能破壞了某些人的美感。科學家應有的態度是,對那些目前還很模糊但最終將會變為清晰的影像,保留一種強烈的好奇心。』只有無比堅強的靈魂,才能徹底捨棄一個宇宙終極答案所給予的安逸感和安全感吧。

寫CSS和Ajax的前端工程師,似乎會刻意避免用flash/flex當解決方案,理由眾多,如檔案大loading重、SEO成效不好等等。但以下這篇由精誠資訊的RIA講師Anistar在ITHome的訪談內容,很清晰地闡明了RIA使用的場合,也解釋了CSS、Ajax、Flash/Flex綜合使用的必要性,不管使用哪一種解決方案,Usability和User friendly都是最終的目標。Anistar同時也提到了前端開發和後端開發的分工,這雖然已是網站業界的基本共識,仍值得我們提醒自己。

RIA專案開發的必備概念:原文請見

http://blog.riaproject.com/flex/1004.html/trackback

Google讓我們變得弱智?

這則yahoo新聞出來其實有好一陣子了,引起我周圍的google愛用者和google不信任者小小的論戰,我自己也不免猶豫了一下,顯然是個有意思的題目。

原文在下方

做了個非正式的迷你民意調查,結果是這樣:

四、五年級以前的世代說:網路上什麼都有,但查來的資訊沒什麼可靠的
五年級說:會利用google得來的資訊,但一定要與其他資訊來源對照著用
六年級以後的說:雖然也參考網路以外的資訊,但先google來認識主要概念
資訊科技產業的人:這個產業的知識,不google難道要去圖書館找嗎
金融產業的人:要看股票、基金和匯率,還是網路比較快啦,不過有時人脈比較靈
法律界的人:我們查法條早就比google搜尋還厲害

真奇怪,每當有新工具盛行時,就有人抱著絕對悲觀的看法。當然,衝擊和改變在所難免,但人們總會自我適應出一個新的平衡點。好用有料的事物歷久彌新,譁眾取寵的事物自然淘汰。網站盛行以後,紙本書並沒有消失啊,只是多了一種選擇,各擔任不同的角色;張君雅小妹妹也沒把王子麵幹掉,何必一定要誰取代誰呢。

大家上學時都寫過報告吧,那時去圖書館找資料要翻櫃子裡的索引卡片,有作者卡片、圖書分類卡片等等,還有一種叫『關鍵字』的卡片。我在圖書館裡很不靈光,除了關鍵字卡片,用其他卡片通常找不到對的東西。那時我總是很驚奇,為什麼班上有些筆記公主,不用關鍵字卡片,卻以『年份、作者、出版機構』或其他怪方法為搜尋脈絡,還能找到一堆讓報告寫得漂亮的東西。

或許較長較艱難的搜索過程,能造成對某主題有較廣泛又深刻的認識,資訊在大腦中發酵較久,即使無法快狠準地找到解答。就像走路比較容易看清楚路上的風景,而坐車就只能看到風景唰一下的飛過,但較快到達目的地。各有各的好處。新聞中所述的『前幾個世代主要通過書本和傳統的學習獲得知識』說的就是這種過程。然而也不是萬無一失,有時最先被找到的書本論文或期刊,不幸是一本爛書,筆記公主也會踩到地雷吧。這只代表它容易被找到,就算與主題高度相關,內容太貧乏也沒用,大家還是會繼續找其他資料來對照,做個綜合的結論。

『關鍵字』卡片有沒有像hyperlink呢?我個人覺得搜尋原理相差不大,google僅僅是省略手工、加快跳躍過程而已。(硬要說斷章取義,關鍵字卡片不也有同樣的效果嗎) 排名第一的搜尋結果,如果是篇垃圾文,就算我們點進去看,也會馬上捨棄它。要決定找到的是不是垃圾,顯然得經過一番理智的綜合評估。google拋磚引玉,先找到quick answer,還是先找到best answer,似乎是殊途同歸。如果google造成人們沒有耐性,那書本也一樣。有人看十本書才下結論,有人看一篇文章就妄下斷語,在google存在之前就已經是這樣了吧。硬說google的速度,對資訊的深度和廣度沒有貢獻,用關鍵字跳躍就一定失去脈絡,好像也不對勁。

至於新聞中所提到的,google只依照六度分離的連結數來排名,好像也不完全是這樣,連結數只是其中的一項權重。理論上本文的關鍵字越多,排名也越前面,而與主題高度相關、內容充實有組織的文章,天生也具有這種性質。

人們都用google查什麼呢?以下幾種應該最常見:

  1. 資訊科技產業相關的知識,它在網路世界的更新頻率、密集度和正確性本來就比較高。而既然從事資訊產業,讓自己的訊息在google上容易被搜尋到,難道不是一種義務嗎。
  2. 驗證來自其他管道的訊息,與google互相對照,比如查產品的詳細規格,或旅遊景點的路線圖。
  3. 只要用小腦就能解決的問題,比如哪家餐廳好。即使做了錯誤的決定,付出的代價也不算大,何必花時間翻遍古籍經典勒。
  4. 如果一時什麼都找不到,google至少提供一個突破點。

當然google有缺點,比如說每個性質相同的資訊,沒有絕對公平的機會,刻意運作以這個方式曝光的會排在較前面(但不一定會成功)。

而在google世界之外,資訊自然會經由最適得其所的管道傳遞,盡信google不如無google啊。

Google世代:只搜尋不思考?

更新日期:2008/12/30 15:35 Yahoo!奇摩特約記者薛怡青綜合外電報導

大家口中的草莓族,現在有了新的稱法,國外有研究將這群在1993年以後出生的小孩稱為「Google世代」,在美國約有6100萬人,他們的養成過程幾乎都在網路上。「Google世代」在網路上玩遊戲、聊天和學習,甚至有時候同時做這三件事情。

刻板印象認為,前幾個世代主要通過書本和傳統的學習獲得知識,相較之下,Google世代的特點是缺少耐心、持久性和衝動。但是先前倫敦大學的研究破除了這個迷思,Google世代並不局限於年輕人,而是更廣泛的文化現象,年輕人相較於年長者,並不更需要一直連在網上,也不會比較沒耐心,至少在等候網頁下載及檔案刪除的時候。

因此這形成更迫切的社會議題,舉例來說,掌握了枝微末節或大量的資訊會不會妨礙我們的創意及獨立思考?唾手可得及自動產生的答案會不會阻礙了我們的整體認知能力?

根據長島大學教授Emily Walshe的研究,Google世代更偏好高度集中且容易摘要的資訊,而且我們已經習慣「強力搜尋」模式,快速瀏覽取代了閱讀的動作,網路使用者不分老少,都習慣只看網站的一兩頁(或者是整頁的一兩句),就跳出該網站。

在搜索和思考方面,前後文脈絡是非常重要的。Google搜索結果的排序,是根據衡量來自其它網頁鏈接的演算法,這基本上是一種6度分離的邏輯,但也同時讓資訊獨立於脈絡之外。久而久之,這種思考方式就容易形成「斷章取義」的後果。

「Google 世代」將內容普遍抽離於脈絡之外的影響,不只在教育,而且對醫療、新聞、商業和政府都產生了深遠的後果。這將影響到現代公民的每一個方面,改變人們思考現代公民身份、財產、認同甚至愛情的方式。如果我們不認真對待的話,這也許會使我們變得愚蠢,或者有一天我們更可能落入歐威爾所謂的「大騙局」。

KERORO軍曹看了這麼多集,這個陽謀不說出來實在很悶。KERORO在阿宅界是顯學,無人不知無人不曉,就連某次學術研討會的投影片,也穿插一張KERORO劇照,來說明講者的理念。正經八百的父母應該會認為它白目無聊又沒深度,但如果你以為這是個簡單熱鬧的兒童卡通,那你就大錯特錯啦。(神奇的是,兒童也看得蠻樂的)

1188050917

keroro小隊

在這半小時絕無冷場的嘻笑怒罵裡,它不但處心積慮地爭取所有群體的認同,更別說無孔不入的置入性行銷。所有的物件都具有2D變3D、發展成實體商品的潛力,就算近期內沒有具體的行銷計畫,也預先巧妙地嵌入台詞和運鏡中。如果我們政府的置入性行銷,也能做得如此天衣無縫,國力必可增強二十倍吧。

KERORO之於日本動漫,就如同『驚聲尖笑』之於好萊塢電影。就算是惡搞海底兩萬里、鋼彈、七龍珠還是新世紀福音戰士(有一集模仿駭客任務,還蠻像的),永遠能喚醒眾宅男腐女們內心某一塊親切的記憶。最重要的是,劇組八成做過什麼大眾心理統計學研究之類的,把人格大致分為五型,由此創造出KERORO小隊的五個主角。每個角色都有獨自的得意和缺憾,因此不論是什麼樣的觀眾,都能在其中找到一個認同的對象,成為這部動畫無比影響力的來源之一。我看只有KERORO不知缺憾為何物,永遠維持高昂的興致,難怪可以當隊長,這算不算高抗壓性和好EQ咧?雖然他總被自己的隊員吐槽,表面上一無是處,在我看來他的談判技巧是很優秀的,別告訴我賴皮和顧左右而言他,不是一種談判技巧。

GIRORO雖是令人欽佩的一條熱血好漢,在情感的表達上卻是屢屢觸礁,恐怕這位熱血戰士在軟硬情緒間的切換有些失調,幾次與夏美失之交臂。夢中情人的回應,無論是正是負,總是像鉛塊一般沉重吧。對一隻小貓展現鐵漢柔情,還容易得多。(不過我倒是不懂,既然這麼有企圖心,怎麼還能容忍和KERORO一起曠日廢時地鬼混呢)

TAMAMA親和力和人氣都是屬一屬二,也不失為一個得力的幕僚,但常常擺脫不了自卑感的侵蝕,『我這渺小醜陋的存在…』自卑感或許是強烈力量來源,但失去冷靜的出擊,總是造成更多打不中的目標。這跟國內某些政治人物,有沒有似曾相識的感覺啊,呵呵。

KURURU的發明絕對是救命解藥,可惜這個角色的性格並不討喜。對物件的興趣大於對人的興趣的人,總是忽略人的心理需求。天才總是孤獨的,不知用在KURURU身上,合不合適。

DORORO呢,只有兩個字可以形容:矛盾。瞻之在前,忽焉在後,若即若離。想要融入群眾卻又有深深的疏離感,莫名其妙的心靈創傷之外,卻又充滿愛…坦白說他是個老實人啦,卻又不是個笨蛋…很難解釋,很矛盾的一個人(抱歉,一隻青蛙)。

製造外表與內在的歧異,永遠是增強戲劇張力的有效手法。(夏美的媽媽有一集在熱天停電的咖啡館裡審稿,不也對來投稿的小伙子這麼說嗎?製造一點外表與私下的落差之類的…) KERORO將這一點發揮到極致,劇中的每個人物,都有光明和黑暗兩面,這是多麼成功又有層次的角色設定啊。

而地球人代表也是莫名其妙,日向家似乎是個單親家庭,還有個騎重型機車的漫畫總編媽媽(這暗示的是動漫產業人的宿命嗎);冬樹是日本和台灣一般男性的典型,平常不起眼又有些優柔寡斷,卻在關鍵時刻展現意外的敏銳度;而夏美可能是宅男心目中有魅力又堅強的夢幻女性典型(追不到的總是最美)。就連冬樹的同學桃華也要來個精神分裂,好貫徹外表與內在差異的戲劇效果。

劇情裡處處玩弄著群體社會中天天上演的小心機和小型政治,編劇試圖以宇宙青蛙來轉化一番,以避免太過直接。觀眾必定是邊看邊罵,邊罵邊笑,心有戚戚焉。青蛙們侵略地球之餘,又與地球人發展成亦敵亦友的依存關係,這不也符合地球外交的現況嗎。

關於『共鳴』這件事,我還聽過幾種不同的解釋,有人認為是群體認同的表徵,也有人認為是各說各話的亂象。這部動畫就如同『一個中國』這回事一般,可以各自解讀,各自表述,如此面面俱到、層次之多、面向之廣的卡通,看門道、看熱鬧的都能各取所需,諷世勸世齊備,真是厲害。所以各位父母,千萬別再輕視KERORO,這可是一部不容小覷的曠世奇作啊!

(本篇內容整理自othree的演講)

HTML5的語法還在發展中,事實上目前也沒有任何Browser能讀出來,不過應該會隨著升級慢慢納入HTML5的標籤和屬性。HTML5最主要的改變在整體結構上;且多了控制聲音、影像的tag,另外更加落實將每個tag都納入整份文件的DOM tree裡。

1.整體結構

在HTML4或更早,我們用<div id="xxxx">來製作網頁的基本框架,如header, footer, content, sidebar等等;但HTML5直接提供相對應的tag來構築基本框架,這些幾乎是任何網頁都少不了的元素。下面來自 A List Apart 的兩張圖,很清楚地說明的HTML5和之前的差異。

structure-div

HTML4之前

structure-html5

HTML5

<article>代表獨立的一個文章區塊,每個<article>區塊裡可以有很多個<section>區塊。所以頁面框架的html會變成這樣:

<body>
<header>…</header>
<nav>…</nav>
<article>
<section>
</section>
</article>
<aside>…</aside>
<footer>…</footer>
</body>

<nav>內的選單仍然可用list結構來排;而<section>標籤卻是可以一層包一層,大章節裡有小章節。

<section>
<h1>Level 1</h1>
<section>
<h1>Level 2</h1>
<section>
<h1>Level 3</h1>
</section>
</section>
</section>

(這樣有沒有比較好呢?根據達人指點,小<section>裡的<h1>會繼承上一層<section>裡的<h1>,好像不是那麼好控制;再者,原來單純用<div>就能玩的效果反而不能用了。只能說是語意上的理想化。)

2.影像/聲音

主要是<video>和<audio>這兩組tag。

影像:

可以用poster屬性來指定縮圖;可用source來指定不同情況下的來源檔,比如說,在電腦上和在PDA上放映時可讀取不同解析度或格式的檔案。至於control是什麼,官方文件只說"是可以將預設控制面板,關掉或打開的一個布林值",沒人看過長相也不太清楚實際的語法,也許要再等一陣子才會有明確的文件。

<video src="video.ogv" controls poster="poster.jpg" width="320″ height="240″> <a href="video.ogv">Download movie</a>
</video>
<video poster="poster.jpg">
<source src="video.3gp" type="video/3gpp" media="handheld">
<source src="video.ogv" type="video/ogg; codecs=theora, vorbis">
<source src="video.mp4″ type="video/mp4″>
</video>

聲音的寫法就跟影像非常類似囉。

<audio src="music.oga" controls> <a href="music.oga">Download song</a>
</audio>

<audio>
<source src="music.oga" type="audio/ogg">
<source src="music.mp3″ type="audio/mpeg">
</audio>

3.Doctype

doctype,要嘛就宣告為HTML標準,要不就宣告為XML(XHTML)標準。如果循HTML標準,宣告上比以前簡化很多,只要寫<!DOCTYPE html>即可。宣告為html的好處是可以向下相容,且不像xhtml極端嚴格,比如說寫<p>時沒有寫close tag </p>,也能被browser解讀;但宣告為XHTML時,語法就必須嚴謹一些了。

[HTML]

<!DOCTYPE html>
<html>
<head>
<title>An HTML Document</title>
</head>
<body>
<h1>Example</h1>
<p>This is an example HTML document.
</body>
</html>

[XHTML]

<?xml version="1.0″ encoding="UTF-8″? >
<xmlns="http://www.w3.org/1999/xhtml" >

<head>
<title>An HTML Document</title>
</head>
<body>
<h1>Example</h1>
<p>This is an example HTML document.</p>
</body>
</html>

HTML5先寫到這裡,其他新的element,W3C那邊的文件也只是介紹,並沒有browser可以讓我們看看用起來會是什麼效果,看來還要再等一陣子,就不在這裡贅述了。

參考資料:

A List Apart: A Preview of HTML 5 http://www.alistapart.com/articles/previewofhtml5
HTML 5 differences from HTML 4 http://www.w3.org/html/wg/html5/diff/

我的Happy Designer筆記(powerpoint)

(本篇內容整理自hlb的演講)

這是一個有趣的漫畫,表達出專案各個環節的人員之間,認知有多大的差異。

how projects really work

prototyping的目的是讓整個專案訊息"deliverable",降低溝通的障礙。

hlb講的內容跟在公司聽到的有很多重疊的部份,可見Communication Design這本書是所有IA的聖經啊。不過hlb對三個階段有比較顯著的分割:

階段1.Wireframe: Function & Layout

Wireframe主要讓使用者知道網頁的功能和項目排列,但無需顯示視覺設計的細節。然後介紹的IA常用的Axure RP。

階段2.Mockup: Form, Design, Visual

Mockup相當於我們創意部做的事情,版面長寬高顏色都要盡量相似,但互動的部分可以先省略。有一個比Axure RP有親切感的軟體叫 Balsamiq Mockups,可以很快畫出UI,然後轉成xml放在wiki上,企劃與PM應該會覺得好用。但對於深度IA的傳達,如sitemap/site structure、page flow、Interactive、還有自動產生document方面,自然跟Axure RP 沒得比囉。

http://www.balsamiq.com/products/mockups

階段3.Prototype

Prototype要可以實際操作,像按鈕要可以按、多媒體要可以播放、下拉選單要可以動作等等。有人用paper prototyping,會寫code的直接用html prototyping,甚至跳過Mockup了。

YouTube上有點驚人的paper prototyping影片 http://tw.youtube.com/watch?v=GrV2SZuRPv0

要用html做prototype,有一個jQuery的library叫做polypage,可以達成一些動態更換頁面的狀態

實例: http://elfcartel.clearleft.com/profile.php
(假的,要寫後端程式才能動。有人問為什麼不直接寫JQuery?也許用polypage的函式會比較快吧。)

polypage的完整說明

http://code.new-bamboo.co.uk/polypage/

http://konigi.com/notebook/polypage-html-prototyping-javascript-library

我的Happy Designer筆記(powerpoint)

(本篇內容整理自台灣數位有聲書推展學會-吳志超的演講)

視障者與明眼人瀏覽方式不同。明眼人可以藉著視線上下及左右兩個維度的移動,來快速偵測內容要點;而視障者的瀏覽方式為線性,也就是選定一個起點從頭讀到尾,如果錯了,再換另外一個起點。因此為視障者提供網頁上的路標是很重要的。

無障礙網頁設計的重點非常清楚,包括以下幾點。

  1. Access Key 搭配錨點(Anchor)使用:視障者少用滑鼠,而多用鍵盤。Access Key 讓視障者用快速鍵跳到特定的區塊,Anchor 上的id有助於視障者了解這個區塊的大意。
  2. NoScript替代方案:Javascript等前端介面上的效果會造成視障者的困擾,另外設計NoScript的介面是無障礙網頁的必要條件之一。
  3. 圖片、影片、聲音檔的替代文字(Alt):即使視障者無法看見真正的圖片影音,但仍然可以由Alt或是旁邊的文字說明來了解。
  4. 合理的Table:用來陳述資料,而非用來排版。善用<th>和<caption>增加表格的可讀性。
  5. Heading和List的使用:這對文件結構幾乎是最重要的一點,其中Heading的<h1>~<h6>的階層性更為重要,因為視障者會藉此來理解整份文件的內容脈絡,<h2>之前預期一定會有<h1>,不能像明眼人只把他當作字型設定來用。

這次請到了真正的Screen Reader使用者,來demo “JAWS" 這個Screen Reader軟體。Screen Reader當然只能讀文字,所以好的文件結構,是無障礙網頁的核心。

http://www.standards-schmandards.com/2005/browsing-habits/

JAWS能以快速鍵列出整份文件的Heading、List和link tag 裡的詞並且唸出來,所以讓JAWS理想運作的條件,就是好的文件脈絡和容易理解的link。最顯著的例子,就是不要在link上寫"click here",而要寫出link到什麼樣的內容,比如說"Read more about the college"。建議網頁製作者用Screen Reader,來實際檢查網頁的Accessibility。

正巧google到北卡州大的Accessibility說明文件,非常完整且up to date:

www.ncsu.edu/it/access/webaccess/index.php

我的Happy Designer筆記(powerpoint)

Follow

Get every new post delivered to your Inbox.