[Dev] ユーザー中心の設計をするためのワークフロー - IDEA*IDEA ～ 百式管理人のライフハックブログ ～

▼ユーザー中心の設計をするためのワークフロー - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
http://www.ideaxidea.com/archives/2009/01/user_centric_design.html

• "これは良い資料。ユーザー中心のための設計やらデザインやらをするための標準的なワークフローがまとまっています。チェックリストとして使うと良いですね。"

▼Generic Work Process - v1.0
http://project.cmd.hro.nl/cmi/hci/toolkit/index.php

[Design] 印象に残るポートフォリオデザイン50選 | CREAMU

▼印象に残るポートフォリオデザイン50選 | CREAMU
http://blog.creamu.com/mt/2009/01/50.html

• "自分のポートフォリオサイトを作りたい。そんなあなたにおすすめなのが、『50 Impressive Portfolio Designs』。印象に残るポートフォリオデザイン50選だ。"

▼50 Impressive Portfolio Designs
http://www.spoonfeddesign.com/50-impressive-portfolio-designs

[Design] 2009年のウェブデザインのトレンド：レイアウト編 | コリス

▼2009年のウェブデザインのトレンド：レイアウト編 | コリス
http://coliss.com/articles/build-websites/operation/design/current-web-design-trends-for-2009.html

• "先日、紹介した「2009年、押さえておきたいウェブデザインの10のトレンド」の続き、レイアウト編をSmashing Magazineから紹介します。"

▼More Web Design Trends For 2009
http://www.smashingmagazine.com/2009/01/21/current-web-design-trends-for-2009/

[Design] 2009年、押さえておきたいウェブデザインの10のトレンド | コリス

▼2009年、押さえておきたいウェブデザインの10のトレンド | コリス
http://coliss.com/articles/build-websites/operation/design/web-design-trends-for-2009.html

• 1. Letterpress
  プレスしたようなタイポグラフィ。
• 2. Rich User Interfaces
  よりユーザーとの対話が可能なユーザーインターフェイス。
• 3. PNG transparency
  背景などを透過PNGでより際立たせる。
• 4. HUGE Typography
  巨大なタイポグラフィを使用して、堅実で信頼を与える。
• 5. Font Replacement
  sIFRなどを使用して、フォントを置換。
• 6. Modal Boxes (Lightboxes)
  ポップアップは使用しないで、ダイアログボックスなどを使用する。
• 7. Media Blocks
  ビデオなどメディアを扱ったコンテンツ。
• 8. The Magazine Look
  グリッドデザイン、雑誌のメタファの使用。
• 9. Carousels (Slideshows)
  スムーズにスライドするコンテンツ。
• 10. Introduction Blocks
  ページの左上部に大事なメッセージを設置。

▼Web Design Trends For 2009
http://www.smashingmagazine.com/2009/01/14/web-design-trends-for-2009/

[Adobe] これが大学？議論呼んだSFCの新サイト

擁護派は勇気がいると思う。でも、正しいよ。そして、Flashだから駄目なんじゃない。
▼これが大学？議論呼んだSFCの新サイト
http://ascii.jp/elem/000/000/206/206208/?mail

• "教員マップは、教員を「探す」「調べる」といった明確な目的に対しては使い勝手がいいとは言えないが、「プロモーション」のためのキー・ビジュアルとして見ると、なかなかおもしろい。受験生に対してSFCの“楽しさ”や“新しさ”といったイメージを演出するのに一役買っているのではないだろうか。"

[Design] ウェブデザインのレイアウトに役立つ１１サイト | DesignWalker

▼ウェブデザインのレイアウトに役立つ１１サイト | DesignWalker
http://www.designwalker.com/2009/01/web-layout.html

• "そのまま使えるレイアウトのサンプルや、いい感じのスクリプト、レイアウトの参考になりそうなインスピレーション系などを集めてみました。"

[Design] 離脱されるページデザイン（CSS Nite vol.30に行ってきました）｜diary｜東京Webデザイナー日記リターンズ｜crema design

▼離脱されるページデザイン（CSS Nite vol.30に行ってきました）｜diary｜東京Webデザイナー日記リターンズ｜crema design
http://cremadesign.jp/blog/diary/css_nite_vol30.html

• "江尻さんは、「このデザインでどこをクリックすれば良いか分りますか？」とおっしゃいましたが、確かに非常に分りづらいものでした。正解は「見出し部分をクリック」するのでしたが、会場からは「えーwww」と軽い笑い声が起こっていました。"

[Design] WEBデザイン Archives＠秒刊SUNDAY | バイオレンスなニュースサイト秒刊

まとめ。勉強になるのは、コピーライトかも。
▼秒刊SUNDAY | バイオレンスなニュースサイト秒刊｜＾＾｜: WEBデザイン Archives
http://www.yukawanet.com/sunday/web/

• "ここに無ければもう無い！2008年無料アイコンベストサイト集まとめ"
  http://www.yukawanet.com/sunday/2008/12/200850.html#more
• "知らないと損をするWeb制作で便利なショートカット表一覧集"
  http://www.yukawanet.com/sunday/2008/09/web_3.html#more
• "ずばりフリーで高クオリティのWordPressのテーマ30個"
  http://www.yukawanet.com/sunday/2008/08/wordpress30.html#more
• "誰もが憧れるインターネット関連企業のオフィス写真集総まとめ"
  http://www.yukawanet.com/sunday/2008/08/post_129.html#more
• "ずばり客が喜ぶWEBサイトを作れるフリーのAjaxサンプル集３０個"
  http://www.yukawanet.com/sunday/2008/08/webajax_1.html#more
• "アニメを神レベルにトレースなど、イラレのチュートリアル60種類"
  http://www.yukawanet.com/sunday/2008/07/60.html#more
• "もうアプリ要らない！WEB開発に使えるFirefoxのアドオン１１個"
  http://www.yukawanet.com/sunday/2008/07/webfirefox.html#more
• "自動的にデザイナ－が使う色を作れるカラースキーマー集１６サイト"
  http://www.yukawanet.com/sunday/2008/06/post_89.html#more
• "ずばり！イケてるWEBデザインを集めたまとめ16サイト。"
  http://www.yukawanet.com/sunday/2008/06/web16.html#more
• "他とはチョット違う異色なフリーRSSアイコン集"
  http://www.yukawanet.com/sunday/2008/05/rss.html#more
• "雑誌やチラシで使えるフリーのベクターアイコンサイト『無料アイコン』"
  http://www.yukawanet.com/sunday/2008/05/post_58.html#more
• "ドラゴンボールに出てくるフリーフォント集"
  http://www.yukawanet.com/sunday/2008/05/post_52.html#more
• "これは使える101個のCSSの裏技"
  http://www.yukawanet.com/sunday/2008/01/101css.html#more
• "Webデザイナーになる為に、覚えておいたほうがいいアプリ"
  http://www.yukawanet.com/sunday/2008/01/web_1.html#more

[MKTG] クリックしたくなるのは検索連動やコンテンツ連動よりバナー―ネット広告定期リサーチ（2） - japan.internet.com デイリーリサーチ

一般的にはテキストだと言われていたが。ネットアンケートは、サンプリングの揺れが大きい、ということもあるが。
▼クリックしたくなるのは検索連動やコンテンツ連動よりバナー―ネット広告定期リサーチ（2） - japan.internet.com デイリーリサーチ
http://japan.internet.com/research/20090109/1.html

• "コンテンツ連動型にも画像などを使ったものが表示されることもあるが、ユーザーはどちらかというとテキストよりも画像や Flash を使った広告のほうを好むと見ることができるだろう。"

[人] インタビュー2009（１）ウェブデザイナーの中村勇吾氏「旧世代サイトを見直したい」 トレンド-インタビュー:IT-PLUS

▼インタビュー2009（１）ウェブデザイナーの中村勇吾氏「旧世代サイトを見直したい」 トレンド-インタビュー:IT-PLUS
http://it.nikkei.co.jp/trend/special/interview.aspx?n=MMITzx000026122008

• "コンテンツとして決まりきったものを見せるのではなく、ユーザーと関わることで自動的にどんどん変わっていく仕組み"
• "インターフェースマニアというのは、いま初めて言ったのですが（笑）、もうちょっと定義づけると、コンピューターで表現されるもの全般のマニアですね"
• "あるユーザーが来てから去っていくまでのいいサイクルを作れると、それが全体的に回りだします。そういう一人ひとりのユーザーの関わり合いを一番いい感じでぐるっと回るエンジンにできると、人も回る。"
• "僕は何かを新しく生み出すということはたぶんしていないと思うんですが、スパゲッティーとタラコは意外に合うよね、といった組み合わせを探すのが結構好きなんです。"
• "もう食材は出そろっていて、その組み合わせやバランスを変えるだけの話だと思うんです。新しい仕組みを作るという話ではない。ネットができた時に基本的な手立てはもう出尽くしているわけです。"
• "「ここはもうちょっと柔らかめに」「ここはひょいっと出した方がいいんじゃない？」と言える細かいセンスが足りない。"
• "こういったことを地道に豊かにしていく時期に差しかかって、はや２、３年が経つんじゃないでしょうか。"
• "割と大きなこととして捉えているのは、ツリーっぽい構造からフラットな構造に変えることです。この４、５年で発明されたいろいろなデザインのディテールや考え方に乗ると、サイトは意外と大胆にシンプルになれる。今まで階層が深かったのが、２階層で届いたり、全部解決したりするんです。"
• "元々前提としていたような見られ方というのは、たぶん今はされていないと思います。"
• "今まではページデザインというレイヤーで考えてきたけれども、モジュールデザインの組み合わせになりつつある。ただ、それをうまくきれいにまとめる手法やそつなくまとめる手法はまだ完全にできていない。"
• "広告クリエイティブ系はこれから難しくなるんじゃないかと思います。いま、創作的にちょっと飽和状態になっている。ネタは出尽くした感があるんです。それに加えて、経済危機による沈静ムードもあって、何か打開しないといけない感じがあります。"
• "名だたる大企業でも、下手したら週に50アクセスで、そのうち関係者が35アクセスといったことがあるんじゃないかと思うんですよ。怖いですけれど。"
• "誰も見ていない“死屍累々”のコンテンツの量はすごく増えているんじゃないかと思います。"
• "昔は機能が低かったので、縛られたなかでいかに自由にするかというノウハウがもてはやされた時期があったのですが、もうだいぶ発達して、想像していたことはだいたいできるようになっていますね。"
• "フラッシュも昔は思い切り嫌われていましたが、人間の表現したい欲望とのせめぎあいのなかで何となく残ってきた。"
• "僕のようなインターフェースマニアからすると、高速でさくさく動いて、きれいに整備されたインターフェースにしたら、それが売りになるに決まってるじゃん、と思う部分があるんです。"
• "もたついていたらそれでダメじゃないですか。"
• "まあ単純に、僕がこんなことをして暮らしたいなあという願望があるんです。老後はコンテンツを作ってにやにやしながら過ごしたい。"
• "ああいうの、したがりなんです。"

[Accessibility] シニアも使えるウェブサイトガイドライン｜ユーザビリティ研究所 アクティブシニア・シルバーのためのウェブユーザビリティ

う～ん、見てないので何とも言えないが。では、このサイトはどうかという視点になってしまう。
▼シニアも使えるウェブサイトガイドライン｜ユーザビリティ研究所　アクティブシニア・シルバーのためのウェブユーザビリティ
http://www.usability4s.info/service/guideline.html

• "『ユーザーが迷わないウェブサイト制作のためのガイドライン』は、約5年間に渡り定期的に行ってきたウェブサイトユーザビリティ調査や、自社のパソコン教室事業を通して触れてきたシニア・シルバー層の生の声、1,000回を超えるシニア向けインターネット利用講座から得られた忌憚のない意見を収集し分析した結果から導き出した、シニア層も使えるウェブサイト制作時に守らなければならない最低限のルールをまとめたものです。"

[Repo] 「たかが色、されど色」 ヒトとWebと色の関係：MarkeZine（マーケジン）

▼「たかが色、されど色」 ヒトとWebと色の関係：MarkeZine（マーケジン）
http://markezine.jp/article/detail/6155

• "さて、今回は色がヒトに与える影響について解説していこう。"

[Browser] Firefoxのデザインと「ビジュアル階層化」の関係 - Mozilla Flux

▼Firefoxのデザインと「ビジュアル階層化」の関係 - Mozilla Flux
http://d.hatena.ne.jp/Rockridge/20090103/1230940138

"Firefox 3のデフォルトテーマである"Strata"。FirefoxのUIデザイナー、Alex Faaborg氏は、"Firefox Themes: The Contention Between Visual Hierarchy and Toolbar Customization"の中で、Strataのデザインが、「ビジュアル階層化」（visual hierarchy）という設計思想に基づくと述べている。"

• より軽くてシンプルな外観を作ることができる
• 主要なコントロールボタンの比重を大きくできる
• コントロールボタンの差異化をやりやすく
• アイコン的な形を作る
• 実現できなかったもの

[Repo] 【親方日の丸な人々2009】（第1回）お役所のお寒いIT事情 ホームページ編

筆者自身には責任はないかもしれないが、titleに記事名も入れないところで、IA話をしても説得力がない。言っている事は正論なのだから、なお惜しい。
そこは置いといても、役所系の整備は必須だと思う。それも緊急で。

▼【親方日の丸な人々2009】（第1回）お役所のお寒いIT事情　ホームページ編：Techinsight Japan
http://japan.techinsight.jp/2009/01/%e3%80%90%e8%a6%aa%e6%96%b9%e6%97%a5%e3%81%ae%e4%b8%b8%e3%81%aa%e4%ba%ba%e3%80%852009%e3%80%91%ef%bc%88%e7%ac%ac1%e5%9b%9e%ef%bc%89%e3%81%8a%e5%bd%b9%e6%89%80%e3%81%ae%e3%81%8a%e5%af%92%e3%81%84it.html

• "なお、冒頭に書いた統一調達情報は、公共工事に関する情報の一元化などが図られてはいる。しかし全省庁統一の情報公開・検索システムについては未だ整備されていない。「逃げ」の事務所ホームページを設置する予算があるのなら、こうしたシステム整備にこそ税金を投入して欲しいものである。"

[Design] 2008年で一番見られたWebデザイン＠デザインリンクデータベース

どっかにアーカイブしなきゃ駄目ですよね、やっぱり。助かります。

▼Webデザイン デザイナー向けブログ 【 2008年で一番見られたWebデザイン 】 Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫
http://www.designlinkdatabase.net/masters/207.aspx?from=rss

"データをまとめてみましたよ。"

▼Webデザイン Webデザイナー向けサイト検索 Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫
http://www.designlinkdatabase.net/datas/search.aspx

"登録されているサイトの検索ができます。"

■オチもの系[謎]
▼Webデザイン【 OOHARA VIOLIN 】 Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫
http://www.designlinkdatabase.net/datas/2525.aspx?from=rss

"ただそれだけなんですが、なかなか単純明快でインパクトありますな。 "

▼特集：Box2DでActionScript物理プログラミング｜gihyo.jp … 技術評論社
http://gihyo.jp/dev/feature/01/box2d

"この連載では，Box2Dという物理エンジンを使ったActionScript3プログラミングについて解説します。物理エンジンといっても，難解な数学や物理法則を理解する必要はありません。そういった処理はBox2Dが包み隠してくれます。Flashのデモを見ながら，少しずつBox2Dの使い方を理解していきましょう。 "

▼*drawlogic ? AS3 APE Physics Engine Recently Updated, New License (MIT) and New Demo *drawlogic - interactive and game development technologies for the web - flash, flex, unity3d, silverlight, javascript [ draw.logic ]
http://drawlogic.com/2007/07/18/as3-ape-physics-engine-recently-updated-new-license-mit-and-new-demo/

"APE an actionscript physics engine and it recently moved from LGPL to MIT license, updated to version .45 and added a new walker demo. "

▼物理エンジンとFlash ゲーム: Line Golf | thebadtiming.com
http://blog.thebadtiming.com/archives/1271

"昨年一世を風靡した Line Rider からインスピレーションを得て作られた Flash ゲーム、Line Golf。線の上を滑る Bosh に代わりに、線でゴルフコースを作って遊んで見ましょうという趣向。自分でコースを造ることも、人のコースで遊ぶこともできます。Line Rider 同様クセになります。"

[戦略] 2009年のWeb標準＠技術評論社

JIS X-8341改定も今年です。ブラウザ戦争2.0の予感の中、マークアップ品質のコストの意味を伝えていかないと、作る側も頼む側も見る側も泣く時代に突入しそうです。

▼2009年のWeb標準｜gihyo.jp … 技術評論社
http://gihyo.jp/design/column/01/standard/2009/view01

"2009年のWeb標準を考えるうえでのテーマとして，私は「アクセシビリティ」「モバイル対応」「マークアップ品質」の3つを挙げたいと思います。"

[Repo] スケール感：DESIGN IT! w/LOVE

知足、そして見えざるコミュニケーション・コスト。
ただ、でかくしすぎたモノを適正サイズに落とすときに来る「痛み」にどう対処するか。で、やり過ぎとか、リバウンドとか。やはり問題山積みだ。

▼スケール感：DESIGN IT! w/LOVE
http://gitanez.seesaa.net/article/111750124.html
"小なるものの積み重ねは大に至らない、別の物になる。だから、大と小の関係には食い違いがある。それをスケールの問題は隠していると思うのです。"
"100人では可能なことが、1,000人、10,000人という規模では不可能になる。"
"ぼくは、組織というものは、生物学的にも社会的にも、それぞれの機能おいてライトサイズがあると思っている。"
"こういうスケール感の違いを感覚的に感じられず、単に大きくなりすぎたらディヴィジョンに分ければ済むという鈍感さが、根本的なところの思想の共有をむずかしくしてしまっているように感じます。"
"仕事そのものの細分化が本来の仕事の意味を喪失してしまうことにもなる。"
"ユーザビリティの仕事では基本的に利用者がある製品の操作ができないのは利用者が悪いのではなく、その製品のデザインが悪いとみなしますが、組織の場合も同じように考えた方がいいのではないかと思います。どんなに優秀な人間を集めても組織のデザインが非人間的で非ユーザブルなものであれば、機能しないと。"
"ましてや、そこに真に経済的で文化的なマーケティングの精神など宿りはしないのではないか、と。"

[本] 発想法―創造性開発のために／川喜田二郎

もう一度、と行動するところが凄いです。90年代前半にはシックスシグマとかS/Wの品質管理について活発だった気がします。今は当時よりより複雑に絡み合った開発を行っているのに、上流軽視＆個人責任が強まった気がする。

▼発想法―創造性開発のために／川喜田二郎：DESIGN IT! w/LOVE
http://gitanez.seesaa.net/article/111716476.html
"そう。この本はKJ法の生みの親である川喜田二郎さんの著書。KJ法について、もう一度、頭のなかをちゃんと整理しておこうと思って読みました。"
"シナリオ作成とUIのスケッチを同時作業で行う"

[言葉] 知の時代であり、愚の時代だった。

年の瀬に。2008年を思い返す。

▼j.i.cブログ Graphic Design Forum
http://japan.internet.com/blog/design/
"知の時代であり、愚の時代だった。 確信の時期であり、不信の時期であった。光の季節であり、闇の季節だった。希望の春であり、絶望の冬だった。われわれの前にはすべてがあり、われわれの前には無があった。"

原文：
▼It Was the Best of Times, It Was the Worst of Times... - Chris Dickman
http://blogs.graphicdesignforum.com/chrisd/2008/12/it-was-the-best.html

テキストエフェクトのチュートリアル100選 -2008年総集編

カタログにもなりそうです。

▼テキストエフェクトのチュートリアル100選 -2008年総集編 | コリス
http://coliss.com/articles/build-websites/operation/design/3072.html
"テキストにさまざまなエフェクトをかけるPhotoshopのチュートリアルを紹介済みのものから未紹介のものまで、2008年の総まとめです。"