2007/09/09
封面圖案
我從 Flickr 上找了一些可能還不錯的、授權上也沒問題的圖片:
Thailand
Originally uploaded by babasteve
MS SC_Collab Photo App
Originally uploaded by lucamascaro
Touched by an alcoholic
Originally uploaded by the Comic Shop
Touching Rosetta
Originally uploaded by Namlhots
touching spring 2
Originally uploaded by michale
2007/09/05
提案摘要
第一冊是從較高的層次來探討網頁親和力的哲學、概念與理論,然後逐一說明各種規範的細則,以及如何安置合宜的人力資源來執行相關的任務;第一冊後半段則接著以實務的角度,說明實際執行時所需要考量的面向,及可行的步驟,然後再從「設計」的角度出發,分析有哪些設計的花樣 (Pattern) 與親和力息息相關,以及要如何施行這些設計花樣。第一冊的最後則以親和力檢測、報告的規範及工具作為結束。預計包括網頁設計人員、負責維護或發包網頁專案的人員,以及決策的人員,都能從書中獲得相當有用的知識。
第二冊從較低階的層次來探討網頁親和力的技術細節。首先會先帶過目前在國內相關的輔具資訊及資源,讓讀者感受各種不同的運用網頁的方式;接著再分別針對網頁內容、導覽、表單、CSS、JavaScript、Flash、PDF、多媒體檔案說明親和力技術。這一冊的最後則以嶄新的 Web 2.0 開發框架的親和力作為結尾。預計包括網頁的視覺設計人員,以及網頁應用程式的開發人員,都會對這一冊感興趣。
目前規劃的這兩冊書籍,總篇幅將少於八百頁(各冊均少於四百頁),全部採單色(灰階)印刷,估計實際的撰寫時間大約落在七至十個工作月之間;主要的內容均由 Jedi 撰寫,第二冊約有一至兩章的篇幅會請和多工作室的朋友合力撰寫。預計將自 2007 年 10 月份起開始撰寫。
內容
第一章:弄懂網頁親和力
- 親和力與可用性
- 親和力與無障礙
- 親和力的非技術層次
- 自然語言與多語環境
- 親和力的取捨
第二章:網頁親和力規範
- 法律基礎
- 各國法規
- W3C 推薦標準/指導原則
- 研考會規範
第三章:WCAG
- WCAG 1.0
- WCAG 2.0
第四章:研考會「無障礙網頁開發規範」
- 規範內容
- 檢測程序
- 瑕疵與建議
第五章:ATAG、UAAG、WAI-ARIA
- ATAG
- UAAG
- WAI-ARIA
第六章:親和力團隊
- 背景
- 設立
- 規模、功能與目的
- 施行方法
第七章:導入網頁親和力
- 過渡時期
- 分析與評估
- 重新設計
- 檢視設計
- 殘留的問題
- 實行
第八章:設計花樣
- 甚麼是設計花樣
- 導覽框架
- 有力的首頁
- 撰寫及維護內容
- 建立信任及信譽
- 設計有效率的頁面佈局
- 導覽容易度
- 網站加速
- 行動網頁
第九章:親和力評估與 EARL
- 評估
- 工具
- 報告
第十章:止於至善
- 親和力哲學
- 親和力的極限
- 結語
《網頁親和力:技術與實做》
第一章:輔助科技
- 輸入輔具
- 輸出輔具
- 作業系統的親和力科技
- 網頁技術
第二章:網頁內容
- 原則
- 文字描述
- 語言資訊
- 微格 (Microformats)
- 色彩
- 表格
- 圖片、多媒體內容
- 創用 CC 授權
第三章:導覽設計
- 原則
- 結構與順序
- 導覽功能
- 頁框
- 影像地圖
- 鏈結
- 表單
第四章:資料輸入
- 原則
- 表單
- PDF 表單
- 計時
第五章:CSS
- 原則
- 色彩與背景
- 字型與字體
- 圖片代換技巧
- 佈局與定位
- 多重樣式表
- 聽覺樣式表
- 列印樣式表
第六章:JavaScript
- 原則
- 刻板(壞)印象
- AJAX 與不亂入的 JavaScript
- JavaScript 與導覽
- JavaScript 與表單
第七章:Flash
- 原則
- 技術
- 實做
第八章:PDF
- 原則
- 技術
- 標記 PDF
- 親和力修補
- PDF 表單
第九章:多媒體
- 原則
- SMIL
- QuickTime
- Windows Media
- RealPlayer
第十章:Web 2.0 Framework
- 原則
- Jifty (Perl)
- RoR (Ruby-on-Rails)
- Air (Flex)
- 結語
2007/09/04
本書
「網頁親和力」所要講述的主題,並不是只有「無障礙」的部分。亦即,並不是只有要說明「如何設計出一個殘障人士也能夠使用的網頁」,而是要去說明「如何設計出一個更多人能夠使用的網頁」,因此包括使用 PDA、手機、電視遊樂器(例如 Wii)、iPhone 等設備使用網頁的客戶,都能夠從重視「網頁親和力」的設計中獲益,使公司或組織的經營更為成功。
除了網頁瀏覽器以外,還有許多的「使用者代理」也會從網頁親和力的設計中獲利。包括像 QuickTime、Acrobat Reader 等,也都是「網頁親和力」所要探討的內容。許多過於專注於「網頁」的書籍或文件,往往疏忽了這些多媒體內容的處置,而這些卻是現今網頁所不可或缺的,因此本書也會來討論這方面的技術現實。
由於上述這些內容涵蓋甚廣,如果擠在一本書內出版,勢必會變成七百頁以上的磚塊書,而不會成為實用的書籍。為了實用性及銷售的考量,拆成兩本會是比較好的選擇;以兩本的架構來說,第一本會偏理論,第二本會偏技術。第二本因為有許多技術細節,因此在銷售上比較沒有疑慮,可是第一本卻有可能流於空泛,而成為人們僅在書店閱讀而不買回家的書。為了解決這個問題,所以第一本的內容將包含一些實務的章節,包括如何應對研考會所制訂的規範、過渡時期的導入方針、成立親和力團隊的方法、評估與檢測的方式等。在這樣的安排下,可以預期不管是實務人員或者是決策人員,都會對第一冊也感興趣纔是。第二冊同時也加入了一些提到流行術語的章節,例如 Web 2.0 等,以增加讀者購買及閱讀的意願。
封面及封底文案可以包含這些內容:
- 超越「無障礙規範」的網頁開發流程/技術
- 台灣部落格之父 Jedi 又一力作
- StudyArea 團隊推薦
- 符合 W3C 標準的跨平台網頁設計
- 設計 Wii 及 iPhone 也便於瀏覽的網頁
- 開發超友善的 Web 2.0 網頁
- 讓你的 QuickTime、RealMedia、Windows Media、Flash、PDF 更平易近人
附件:可以有 PDF 版,可以用另外分售的方式,或者是開放已購書的讀者索取。網站上可以提供讀者特區,並提供上述的 PDF;至於 CD 則不需要。另外也可以設計一些檢核表或可以單獨使用的單頁文件,以厚紙印製,附在書後,讓讀者可以輕易裁下使用。
2007/09/03
作者資歷
Jedi 著有《BLOG 架站實務:使用 Movable Type》一書,由旗標出版社出版;該書已全數銷售完畢,沒有任何庫存殘留。此外 Jedi 亦曾參與過《Perl 學習手冊第三版》、《Perl 網路程式設計》、《架設 Slash 社群網站》、《FreeBSD 完全探索》、《深入親和力》、《超越式 CSS》等書的翻譯,獲得 2003 年由台灣軟體自由協會所頒發的自由軟體社群「傑出軟體中文化獎」以及「傑出文件翻譯撰寫獎」,並因推廣帶動台灣部落格發展而被稱做「台灣部落格之父」。
行銷
篇幅
第一冊完全由 Jedi 來撰寫,但是第二冊因為要涵蓋了許多技術細節,所以會再找兩、三位伙伴來一同撰寫。原則上第二冊需要仰賴外力的篇幅是兩章,也就是全書的 1/5,一旦確定合約等事宜後,就會馬上請合作對象開始撰寫,以免耽誤到時程。
第一冊當中會有若干流程圖及其他圖表,第二冊第一章則會有一些照片等,除此之外各章都會有螢幕擷取畫面。這些圖表及圖片都不需要彩色印刷,因此兩冊都出版單色(灰階)印刷版即可;原始碼範例中重要的部分則以粗體表達。
相關書籍
此刻市面上完全沒有任何一本直接與「網頁親和力」這個領域相關的中文書籍。即便是英文書籍也是屈指可數,其中比較重要的有:
- Building Accessible Websites. Joe Clark. 2002. New Riders Press. ISBN: 073571150X.
- Maximum Accessibility: Making Your Web Site More Usable for Everyone. John M. Slatin, Sharron Rush. 2003. Addison-Wesley Professional. ISBN: 0201774224.
- Web Accessibility: Web Standards and Regulatory Compliance. Jim Thatcher, Michael R. Burks, Christian Heilmann, Shawn Lawton Henry, Andrew Kirkpatrick, Patrick H. Lauke, Bruce Lawson, Bob Regan, Richard Rutter, Mark Urban, Cynthia D. Waddell. 2006. friends of ED. ISBN: 1590596382.
上列的書籍當中,第一本大概是同類書籍當中被引用最多次的一本,由親和力專家 Joe Clark 獨力完成,內容涵蓋甚廣,也討論了許多會實際發生的現實狀況;但是很不幸地,這卻是一本流於抱怨的書籍,讀者很難從這一本書當中看到甚麼光明的希望。
第二本書由兩位作者合力撰寫,內容涵蓋甚廣,很適合一般人也來閱讀,內容的編排上以實際的「情境」與「經驗」為主,讓人讀了之後很能夠心領神會,每一章一開始也列出該章所會涵蓋的 WCAG / Section 508 / XHTML Tags,因此用於技術人員的參考也很好用。對於親和力議題的態度則採正向積極,告訴讀者們如何「讓他更好」,這一點也是值得肯定的。這本書字很大,閱讀起來很舒服,這也是值得效法的一點。
第三本是由十一位作者合力撰寫而成的,是三本書當中內容最為廣泛的一本,同時也是資料最新的。除了帶進 AJAX、Flex 以及新工具的介紹外,還有大量的圖表,在概念的表達上相當清楚,並講述了 WCAG 2.0、JavaScript 的親和力、Flash 的親和力等,還有一個完整的實際案例研究──從事前規劃、每一個實際步驟、事後再檢討等等,鉅細靡遺。在技術性的章節中,除了概念的闡述外,思考的邏輯、運用的核心技術,實做的步驟,以及實際的程式碼──JavaScript, Action Script (for Flash), PHP 等,也都交代得很詳細。
《網頁親和力》大致上是參考第三本書的結構來規劃的,在內容及規模上會介於第二本跟第三本之間;所有跟我國無直接關係的部分(如 Section 508)都不會去提,而我國的法規及研考會的規定則會花更多篇幅來深入。技術實務的部分,會特別著眼在多媒體及新科技上,包括前述三本書都沒有提到的 Web 2.0 框架如 Jifty、RoR 等;另外也會提到微格 (Microformats) 跟創用 CC (Creative Commons)。
另外,有鑑於前三本書中,比較值得參考的後兩本書都相當厚,一方面售價不易壓低,另一方面難以帶著到處跑、到處用,所以《網頁親和力》一開始就打算分冊撰寫。目前的規劃是分成兩冊,第一冊談論的是法律、規範、策略與施行的實務,第二冊則要專注在各項技術的細節。因此針對不同的讀者,將更有誘因:用比較少的錢,把自己感興趣的那一部分買回去。如果看出興致來了,再買另外一冊不遲。理論上在決策位置的人,獲許會想買第一冊就好,而實務執行的人則可能會想要兩冊都買。
由於書中的內容會有些瑣碎的資料、圖表,並且每章都會規劃可以「帶著使用」的檢核表等,所以就算有人站在書店把書翻完,也還是會把書買一份回家纔是。
如果銷售情況理想,反應熱烈,則將《網頁親和力》主題繼續延伸出第三冊亦無不可。
讀者
又根據 E 政府所提供的全國機關名錄,全國共有 4507 個公家機關,每個機關若至少有一人(不論是自己做或者是外包)實際負責網站維護,則這部分就至少會有 4507 名目標讀者。再加上各機關的決策首長,至少就會有 9014 名。
總括上述數據,本書系可能之讀者群約有 77796 名。當然不可能每一個人都會掏出錢來把書買回家,保守地估計,假設各級學校及公家機關當中,實際負責維護網站的人員有 1/10 會買本書,而各決策首長及學生當中有 1/100 會買本書,則預計的銷售量將會是 1171+75+496+450+45=2237,因此一刷兩千本應該是可以銷售完畢的。
市場
各級學校的資訊教師、網管會對這套書有興趣。雖然以臺北市來說,預計要達成全面符合研考會「無障礙網頁開發規範」的日期是 2007 年年底,但是實際上來說並不大可能在今年年底就真的全面達成;而且研考會還會在半年後,也就是 2008 年年中左右,對前述各級學校的網頁復檢抽查,因此這套書仍然能對各級學校負責網頁的人員有所幫助。
提供網頁/網路服務的中、大型公司/組織/公家單位主管會對這套書有興趣。因為這套書一開始就會挑明了說,為什麼網頁親和力能對營運有幫助;尤其在第一冊當中,更會說明相關的法律議題,以及如何部屬親和力團隊,正確地分配資源,省下不必要的重工成本。
學習網頁、決定以網頁作為出路的人,也會對這套書感興趣。因為這個主題還沒有任何中文書出現在市面上,因此除非直接閱讀英文書,否則這套書將成為目前唯一的一套教科書。
2007/09/02
關於書名
研考會的東西叫「無障礙網頁開發規範」,所以書名就一律改為《網頁親和力與無障礙網頁開發規範》吧。如果這書名太長了,那就縮短為《網頁親和力與無障礙》、《網頁親和力與無障礙網頁》或《網頁親和力與無障礙網頁開發》吧。
Blogger 有個投票功能啊……那來辦個投票好了,為期一週,請大家給意見吧!如果有人覺得有更好的書名,也可以直接回應這一篇。
內容規劃
《網頁親和力:法規與實務》
- 第一章:弄懂網頁親和力
- 第二章:網頁親和力規範
- 第三章:WCAG
- 第四章:研考會「無障礙網頁開發規範」
- 第五章:ATAG、UAAG、WAI-ARIA
- 第六章:親和力團隊
- 第七章:導入網頁親和力
- 第八章:設計花樣
- 第九章:親和力評估與 EARL
- 第十章:止於至善
- 第一章:輔助科技
- 第二章:網頁內容
- 第三章:導覽設計
- 第四章:資料輸入
- 第五章:CSS
- 第六章:JavaScript
- 第七章:Flash
- 第八章:PDF
- 第九章:多媒體
- 第十章:Web 2.0 Framework
MIT 徵網頁親和力工程師
詳細的說明請見 http://www.csail.mit.edu/contact/jobs/00003003.html,或者直接到 http://sh.webhire.com/servlet/av/jd?ai=631&ji=1794224&sn=I 投遞履歷。
我覺得這是個相當好的機會啦,幾乎就是站在第一線貢獻了。不過我自己實在不大有自信,而且此刻也不大適合去做離開台灣的全職工作,所以這一次大概祇能眼睜睜地錯過了。