Tag: セミナー

CSSNiteLP7IAスペシャルにいってきた4

2009/09/14

4.「IAワークショップ」坂本貴史さん

→スライド
これいちばんおもしろかった。

「飛島建設site」を例に、事前課題(PDF)がでていて、ハイレベルサイトマップとグローバルメニューをつくってみようというもの。

参加された方の課題が提出されていて非常に興味深い。

ワークショップ形式だと濃密に体験できていいです。

そして昨今の考え方として、検索エンジンから直接ページにくるので、サイト全体のストラクチャに加え、ランディングページでの導線誘導の重要性、全体リニューアルよりも個別最適化という傾向の話など、身になる部分が多かった。

自分の手でやってみて、あながち間違ってないアプローチでできてるな、と感じて多少自身がつきました(笑)

あと、サイトはユーザーのアクションのほんの一部でしかない、とカタチとして言い表せなかったことを「AISASのI-Sの間にだけ介在するAID(M)A」という図で(p59)見せてもらって、すげー納得。

5.「実装視点からのボトムアップIA」小久保浩太郎さん

おもしろいこと言ってるんだけど、全体として何が言いたいのかよくわからない講演・・・
  • ユーザーが見るのはサイトではなくページにある情報(フロントエンド)である
  • ページはインタフェースだ
  • インタフェースから得られるインタラクションの積み上げがUXになってゆく
  • HTMLは文書メタファーによるインタフェース
  • だがHTMLは現実のニーズとマッチしていない
  • HTMLでは足りないが「文書モデル」をWFでつくってるよね
  • WFはHTMLをベースに拡張してつくればいいのでは
で、それ結局どうやるの?というところが曖昧。

デザインパターンもそうだけど、ある程度モジュールとしてパターン化できる状況なので、「HTMLの拡張としてのワイヤーフレーム」というコンセプトなのであれば、むしろモジュールに固有のidをふっておいてWFでつかいまわし、それでできたページ仕様書をベースとしてHTMLの拡張であるid名に適用してIAとHTMLとCSSを一直線につなげる、みたいなのが良いんじゃないかな?って思った。

コードにしろデザインにしろ、せっかくの設計と分断されてしまうのが問題だと思うのです。

分断されると合意事項もなにもなくなっちゃうし、非常に設計がムダになってる。そういう意味でIAはチーム全体のタスク、というところは実現したいところ。

5.「IAからWebサイトデザインへの突破口」長谷川泰久さん

→スライド
  • IAで重要なのはコンテキスト
  • 体験の具現化、パターン、オープンスタンダード
ジョブスばりのプレゼン、マジパネェっす。

CSSNiteLP7IAスペシャルにいってきた3

2009/09/14

3.「IAの欠点」佐藤伸哉さん

  • IAは全体プロセスの一部分
  • IAだけでは完結しない
  • IAには前後工程がある→IAの結果がわからない、デザインでかわってしまうことが多い
  • なぜか→作業目的が、チームで共有できているか?
ということで、各フェーズの目的の洗い出しとおさらいの話。以下メモ。

ユーザー調査
  • 本当のユーザーを知ることが目的
  • 解らないことをクリアにする
  • ユーザーを仮説できめないため
既存のサイトマップ調査
  • 現状の把握、説明できること
  • 問題になりそうな部分を理解する
  • ボリューム感を把握するため
サイトマップ
  • 把握と俯瞰
  • 将来的拡張性を検討できるようにするため
  • 全体方針・戦略立案 会社としての長期スパンの戦略
  • フェーズわけができる、現実を提示できる
詳細サイトマップ
  • 全体の設計
  • 共通のコンテンツの整理
  • 中小規模のサイト制作の管理
  • 制作チームの確認用
ワイヤーフレーム
  • 要素・共通要素
  • リンク構成・ナビゲーションの整理
  • 矛盾を把握するため
  • クライアントとのコミュニケーションのため
IAの全ての作業の目的を明確にして、必要ないことはやらない(サイトマップやWFさえも)。また、なぜ必要かを共有すべき。

ワイヤーフレームと画面仕様書のちがいについて質問がでていましたが、
  • ワイヤーフレーム →どこに何が入るくらいのやつ
  • 画面仕様書 →文言ベースの詳細なもの
というきりわけらしい。

ワイヤーフレームも悩ましいところで、一番あいまいなんじゃないかなー。

ヤスヒサさんの講演でもあったけど、タイプとしては、
  • コンテンツブロック型
  • ディティール型
  • ストーリー型
  • コラボレーション型
  • 半プロトタイプ型
分類があったりして、これみんな目的がちがうけど、WFふだん作ってる人も混乱してそう。

混乱してるので、デザイナーがひっぱられたり(プロトだと思ったり)するみたいな話がでてくるのでは。

そういう意味で目的を意識しようぜ、ただのツールなんだし、というところに言及したいい講演だった。

CSSNiteLP7IAスペシャルにいってきた2

2009/09/14

長くなったので記事わけます。

2.「プロジェクトマネジメントから見たIAの大切さ」林千晶さん

→スライド

で、実務的な困難はいろいろあれど、方針として固まった前提事項の詳細さとその共有って大事だよね、という話。

プロジェクトマネジメント計画書に書かれるプロジェクトの目的は、設計がみえてくる程度に具体性がないとダメ。

プロジェクトの背景や理由、どんな課題があって何を見せて何が重要なのかというのをクライアントと共有し、サイトストラクチャやページの骨格としてゆこう。
また、品質基準として他のプロジェクトをベンチマークとして利用する。
優秀なサイトのリストがあるとそれも納品物としてクライアントの説得材料に。

ベンチマークというところでは、外部的にはそういうリスト、内部的にはモジュールやパーツごとのパターンをベストプラクティスとして持っておくべきだなーと思った。

CSSNiteLP7IAスペシャルにいってきた1

2009/09/14

9/12の、IAのCSSNiteにいってきましたのでまとめと感想などを。

1.「情報アーキテクチャの全体像」長谷川敦士さん

→スライド

最初にIAの全体像についてのレクチャー。

シロクマ本にもある、ユーザー・コンテンツ・コンテキストから、UX方針を導き、サイトストラクチャとナビゲーション、ラベリングに落とし込んでゆく。

ユーザーの動き・タスク・ゴールと、ビジネス的にもっていきたいゴールとが最終的に導線設計やページ内IAに落ちてくると思うんですが、「コンテンツモデル」というダイアグラム(p68)はそれを端的にまとめていて非常に使えるんじゃないかと思った。
あとはタスクフローやシーケンス図で表現されるユーザーの動きを、サイトの全体を見た時にどう取り込んでサイトストラクチャと結合してゆくか、というのが個人的な課題かな。コンテンツにおとしちゃうと、想定してる動きがみえにくくなっちゃうのが難点だと思うのです。
それからやっぱり、ユーザーやコンテンツ要件を決める前提部分はちょー重要だということ。
当たり前なのですが、そこずれるとクリエイティブがすごくてもあさっての方向に話しているようなものなので。

とはいえ、HCDでも思うんですけど、実務的にユーザー調査ってすごい敷居が高い。

いままでの商業案件でそんなことができる仕事って一度もお目にかかったことが無い。

もう結構、IAの提唱するフレームワークは浸透してきているし、業務の一部や全体(あるいはかいつまんだ形で)行われているのだから、そのへんの「スケジュールや予算で失われるもの」にどう対応していくのか、というのを共有していくのが重要なんじゃないかと思った。
とはいえ、テストって全然出来ないわけじゃなくて、ラベル定義(p64)で述べられているように、グローバルのラベル候補をいくつかならべてみて、妥当性をその場でチェックするみたいなライトなやつはすぐにでもできるんじゃないかなー。
UXのコンセプト定義のところは、非常にあいまいなところだったので収穫があった。
特にwebサービスの立ち上げとかだと、Flickrのコンセプトダイアグラムのようなものがとても有効だなー。やればよかった。
通常案件だとここは、ストーリー的なものがコンセプトになると思うのだけど、たぶん実務では「クリエイティブ実装」に寄ったかんじのいわゆるコンセプトワークになっていると思う。ここのところで抜け落ちている、設計のほうや、開発のほうの指針にもなるかんじの共有が重要。シナリオ/ゴールが、ユースケースやフロー・ストラクチャにおちていくイメージかな。

それから「エンタープライズIA」という概念は初めて知りました。

コーポレート、コンシューマー、ブランド、ECといった企業が持っているサイトを全体としてどうやって構成していくのか。

コンセントさんの例では、カネボウ
  • コーポレートとコンシューマーの完全分離
  • コンシューマーサイトをハブとして、ブランドサイトのレギュレーションを独立して訴求
という方針でつくっていた。

旧来だとなんとなくグローバルのはじっこに会社情報とかがあったりしたけど、全体の企業戦略上、どう特化させるのかみたいな話。ここでもやっぱり、全体の方針、上流が大切なんだよなあ、って思う。そこにリーチできないと、デザインもへったくれもあったもんじゃない。

そこに手が出せないのがいつもとてもはがゆいです。