コンテンツのアクセシビリティが未来を保証する
「その情報にアクセスできるかどうか」 これが私にとっての Web アクセシビリティです。一般的に Webアクセシビリティといえば、主に高齢者や障がい者への配慮という見方が強いですが、数年前からは私は上記のように捉えて仕事をするようにしています。少し極端な考え方かもしれませんが、「その情報にアクセスできるかどうか」ということを意識して設計するときに、高齢者や障がい者といったごく一部のグループを考えることはありません。 全ユーザーが特殊な存在 近年の Web 利用者の動向をみると、高齢者や障がい者を意識しなかったとしても、情報にアクセスできるかどうかを真剣に考えなければ、見られない・読まれないコンテンツになることが分かります。 デスクトップだけでなく、タブレット、スマートフォンなど様々なスクリーンサイズをもったデバイスで Web にアクセスしている。また、デバイスにより初期設定やカスタマイズ方
体験のレイヤーをつくるWebデザイン
2012年10日6日は、神戸ITフェスティバルの講演に続いて CSS Nite in KOBE でも登壇しました。神戸での記念すべき第一回目ということで、技術話がほとんどない働き方をテーマにした話題が中心でした。私のセッションは、終わりなき Web の旅と題して、予測不能でトレンドも目まぐるしく変わる Web の世界で変わらないもの、目標にできるものを紹介しました。 再考 Progressive Enhancement 今頃「Progressive Enhancement」なんて言葉を使うなんて古いと考える方もいるかもしれません。不幸にも日本語で最適な表現がなく、カタカナ表記でプログレッシブ エンハンスメントとしてもピンと来ないのが、言葉のもつ意味が浸透しないひとつの要因ではないかと考えています。例えば、昨年からよく耳にするようになったレスポンシブ Web デザインにしても、Progres
インタラクションと形状の間にあるデザインの行方
7月26日に開催された PARC forum で、ドン・ノーマンと前田ジョンの対談がありました。そのときの模様が公開されていたので、早速見てみました。「デザインは複雑」と言うノーマン氏と、「シンブルを生み出そう」と考える前田氏。デザインの教育からイノベーションまで「デザインとは？」という深い議題についてディスカッションされました。 今回の対談で気になったのが、両者が考えるデザインの視点が異なることから、会話が噛み合ないときがあるという点でした。前田氏は「フォーム（形状）としてのデザイン」の重要性を説いており、フォームが製品と人を繋ぎ合わせる重要な要素であるとしていました。タイポグラフィ、包丁、椅子など、様々な例を通して、フォームが人々に感情を与えたり、機能的なニーズに応えていると話していました。 一方、ノーマン氏は「インタラクションとしてのデザイン」について話していました。人がどのように製
結ぶWebを作っていこう : could
プレゼン講演 結ぶWebを作っていこう 楽天トラベルサマーフォラム 2012で「Webは結ぶ場である」というメッセージを基に、基調講演、分科会、ミニセッションを行いました。人と人、人と情報、情報と情報を結び付ける場であり、それらの結びつきをいかにデザインするのかが、私たち Webの専門家たちの役割ではないでしょうか。 7月9日と17日に楽天トラベルサマーフォラム 2012が開催されました。全国の宿泊施設に関わるおよそ 2,000名の方々が、東京と大阪に集結。楽天トラベルという名のひとつのコミュニティの「お祭り」と言えるイベントでした。こうした大きな舞台で話すということで当日の直前まで緊張していましたが、基調講演後にあった名刺交換の列は、フォーラム史上最長の大盛況でした。お客様の中で「今までで一番良かった」と言ってくださる方もいて、正直ホッとしました。 フォーラムでは、基調講演、分科会、ミニ
デザイナー育成のための3つのキーワード
Don NormanEngineering Design EducationEngineers are trained in narrow specialties but do not get the broad systems thinking or the appreciation of human-centered design necessary for engineering design in the 21st century. 2008年なので、少し古い Don Norman 氏のインタビューですが、共感するところが多々あったので紹介。近年のエンジニアや徹底的に狭い分野で技術力を磨いていくものの、広い視野をもって思考できる者が少ないと指摘しています。彼の「エンジニア」という言葉は「デザイナー」と置き換えて考えることができます。複雑な課題に対して「何か」を作る際に、特殊化された
レスポンシブとか、そういうことの前に
レスポンシブWebデザインに関する話題を見渡すと、そこまで気にして実装を踏みとどまる必要ってあるのかな？と思うことがあります。 もちろん、レスポンシブWebデザインがパーフェクトなソリューションではありません。しかし、Webにおいてパーフェクトなソリューションが存在するのでしょうか。簡単に作れるツールがないから。古いブラウザへの対応が困難だから。レスポンシブに画像を対応するための最適な方法がないから。実装をしないための理由はいくらでも作ることができますが、実装しない理由は、スマートフォン専用サイトを作ることでも、CSSレイアウトにすることでも、たくさん並べることができます。 Webは完璧な世界ではありません。そして、完璧な世界が訪れることを期待してはいけない場でもあります。予測不可能な世界であり、すぐに新しいものスタンダードになる世界。不完全でありながらも、進化を繰り返すのが Web です
デザインの試行錯誤とラグをなくすプロセス
ワイヤーフレームやスケッチで、ある程度カタチになっているアイデアも、スクリーン上に実際に描いてみないと分からない場合があります。ラフでは良い感じに見えるものでも、いざ色を付けたりレイアウトを組み上げていくと「あれ？」と思うこともしばしば。ワイヤーフレームやスケッチとして出てきた設計図をそのまま型にすれば上手くいくというわけでもないのが、デザインの難しいところであると同時におもしろいところです。 Photoshopや、Fireworksを使って、1ピクセルずつずらしながらレイアウトの調整をしたり、ガラッと雰囲気を変えた見た目を試すといった試行錯誤をしている方はいると思います。ただ設計通りに作るのではなく、試行錯誤を続けることでより洗練されたデザインになることもあれば、まったく新しいアイデアが生まれるキッカケになることもあります。 スケッチにしろ、グラフィックソフトを使うにしろ、試行錯誤をする
UXとUIが混同されるワケ
最近 UX と UI を混同して表記されているのを見かけるようになりました。私もウケやすいということで、混同させたことがあります。しかし実際のところ UX と UI は同義語ではありません。良い UI デザインをすれば、UX が向上する可能性はありますが、必ずしもそうではありません。逆もしかりです。最近も UX と UIの違いを分かりやすく表現しようと、シリアルとボールの写真を使った例が登場しましたが、「そうでもない」という意見も多数ありました。 それでは、なぜ混同されやすいのかというと、今のスマートフォン向けのデザインを見るとヒントが隠されています。例えば Twitter クライアントの中で人気のある Tweetbot を見てみましょう。このアプリの中で装飾と呼べるデザインはどれだけあるでしょうか。ほぼ皆無だと思います。 スマートフォンという小さなスクリーンには、UI しか存在しません。
キーワード 2012: Cultivate（耕作する）
昨年「キーワード 2011」と題して注目のテーマを幾つか紹介しましたが、今年もやります。最初のキーワードは「Cultivate」です。農業に挑戦しようという意味ではなく、耕作するときのような視点と振る舞いをしようという意味が含まれています。このキーワードはデザイナーだけでなく、Web に関わる様々な仕事に通じます。 Webの狩猟時代は終わった Web だけではありませんが、今までのビジネスは石器時代の狩猟社会に似ていると思います。顧客をたくさん獲得すること、ひとりでも多くの振り向いてもらうこと、自分たちの場所に集めること・・・これらは野生の動植物を採取していた石器時代の狩りと重ねることができます。Web でもページビューや会員数の価値は未だに高いですし、ソーシャルメディアだと言っても結局 Like 数やフォロワー数といった『採取数』が重要視されています。とにかくたくさんの人に注目してもらう
開かれたWebと閉じたWebの間で
先月の WordCamp の講演で、CMS は API のような存在になると話しました。Webサイトに訪れてもらうために情報（ページ）を管理するための CMS から、様々なデバイスやサービスへ配信することを考慮したコンテンツ（データ）を保持する CMS へ変化する。そのためにも、CMS を扱う私たちは Web ページという枠に囚われない設計が必要になるという内容でした。 WordCamp という場だったので、CMS にフォーカスした内容になりましたが、実のところ Web そのものが API になりつつあります。 従来 Web上にある様々なデータを読み込んで、人が理解できるインターフェイスにするのは Web ブラウザの役割でした。パソコンに最初からあったことと、多くの方に使われていたという理由で Web ブラウザという名のアプリで動作する技術が使われ続けていました。 Web ブラウザ上で情報
GIMPが提案するソーシャルUI
着実に機能を増やし続けているオープンソースの Photoshop 代替プログラム GIMP。他アプリケーションとの連携を考えると Adobe 製品で揃えた方が有利ですが、機能だけみると Photoshop のライバルと見なしても良いくらい充実しています。GIMPは Photoshop と同様、プラグインやアクションが共有されているので、ある程度の機能のカスタマイズが可能です。 高機能というのは嬉しいですが、それ故に使いたい機能がどこにあるか分からなかったり、どうやって使えば良いか調べるのも面倒だったりします。日本でも書籍は販売されていますし、日本語Wikiもありますが、手間がかかることから結局慣れたソフトウェアに戻ってしまうということもあると思います。 そんな課題を解決するかもしれない機能が AdaptableGIMP です。細かい説明は後にして、まずはビデオを見てください。 達成したいタ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
