ユーザビリティの国際規格であるISO 13407（Human-centred design processes for interactive systems、日本語では「インタラクティブシステムのための人間中心設計プロセス」）というのがあります。＠IT情報マネジメント用語事典: 人間中心設計＠IT情報マネジメント用語事典: ユーザビリティで、現在、それが見直されてますが、そのサブ・コミッティ・チェアのTom Stewart曰く、 「近年、"ユーザーエクスペリエンス"という言い方が一般的に使われるようになってきたけど、"ユーザビリティ"と定義されていた概念に近いし、それ使ってもいいじゃん！（かなり意訳）」 ということで、新しい ISO 13407 は "usability" の代わりに "user experience" を使うらしい。Usability or user experienc

A List ApartにおいてLuke Wroblewski氏による興味深い記事Sign Up Forms Must Dieが公開されている。刺激的なタイトルだが、なかなか内容はデザインとサービスの双方を考えさせる興味深いものとなっている。同氏は現在"Web Form Design: Filling in the Blanks"という書籍を執筆しているが、同書籍への導入という意味を込めてサインアップフォームそのものにフォーカスして論じている。 まず同氏は2007年がオンラインビデオサービスのブレイクアウトイヤーだったことを取り上げ、代表的なサービスとしてGoogle Videoのアカウント作成画面を紹介。Google Videoのアカウント作成画面は典型的な「Sign Up Form」だ。ユーザは電子メール、パスワード、氏名、住所、迷惑行為防止のための文字列の入力、サービス利用規約への合

『 SwapSkills』は、Webプロフェッショナル向け勉強会です。 このサイトはSwapSkillsの公式ブログです。 「セマンティックマークアップを鍛えるならMicroformats !」 ■期 間：2008年4月15日（火）19:00～20:00 ■場 所：アップルストア銀座3F ■参加費用：無 料 ■後 援：ActLink株式会社、AppleStore銀座、allWebクリエイター塾、株式会社WEBTECH、microformats.biz ■対象：WebDesigner, MarkupEngineer, WebDirectorなど ■プレゼント：US限定のマイクロフォーマットTシャツを1名さまにプレゼントします。 ついにやってきました。欧米でのウェブマスターたちが先駆け、 標準キーワードとして取り込んでいるmicroformats。 日本での2008年イベントの第一弾としてアッ

なんでもかんでもユーザーに聞けばよいってわけじゃない。 いや、ユーザー中心のデザインにおけるユーザー調査では、むしろ、「ユーザーの意見は聞いてはいけない」とさえいわれます。意見を聞くのではなく、ユーザーの行動を観察せよ、と。 でもね。ただユーザーを観察すればよいかっていうと、そういうわけでもないんですよね。 観察調査だっておなじで「わかろう」としなければ何も「わかりません」。 極端な話、ただ見るだけだったら目をあけてるあいだなら誰でも四六時中やってるわけです。見るだけでわかるなら、とっくにわかってていいはずです。わざわざ観察調査をするのは、単に目の前でユーザーに普段の行動をとってもらうためだけじゃありません。 観察調査というのは、ユーザーの行動のなかに未来のデザインの輪郭を見つけるためのものです。つまり、実際にはそこにあるようでない「未来のデザインの輪郭」なるものを見るわけですから、ぼーっ

不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 これはもうほぼ断言してもいいと思いますけど、"ISO13407：Human-centred design processes for interactive systems（インタラクティブシステムの人間中心設計プロセス）"の弱点は「設計による解決案の作成」に用いる具体的な手法の提案がないことだと思っています。 たとえば、以前、「人間中心設計（Human Centered Design＝HCD）で使う主な手法」というエントリーで、こんな図を描いて、 人間中心設計＝ユーザー中心のデザインで使われる主な手法を以下のように整理しました。 利用の状況の把握と明示：フィールドワーク（観察法）、コンテキスチュアル・インクワイアリー、ワークモデル分析ユーザーと組織の要求事項の明示：ペルソ

【増永】 最初に遠藤社長がどのような学生時代を送られていたのかを教えてください。 当時の就職活動は現在とは違って、企業へのハガキを書くことからスタートしていました。 先輩たちを見ていると100枚近いハガキを書き、同じようなスーツを着て、行きたくもない会社に「入社したい」と言っていて、自分はあまりやりたくないな・・・と大学2年生の頃に思ったんです。 大学生活4年間のうち、だいたい1年間は就職活動に費やしますよね。 私の場合、単位的にも余裕がありそうでしたので、その1年間を就職活動ではなく、なにか違うことにかけてみようと思いました。 そこで留学しようと考えました。 元々、大学1年の頃から体育会のダイビング部に所属していました。 そこで海外の海に潜りに行ったりもしていたのですが・・・そのとき、あまりにも自分の英語が通じなくてすごくショックを受けたんです。 たとえばファーストフードでオレンジジュー

ご参考にどうぞ。WEBデザイナーの方々に役立つ知識が学べる、オープンコースウェアを60以上も集めた記事です： ■ 60+ Killer Open Courseware Collections for Web Designers (College Degree.com) 残念ながら海外の大学ばかりなのですが、役立つ知識が見つかるかもしれません。蛇足気味に、コースのタイトルと大学名だけ列挙しておきます： 【入門編】 コンピュータ入門 （Berkeley） ウェブデザイン入門 （Indiana University） マルチメディアとワールド・ワイド・ウェブ （DePaul） ウェブページ・オーサリング （Sofia） ウェブデザイン （Miami Dade College） WWWとHTML入門 （University of Minnesota） HTML基本編 （University of

Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 技術系のネタを出すときに避けて通れないのが、ソースコードの出し方。通常は<pre>要素でマークアップするのが一般的。だけど<pre>要素でマークアップすると、基本的にはどれだけ横長になろうがソース中の改行でしか改行されないため、表示領域内に収めることが難しい。 だが待ってほしい。 そもそも<pre>でマークアップしなければいけないのか？ そんな事はない。<pre>（整形済みテキスト）はソース中のスペースや改行をそのまま表示するために作られたタグで、改行や空白に大きな意味をもつ詩や俳句なんかのために用意されている。それがソースコードのマークアップに使われるのは、単にイン

◆追記 評判良かったので大幅に加筆訂正してみました。 ちょっと昨日、一昨日と携帯向けサイトを作っていたのですが、最近の携帯電話事情がわからず、どういうタグを使えばいいのかとか、CSSは対応しているのかとか、文字コードの問題はどうするのかとかいろいろわからないところが多かったので、ちょっと自分なりに調べてまとめてみます。 間違いが含まれている可能性が非常に高いです。 突っ込み大歓迎。 前提 キャリア別とか2G用にテンプレートを複数作って対応というのは個人で出来るレベルじゃないので、モバイル向けは１ページごとに１枚のテンプレート追加で作る。 なるべくPC向けのテンプレートを大幅に修正しなければいけないようなものは避ける。 長くなるので最初にまとめ ・文字コードはUTF-8。 ・マークアップ言語はXHTML Basic。 ・画像はJPEGかGIF。 ・CSSはインラインで書く。

ImageFlow has been moved to http://imageflow.finnrudolph.de - you will be redirected in 5 seconds.