色覚障がいの方が作ったサイト【We are Colorblind】が勉強になる
2013年3月23日 Webサイト制作, アクセシビリティ, 色彩 「We are Colorblind」というサイトをご存知でしょうか？サイト名を訳すと、「我々は色覚障がい者です」。そう、色を識別することが困難なデザイナーさんの作ったサイトです。数々の例とともに、Webサイト制作における改善すべき点を指摘してくれています。とっても勉強になったので、簡単に紹介します！ ↑私が10年以上利用している会計ソフト！ Webクリエイターボックスでは以前「色覚障がい者に配慮したWebサイトの作り方」という記事で色覚障がいとは何か、どのように見えるのか、また、Webサイト制作において注意すべき点をまとめました。読んでいない方は、まずはこちらに目をとおしてみてくださいね ;) Webサイト「We are Colorblind」の中の人はオランダ在住のデザイナー、Tom van Beveren氏。サイト名
O'Reilly Japan - インタフェースデザインの心理学 : ウェブやアプリに新たな視点をもたらす100の指針
デザインは相手から反応を引き出すための大事な要素です。買ってほしい、読んでほしい、行動を取ってほしいなど、相手の反応を誘い出すためにデザインをします。人間の行動原理を理解していないデザインは相手を混乱させるだけで目的の結果を得ることができません。本書ではすべてのデザイナーが知るべき100の指針を実践例とともに紹介します。すべてが科学的な研究から導き出されたものです。これらの指針を理解してデザインすれば、人間の思考や行動、遊び方にマッチした直観的で人を引きつける製品――印刷物、ウェブサイト、アプリケーション、ゲーム――を作れるようになります。 翻訳者によるサポートページ。 サンプルPDF ● 「前付〜#008まで」（53MB） 目次 1章 人はどう見るのか 001 目が受け取る情報と脳が私たちに伝える情報は微妙に違う 002 対象の「あらまし」をつかむのは中心視野より周辺視野の役目 003
【インタビュー】セパレートならではの使い勝手を追求した富士通端末「F-04B」の魅力に迫る (1) 開発者に聞く「F-04B」のセパレートスタイルの秘密 | 携帯 | マイコミジャーナル
富士通の「F-04B」は、ディスプレイとキーボードが分離・合体する、世界初の「セパレートスタイル」を採用したハイスペックな1台。上下のパーツを切り離しても操作できる斬新なギミックが、ユーザーから注目されている。 「F-04B」(富士通製) とは言え、この仕掛けは単なる”にぎやかし”ではなく、利用シーンに端末を柔軟に対応させたいという思いが込められている。ヨコモーションで高速通信時代のケータイを模索してきた富士通ならではの、新たなチャレンジと言えるだろう。そんなF-04Bの開発秘話を、富士通のモバイルフォン事業本部の古木健悦氏、井上直幸氏、北田康幸氏の3名に聞いた。 左からモバイルフォン事業本部 先行開発統括部 プロジェクト部長 井上直幸氏、同本部 マーケティング統括部 第二プロダクトマーケティング部 課長 古木健悦氏、同本部 マーケティング統括部 セールスプロモーション部 Rチーム リーダ
『Windows 7』ブート・アニメはどう作られたか | WIRED VISION
前の記事 宇宙ロケット失敗の悲劇：動画6選 Wiredおすすめ、ユニークでおしゃれなギフトたち 次の記事 『Windows 7』ブート・アニメはどう作られたか 2009年12月 7日 Emil Protalinski 『Windows 7』のブート・アニメーションは、4つの旋回する光の玉が集まって、脈動するWindows 7のフラッグになるというデザインだ[文末に動画掲載]。世界中の無数の人々が見るアニメであり、この先何年も、毎日見ることになるものだろう。 105コマからなるこの有名なアニメーションをデザインしたのはRolf Ebeling氏。米Microsoft社において、『Windows』『Windows Live』『Internet Explorer(IE)』のユーザー経験デザインおよび研究チームにおいて、ユーザー経験担当上級幹部を務める人物だ。 ブート・アニメーションの初期のアイデ
トヨタ、家庭で充電できるプリウスとiQより小さい電気自動車 - 日経トレンディネット
トヨタは、2009年10月24日から一般公開される東京モーターショー2009に、3台のコンセプトカーを出展する。プラグイン・ハイブリッド車「PRIUS PLUG-IN HYBRID Concept（プリウス・プラグイン・ハイブリッド・コンセプト）」、都市型EVコンセプト「FT-EV II」、そして小型FRスポーツコンセプト「FT-86 Concept（エフティー・ハチロク・コンセプト）」（別記事参照）だ。 プリウス・プラグイン・ハイブリッド・コンセプトは、3代目プリウスをベースに家庭用電源などからの外部充電を可能にしたプラグイン・ハイブリッド車。バッテリーは3代目プリウスのニッケル水素タイプから、同じサイズなら充電容量をより大きくできる高効率のリチウムイオンバッテリーに変更している。フル充電での走行可能距離は20km以上が目標値で、ニッケル水素電池搭載モデルに比べ、走行距離を10km伸ばし
第6回 アクセシビリティを高めるには？
代表的なユーザビリティ向上施策については，これまでの連載で理解していただけたと思います。さらに使いやすいシステムを構築するためには，第1回で紹介したアクセシビリティについても向上施策を実施することが重要です。 なぜアクセシビリティを考慮する必要があるのでしょうか？ 日本では高齢化が進んでいます。総務省による2005年の統計によると，人口の約20％，5人に1人が65歳以上であるという状況にあります（平成17年国勢調査）。今後もさらに高齢化が進み，2013年には人口の25％以上，4人に1人が65歳以上になるという推計も出ています（国立社会保障・人口問題研究所「日本の将来推計人口」）。 皆さんが構築するシステムのユーザーには，高齢者の方々が含まれていることを考えてください。その方々にとって使いにくいシステムであれば，皆さんが想定したようにユーザーが増えることはないでしょう。高齢者の方々にとって使
水戸岡鋭治（工業デザイナー）: 情熱大陸
九州を走る鉄道は見た目も内装も個性的。そんな電車に乗ることが目的で、九州を訪れる観光客も増えている。そのデザインを一手に手がけているのが水戸岡。制限の多い鉄道車両という分野において、ひたすらそれを使う乗客の立場に立ったデザインを提示し続けてきた。乗客にとって心地よいに違いないと信じる時には、一歩も引かない議論をやり合う。また、職人気質の水戸岡は、現場の職人たちを叱り飛ばすこともザラ。番組では２００８年夏から９ヶ月に及ぶ取材を敢行。超一級の工業デザイナーの、多忙かつ情に厚い日々に密着した。 担当スタッフ 演出：尾形正喜 構成：田代裕 ナレーター：窪田等 撮影：井戸裕一、川平友和、小平智紀 音効：阿多野正美 制作協力：ホリプロ プロデューサー：藤原努、上野大介 アーティストとデザイナーは全然違うもので、 自分の思っている事を作っている訳ではないんです。 あくまでも “売らんがためのデザイン”で
「3本の針」しか無い新型時計(動画) | WIRED VISION
前の記事 「裸眼の50億倍」の性能も：世界の大型望遠鏡、画像ギャラリー 新作映画『不思議の国のアリス』、トレーラーと画像 次の記事 「3本の針」しか無い新型時計(動画) 2009年7月27日 Charlie Sorrel 時間を知る方法は色々ある。Wired.com編集部の記者の好みを紹介すると、髪が薄くてと傷つきやすいDaniel Dumasは、『東京フラッシュ』の、時刻がよくわからないオシャレなLEDの時計が好きだと言うし、私は、昔ながらのカシオ製計算機付き腕時計を愛用している(日本語版記事)。Dylan Tweneyは、彼の完璧な顔の上に落ちる影の長さで時間を計っているらしい(少なくとも、いつも鏡を見ているのはそのせいだ、と言い訳をしている)。 そんな中、デザイナーのSander Mulder氏は、つながった3本の針で秒と分と時間を表すことを選択した。一番太い針は「時」を表し、その端
第31回 美術的手法のWebデザインへの適用
Webコンテンツは文字主体のいわば“書類”です。絵画でも写真でもありません。書類に対して徹底的に芸術性を追求することには，おそらく意味がないでしょう。「構想3年，4年以上の歳月をかけて完成した，とても美しい芸術的な交通費申請書」があって，人々がその美しさに小一時間足を止めて鑑賞するといったことはありえません。 しかしながらWebコンテンツは純粋な書類だということでもなく，少なくても閲覧する人の眼を意識して，使いやすさとともに美しさも要求されるものですね。いわば“機能美”です。 自動車を思い出してください。自動車は走るという目的だけであれば，鉄で四角い箱を作り，エンジンと座席を突っ込んで，タイヤを四つほど付けておけばいいんです。しかし，そんな何の変哲もない箱形の車では営業的に成功はしないでしょう。Webコンテンツは自動車と同じ工業製品であり，機能性とともにユーザーに好感を持ってもらうために機
さまざまなブラウザでどう見えるか検証できるサービス，Adobeが公開
米Adobe Systemsは米国時間2009年6月3日，Webサイトが異なるブラウザやOSでどのように表示されるかをテストできる，ホスト型サービス「Adobe BrowserLab」（開発コード名はMeer Meer）のプレビュー版を公開した。同社Webサイトより，先着順の人数限定でダウンロードできる。 異なるブラウザのスクリーンショットを横並びに表示したり，半透明のレイヤー表示にして，比較できる。特定のプラットフォーム向けに，テスト用の設定をカスタマイズして保存することも可能。また，「Adobe Dreamweaver CS4」と併用すれば，Flashベースのサイトやインタラクティブ・サイトもテストできる。 仮想化技術を使用し，クラウド・ベースのアプリケーションで提供するため，複数のブラウザをインストールする必要がない。現時点でテストできるブラウザは「Internet Explorer
【レビュー】au新ブランド「iida」の第1弾 -上質なデザインと使いやすさを両立した「G9」を使ってみた (1) しっくりと手に馴染むスライドモデル ? 細部までこだわったデザインを紹介 | 携帯 |
KDDIが新しいライフスタイルを提案するべく誕生した新ブランド「iida」。その第１弾として発売されたのがソニー・エリクソン製の「G9」だ。デザインを手掛けたのはプロダクトデザイナーの岩崎一郎氏。洗練されたデザインが注目されるモデルだが、実際の使い勝手はどうなのか? さっそく実機を使ってみたので、そのレビューを届けよう。 カラーバリエーションは、mirror + pink / black + green / titanium + silverの3色 G9の本体サイズは約115×50×17.4mm。重さは約128g。スライド式モデルとしては標準的なサイズで、緩やかな丸みを帯びているため、角張った部分がなく、しっくりと手に馴染む。女性の知人にも触らせてみたが「パッと見の印象よりも軽く、コンパクトで持ちやすい」と言っていた。 ブラックを基調に周囲にステンレスフレームをあしらったデザイン スライド
【レポート】世界中のクリエイターたちが敬愛する良質の文具「LAMY safari」の万年筆 (1) 文房具ブランド「LAMY」の歴史と「safari」 | クリエイティブ | マイコミジャーナル
クリエイター必須のアイテム、文房具。打ち合わせから、ラフスケッチなどあらゆる局面で使う必需品なだけに、そのクオリティにはこだわりを持ちたい。事実、多くのクリエイターがお気に入りの文具をもち、自分らしさを演出している。だからこそ、知っておきたい良質なブランド。今回は、たくさんのクリエイターが敬愛する万年筆「LAMY safari」を中心に「LAMY」の文房具を紹介しよう。 ある著名なアートディレクターから届く年賀状やインヴィテーションカードには、必ず万年筆で書かれた直筆のサインが入っている。スマートな行書体と万年筆のインクの風合いに、きっちりとした人となりが表れているようで直筆のサイン入りカードが届くと、どんなに多忙でもその人の個展にはいそいそと足を運んでしまう。筆記具はクリエイターにとって必需品なのだから、大切な一筆には万年筆で、といったささやかなこだわりは見習いたいところ。とはいえ、万年
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PC
ドコモ、檜ボディの「TOUCH WOOD」を18日発売
オーディオテクニカ、鍵型ホルダー付女性向けイヤフォン
[家電製品ミニレビュー] 三洋電機「eneloop lamp(エネループ ランプ)」 ～インテリア照明でも懐中電灯としても使えるLEDライト
SCEJ、アパレルブランドとコラボした「PSP」を数量限定で3月4日に発売 | ホビー | マイコミジャーナル
ウォークマン Sシリーズ予約開始! 「デザイン刻印サービス」もリニューアル | 家電 | マイコミジャーナル
[家電製品ミニレビュー] 無印良品「スチール間接照明」 ～置くだけでやさしい光を放つ間接照明
au、携帯電話の新デザインブランド「iida」を発表