ia at bookslope blog

本邦初！「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数人の現場で活躍するディレクターを対象に事例を紹介し、デザインに落とすまでのプロセスをフィーチャーしたものです。

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

Written by bookslope

5月 14th, 2006 at 12:06 am

Posted in book

Tagged with book, design, direction, ia, proccess, web

User Experience and IA

without comments

Peter Boersma氏 (info.nlでSenior Experience Designerをしている) が書かれた記事でおもしろそうなので紹介。

User Experience and IA
http://www.writely.com/View.aspx?docid=bdk6jghx3bff

IA’s are User Experience professionals

Unless you have never done anything else than analyse, structure and group large volumes of content only to hand-off that work to others, you have probably been acting as an interaction designer, information designer, computer scientist, business analyst, or usability engineer before. In fact, I doubt that your diploma says you are “Information Architect”.

The truth is: Most of us came from other fields, and are only now gaining experience in the deep, shallow and business skills of Information Architecture. And even inside our field, depending on where you came from and what you are doing, you are moving from shallow to deep, from deep to business, or from inside our field in the direction of another field or vice versa.

All this are signs that you are in fact a user experience professional; gaining insight into what skills you have, what skills others with related backgrounds have, and how to best combine them to create user experiences.

ということで、IAってのは他分野から来たひとが多いから必然的に他分野での体験がわかっている専門家で……云々 (ほんまか?)。

と、結果よくわからない記事でしたが、参考にしているリンク集だけでもメモっておくといいかも。

Peter Boersma氏のブログは下記 (↓) です。

[BEEP]
http://www.peterboersma.com/blog/

Written by bookslope

5月 13th, 2006 at 11:51 pm

Posted in Study

Tagged with ia, ux

F-Shaped Pattern For Reading Web Content

without comments

Eyetracking Web Usability: Usability Week 2006 Conference
http://www.nngroup.com/events/tutorials/eyetracking.html

で話された内容「Eyetracking Web Usability」が「Jakob Nielsen’s Alertbox」でまとめられています。

F-Shaped Pattern For Reading Web Content (Jakob Nielsen’s Alertbox)
http://www.useit.com/alertbox/reading_pattern.html

これによると、ユーザーがウェブコンテンツを読むときの視線の動きを「Ｆ字形」であるといっています。

が、少し前にある施設でした「Eyetrack III」のテストだと、複雑な視線であることがレポートしてまとめられているので、どちらも合わせて考えてみると「対象コンテンツ」による影響がかなる受けられると考えられます。

Eyetrack III – What You Most Need to Know
http://poynterextra.org/eyetrack2004/main.htm

「Eyetrack III」の場合だとニュースサイト (複数) が対象ですが、「Jakob Nielsen’s Alertbox」だと3つのサイトを対象にしています。

推測ですが、ECサイトとコーポレートサイトとでも違うでしょうし、ブログやポータルでも結果が違うのでは (?) と疑問が残ります。
そもそも国や文化でも違うでしょうし (これを言ったら終わりだが)。

ということを考えていくと、やはり対象の創作物に対してテストをしてみることが一番確実ということになります。

従来のテキストの扱いについては、日本語も英語圏と同じ左から右に読むことになるので、視点の動きについてはグーテンベルクが提唱していた視覚の拡張についての論理でほぼ解決します。

たとえば、人間の視点の開始位置は左上にあり、右下の方向 (つまり対角線上) に読み進むことになる。

なので、左上には常に目につく情報や読み始める開始点を置くことが必然となり、右下には個別の関連情報や情報の結論やクリッカブル情報を配置することになる。

また、マウス (の動き) を考慮した場合、右利きが大多数と考えると画面右側にポインタを合わせる要素 (つまりクリッカブル要素) を配置することがクリックさせやすいことにつながるとも考えられる。

「Eyetrak IIIの研究結果」により人間の視覚が複雑な動きをすることから、右中段の上あたりにも強調したい要素を配置することが視覚の終着点として有効であると推測できるのだが、ニールセン博士の結果はどこまで考慮に入れればいいのでしょうかね。

Written by bookslope

4月 24th, 2006 at 1:40 am

Posted in Study

Tagged with ia, pattern, research, ui

Slides from Wireframe panel (IA Summit 2006)

without comments

今年も「IA Summit 2006」が開催されているようで、行けないのはとても残念です。

IA Summit 2006
http://iasummit.org/2006/blog/

IAAJを主催しているコンセントの長谷川さんが行ってなにか話すらしいので、帰国後の報告会を楽しみにしています。

IAAJ: Information Architecture Association Japan ≫ Blog Archive ≫ IA Summit 06 Brief Summary
http://iaaj.org/2006/03/27/iasummit06-brief-summary/#more-28

それはそれとして、興味ありの記事があったのでご紹介。

IA Summit 2006 ≫ Blog Archive ≫ Slides from Wireframe panel (#1)
http://iasummit.org/2006/blog/?p=84

PowerPoint slides from the panel “Wireframes: A comparison of purposes, processes, and products” are available. Also, you may want to download this short movie showing Axure in action (linked to from Laurie’s slides).

ということで、ワイヤーフレームのプログラムで使用したスライドがダウンロードできるようです。

http://jefflash.com/work/presentations/iasummit/2006/WireframesPanel.ppt

ワイヤーフレームを下記ツールを使用してみて、相性であったり作成方法などが簡単にまとめられているようなのでとても参考になるかと思います。