bookslope blog

すごく久しぶりの投稿ですが、「Web標準の日々」のイベントに合わせて、事前に講演者で座談会をした模様が新書として発売されています。

『変革期のウェブ ~5つのキーワードから読み解くウェブとビジネスのこれから~ (新書) 』という書籍です。

「コンテンツ」の章では、情報がウェブコンテンツになるとともに、その情報を流通させる仕組みそのものがコンテンツとして機能しつつある状況を分析し、これからのコンテンツのありようを議論します。

ということで、ボクは「コンテンツ」の章で参加しています。

参加メンバーは、角竹さん (株式会社毎日コミュニケーションズ) 主催のもとにヤスヒサさん (COULD) がモデレーターで、吉田さん (株式会社paperboy&co.)・正田さん (株式会社イー・エージェンシー)・上之郷谷さん (シックス・アパート株式会社) です。

このメンバーで話した「コンテンツ」は、とても内容の詰まった鋭い指摘ありの内容になっているので、ぜひ読んでみてほしいですね。

新書となっているので、いつもの (なぞ) パソコン関連の棚にはないと思うので要注意。

Web Design Skills: Your Take : D. Keith Robinson’s Asterisk
http://www.7nights.com/asterisk/archives05/2005/05/web-design-skills-your-take

スキルについていろいろ探っていたんですが「Web Designer」に必要なスキルってこういうことなんでしょうかね。

• General Communication
• Interpersonal Communication
• Problemsolving
• Patience
• Adaptibility
• Information Architecture for the Web
• Visual Design
• Programming
• Web Development
• Writing
• Project Management

って、どこまで求めるねんて感じですが……。

誰かのコメントじゃないですが、「General Communication」が一番はじめにある点は興味深いですね。

ウェブ構築におけるプロジェクトに必要なメンバー (というかスキル) を判断する上で、参考になる図があるので紹介します (再掲)。

jjg.netで有名なジェシー・ギャレット氏の『the nine pillars of successful web teams』です。

下記の図になります。

大きく分けて――

• 戦略 (Strategic)
• 戦術 (Tactical)

とあり (この図だと下からになりますが)、必要なメンバー (というかスキル) は以下のとおりとなります。

1. User Research
2. Site Strategy
3. Technology Strategy
4. Content Strategy
5. Abstract Design
6. Technology Implementation
7. Content Production
8. Concrete Design
9. Project Management

3本柱としては以下のようになり、それぞれのスキルを必要とします。

• 技術的 → テクニカル系
• 抽象的 → デザイン系
• 内容的 → コンテンツ系

このあたりを抑えて、アサインなどを考慮するといいかも知れません。

pebbleRoad Studios: Creating & maintaining a web style guide
http://www.pebbleroad.com/article/creating_maintaining_a_web_style_guide/

ということで、シンガポールで設計コンサルタントをしているという「PebbleRoad」ブログから引用。

『ウェブスタイル・ガイド』としているようですが、ウェブサイトを構築したあとの運用をメインにした際のガイドラインでしょうかね。

下記のようなアウトラインとしているようなので、ガイドライン作成時に参考にしてもいいのではないでしょうか。

Web style guide TOC:

• Why is this style guide important?
• When should we use this guide?
• What are ‘templates’ and why should we care?
• Information architecture guidelines
• Using the [company] logo
• Masthead (or header)
• Footer
• Color palette
• Typography
• Images & media
• Accessibility
• Authoring guidelines (or how to write web content)
• Legal considerations (or web policies)
• Technology considerations
• Templates/CSS downloads
• Contact & support information

When applicable, I use the following instructional model to communicate each item:

• The guidelines
• Examples (or how flexible can we be?)
• Non-examples
• XHTML code (if any)
• CSS rules (if any)
• Downloads (if any)

Maish Nichani氏は下記サイトも編集をしているようです。

elearningpost
http://www.elearningpost.com/

webdirections
http://www.webdirections.org/

Following the success of WE04 and WE05, Maxine Sherrin and John Allsopp announce Web Directions 2006. Over two big days of WD06, plus two days of workshops, you’ll hear from international speakers: Kelly Goto, Derek Featherstone, Jeremy Keith, Thomas Vander Wal, Andy Clarke and Molly Holzschlag, as well as all the local folk, who have also been doing some pretty exciting things this last year:

• standards based development with (X)HTML, CSS and DOM scripting AJAX
• the latest design approaches
• web app design and development
• User experience interaction design
• information architecture, including tag clouds and folksonomies
• website and web app accessibility
• workflow and strategy
• RSS and syndication
• designing for mobile devices
• user generated content
• moving your organisation to web standards

WE05 sold out with more than a month to go: if you work with the web, you can’t afford to miss this. Read more about WD06 and the workshops, check out the full list of speakers, and details about the venue and pricing, and register now for early bird tickets.

というような、ウェブディレクションをタイトルにしたイベントがオーストラリアのシドニーで開催される模様。

webdirections ≫ Who’s speaking?
http://www.webdirections.org/whos-speaking/

にスピーカーのリストがあるのですが、CSSのMollyさんはじめKeith氏やIA系ブログ「DonnaM」のDonna Maurerさんまで、Web系のこういったイベントで話す方々は決まってきますな。

karadesign原さんからのお声がけで『プロセス オブ ウェブデザイン――企画からデザインへ 落とし込みの技術 (WEB CREATORS LAB. 著)』への寄稿をしましたのでご紹介。

本邦初！「Nokia」「トヨタist」「KDDIリスモ」…etc.
ウェブデザインの過程で発生した実際の企画書、ラフ、仕様書など全てを見せて解説！

　本書は、デザインが生まれるプロセスで発生する成果物（企画書、ラフ、スケッチ、メモ、モックアップ、プロトタイプ、サイトマップ、仕様書、要件定義などなど）を題材にして、ディレクションを行う立場の人が折々で発生する問題をどう解決していくか、同時にクライアント、その上司、デザイナーといった立場の人が行うべき大切なことも含めて、実際の事例に関わった人が解説していきます。
　制作の方法やワークフローに関する書籍は多数出ていますが、依然としてウェブのデザインプロセスで生まれる成果物はブラックボックスに包まれています。実例を中心に扱った書籍はありません。ウェブ業界に携わる方、これから業界を目指す方にとって非常に価値ある一冊です！！

■スペシャルインタビュー■
KDDI：1年の構想を経て、「LISMO」デザインが誕生！
Method：国際的なWebデザインの落とし込みプロセスがわかる！

■事例（抜粋）■
◆ガリバー221616.comプロジェクト
◆Tokatsu Film Festival 2005 東葛映画祭
◆Nokia6680 Vodafone 702NK IIのブランディングサイト
◆id＝Nagano「長野のWebを楽しく」
◆ブログdeバーチャル駅長の一連プロジェクト
◆マクロメディア「EIGHT THE PROJECT」プロモーション
◆くすぐるスタイルist
◆auトップページのリニューアル
◆ラーメン花月ショップサイトリニューアル

ということで、昨年末から原さんからお誘いのお話があってから幾度かの修正などを経て、なんとかAmazonで予約可能にまでなりました。

わたしは、目次にある「auトップページのリニューアル」を12P程度ですが担当しています。

この書籍の企画は、10数人の現場で活躍するディレクターを対象に事例を紹介し、デザインに落とすまでのプロセスをフィーチャーしたものです。

現場のラフやサンプルも掲載してあるので必見です。

Webstock Web Conference- Web Standards New Zealand brings you a web experience!
http://www.webstock.org.nz/

「Webstock Web Conference」というのが3月ごろにニュージーランドで開催されるようです。

# 誰か行くひといるのかなあ (ぼそ)。

Web Essentials – Designing the Next Generation of Web Apps
http://webessentials.org/veen/

にて公開されているJeffrey Veen氏のカンファレンスですが、氏のブログで資料および様子がダウンロードできるように公開されています。

Web Essentials ’05: Bringing a Web conference to the Web, by Jeffrey Veen
http://www.veen.com/jeff/archives/000793.html

参加できなかったので貴重なデータですな。

Beyond Usability: Designing the Complete User Experience
PDF Slides (4.9M Download)
MP3 Audio (11.3M Download) )

Designing for Web 2.0
PDF Slides (3.6M Download)
MP3 Audio (5.9M Download)

Top Ten Web Design Mistakes of 2005 (Jakob Nielsen’s Alertbox)
http://www.useit.com/alertbox/designmistakes.html

ということで、Jakob Nielsen氏の「Alertbox」として「Top Ten Web Design Mistakes」の2005年度版が公開されました。

1. Legibility Problems

2. Non-Standard Links
3. Flash
4. Content That’s Not Written for the Web
5. Bad Search
6. Browser Incompatibility
7. Cumbersome Forms
8. No Contact Information or Other Company Info
9. Frozen Layouts with Fixed Page Widths
10. Inadequate Photo Enlargement

また、品質管理の基本として下記のことは抑えておくことを謳っています。

• text they can read;

• content that answers their questions;
• navigation and search that help them find what they want;
• short and simple forms (streamlined registration, checkout, and other workflow); and
• no bugs, typos, or corrupted data; no linkrot; no outdated content.

プレスルーム – WAT-C Web Accessibility Tools Consortium
http://www.wat-c.org/jp/pressroom/index.html

WAT-C Web Accessibility Tools Consortium
http://www.wat-c.org/jp/

Web Accessibility Tools Consortium [WAT-C] は、アクセシブルな Web コンテンツの制作および検証において、サイト運営者および開発者、制作者を支援する無償のツールを提供しています。このコンソーシアムは、Accessible Information Solutions（オーストラリア）、インフォアクシア（日本）、The Paciello Group（アメリカ）、そして Wrong HTML（日本）、JuicyStudio（イギリス）により設立された、世界中の代表的な Web アクセシビリティの専門家たちによるコラボレーションです。

ということで、アクセシビリティ関連でいうとグッドニュースですね。

• Accessible Information Solutions

• インフォアクシア
• The Paciello Group
• Wrong HTML
• JuicyStudio