色弱・色盲の方の視界をシミュレートする:CUDGlass
色弱・色盲の方の視界をシミュレートする:CUDGlass Permalink URL http://www.magicvox.net/archive/2005/07051456/ Posted by ぴろり Posted at 2005/07/05 14:56 Trackbacks 関連記事 (3) Comments コメント (7) Post Comment コメントできます Category Glass #3 Photo by Edward Dalmulder 日本国内には300万人を超える色弱の方が居るとされています。しかしながら流通するデザインは一般色覚者のみを対象に配色されたものが多く、色弱者がそのデザインを見た時に、その配色が著しく識別し難い場合があります。良かれと思ったその配色は、色弱者にとっても見やすいものでしょうか？ このプログラムは、色弱者がコンピュータ画面や USB
「史上最高のインターフェース、ベスト5」から使いやすい設計を考える | WIRED VISION
「史上最高のインターフェース、ベスト5」から使いやすい設計を考える 2008年5月13日 IT コメント： トラックバック (0) Charlie Sorrel Photo:『Flickr』の 「mikelao26」 現代のインターフェース開発者はユーザーのことを考えていない。少数の例外はあるが、六分儀や経線儀が登場するまで海で進路を決めるのはきわめて難しかったのと同様に、現代の小型機器はナビゲート不能だ。 それはなぜか？ 現代のデバイスの内部の働きは、実世界でわれわれが扱うものとは関連がないため、マイクロチップと人間の脳の隔たりに橋を架けるには、場当たり的な抽象化が必要になるからだ。 おまけに、大半の機器ではユーザー・インターフェースは後回しにされることが多い。こうしたことから、操作部分のレイアウトのひどい使いにくさのせいでいたるところで嫌われている、米Motorola社の『RAZR』の
福耳コラム - ものづくりは情報の転写だの巻「女子大で講義する余談の多い経営学 ＃６」
自動的に移動しない場合はをクリックしてください。
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
直感的なUIとhand-eye-cordinationの話
下のビデオは一歳度児がiPhoneのフォト・アルバムの機能を使っている姿を撮影したものだが、これを見ると「直感的なUI」とは、まさに人間が赤ん坊のうちにマスターする"hand eye cordination（目からフィードバックを受けながら手先を動かして物をコントロールする能力）"に合致したものなのだということが良く分かる。 【追記】参考までに、私が特に好きなUI関連の書物二冊へのリンクを張っておく。特に「誰のためのデザイン」はUIが単なるソフトウェアやウェブ・サイトのUIデザインの問題ではないことに目を開かせてくれる良書だ。 ・誰のためのデザイン?—認知科学者のデザイン原論 ・Envision Information
コードとデータの合従連衡 : 404 Blog Not Found
2006年11月20日13:45 カテゴリArt コードとデータの合従連衡 実はその逆の設問もありうる。「プログラムはデザイナーのものなのか」。 矢野勉のはてな日記 - PHPやJavaのJSPやRubyのeRBのクールじゃないところ simfonyの10分デモを見てて考えたことがきっかけではあるんだけど、実はRuby on Railsの勉強で本を読んでた時にも思ったこと。彼らはHTMLファイルにコードを書くことをなんとも思ってないんだね。もちろん、プログラマからすればその方が早いのかもしれないけどね、私には「HTMLはプログラマのものなの？」という思いがあります。 プログラマーに限らず、「プロ」は、分業する際お互いの領域を侵さないようにするのが作法(best practice)であると、プロの多くが思い込んでいる。「コードとデータの分離」をプログラマーが耳たこのように聞かせられてきたのも
Web2.0ナビ: SQL-DESIGNERがスゴイ
いいね！ 0 ツイート B! はてブ 447 Pocket 2 データベースの設計時にER図をかくことが多いと思いますが、SQL-designerというウェブベースのツールが非常に使いやすいく、デザイン的にも綺麗で便利。 MSproject等のデータベース設計を行う専用ソフトは非常に多くあるが、どれもインストールが必要だったり、設定ファイルが必要だったり、ソフトが重かったり、環境依存が激しかったりして、使いにくい。 使いかたは簡単で、 １．ウェブページにいって ２．テーブルやフィールドを追加する ３．プリントアウトorXMLエクスポート だけ。 データの型なども選択できて、設計が終わったら、SQL文をそのまま発行したり、作ったEQ図をXMLでエクスポートやインポートすることも可能。Javascriptベースなので、めんどくさいインストールや環境依存もなし。 ウェブ上でやるのは、セキュリティ
世界のクリエイティブな広告まとめ（続編） - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
ドットインストール代表のライフハックブログ
フォームのtextareaをより使いやすくすることが出来る「Textarea tools」:phpspot開発日誌
Textarea tools Small collection of tools for use with textareas (or input fields). フォームのtextareaをより使いやすくすることが出来る「Textarea tools」。 上記画像では、右端にはるボタンを押して、textarea部分のリサイズや、フォントサイズの変更が可能になっています。 使い方は非常に簡単で、必要なJavaScriptファイルとCSSファイルを読み込んでおき、textarea に class="resizable" の属性を付与するのみとなっています。 掲示板なんかにこの機能を組み込んでおけば親切ですね。
CSSでクールなタブUIを作成するサンプル:phpspot開発日誌
OSResources - How to create CSS overlapping tabs? Sometimes simulating a real desktop interface for your web application can be a real challenge, especially when dealing with tabs. CSSでクールなタブUIを作成するサンプル。 次のようなタブUIを作ることが出来ます。 サンプルのCSSを定義しておけば、後は次のようにシンプルなHTMLをコーディングするだけで上記画像のようなタブUIが作れます。 HTMLもクリーン。 <ul class="obtabs"> <li class="first"><span><a href="#">Jack</a></span></li> <li><span><a class="new
Webデザイン エンジニアリング第24回 色コンプレックスを克服する方法：ITpro
実は多くの人が，「色」の扱い方――色の選び方，色の作り方，色の使い方など――を不得意に感じているようです。かくいう私も決して得意ではありません。そこで今回は，そういった色コンプレックスを克服する方法を取り上げてみましょう。 ▼原因を知る（自分に能力がないわけではないと知る） 全くの個人的意見ですが，多くの人が色にコンプレックスを持つ理由は，小学校教育にあるのではないかと疑っています。もう少し具体的に書くと，「12色の絵の具」です。 中でも「緑＝ビリジアン」が一番罪深い存在だと私は思っています。誰でも，野外の風景を描かされた記憶はあるでしょう。しかし，木々の緑や小さな野の花を描こうとしたときに，ある「壁」にぶつかったことはないでしょうか。 それは，自分の見ている「緑」と，パレットで作っている「緑」とのギャップです。ビリジアンに様々な色を混ぜ合わせて試してみるのですが，自然界の「緑」には程遠い
酔狂人の異説 - フローチャートは設計の道具としては使えない
「フローチャートの力を思い出そう」という記事をきっかけにフローチャートが一部で話題になっているようだ。 並列処理とかでなければ、フローチャートは設計した結果を記述するのには使える。 たとえば、プログラマーじゃない管理者層の人に、プログラムについて説明を求められたとき。ホワイトボード上でざっくりとした動きを書くのに使う。 こうした用途になら、フローチャートは現在でもそれなりに使える。 だが、それ以上の使い方をしようとすると、貧弱な制御構造というフローチャートの欠点がもろに出てしまう。 まず「筋道立てて考える」という部分を教育しないといけなくて、それにフローチャートを使います、という感じ。 プログラミングの初心者にフローチャートを使わせると、スパゲティプログラムになり易く、それを更正するのに余計な手間がかかる。フローチャートは自由度が高く、一見便利そうに思える。だが、その自由度の高さは、貧弱な
仙石浩明の日記 「ソフトウェア開発」は「モノ作り」ではない
いつのころからか、 ソフトウェア開発がモノ作りに喩えられるようになった。 典型的なのは、製造業(例えば自動車製造)と IT 業界とを比較して、 前者が高度にシステム化されているのに対し、 後者がまるで家内制手工業のようだ、という批判である。 日経ビジネス online の記事に次のようなくだりがあった: 「というより、何といいますか、経営トップからすると、 ITはとにかく非常識な世界だ、としか思えないのではないかなあ。 例えば大きなシステム開発プロジェクトに取り組むと、 すぐ100億円を投資する、という話になってしまう。 100億円の経常利益を出そうと思ったら本当に大変。 ところが、100億円を投じたのに、期限までに完成しない、 出来上がってきたものが当初計画と違う、 直そうとするとさらに金がかかる。 こんなことが起きるわけですから、『一体なぜなんだ』と経営トップは思うわけです」 IT業界
Webデザイン エンジニアリング 第16回 ボタンを押させるテクニック：ITpro
対象とするユーザーの“慣れや知識”によって，画面の構成を変えたほうが伝わりやすいとするならば，画面上の「ユーザー・インタフェース（UI）部品」の色や形状も，ユーザーに応じて変えるべきでしょう。今回は，代表的なUI部品でありながら，なかなか作り手の思うように押してくれない「ボタン」について考えます。 わかりやすいボタンの形状はユーザーによって違う まず，前回とほぼ同じ絵を用います。Webシステムの操作方法への「熟知度（PCリテラシ）」を縦軸，「提供したいサービスに対する知識」を横軸とします。そして，それぞれの「軸」に対して，受け入れやすいと思われる「ボタン」の形状を例記しました。 上図の【A】や【B】のタイプに当てはまるPCリテラシの高いユーザーは，ボタンの“ラベル”に「submit」と書かれていようが「GO」と書かれていようが，ボタンを認識することはさほど苦ではありません。 しかし，PCに
オブジェクト指向プログラムのためのパターン言語の使用
以下の文章は、Kent Beck、Ward Cunninghamによる「Using Pattern Languages for Object-Oriented Programs」の日本語訳である。 Ward Cunningham氏の許可を得て、ここに掲載する。 Kent Beck, Apple Computer, Inc. Ward Cunningham, Tektronix, Inc. Technical Report No. CR-87-43 September 17, 1987 Submitted to the OOPSLA-87 workshop on the Specification and Design for Object-Oriented Programming. 概要 オブジェクト指向プログラミングへのパターン言語の適合について概説する。ウィンドウ・ベースの
検索手順ツール (Dark-I.com) | 100SHIKI
サイトデザインをするときは、たいてい他のかっこいいサイトを眺めながらインスピレーションを得ることにしている（真似にならない程度にね）。 そうした場合、たいてい色合いだけは決まっているので「青系でなんかいいサイトないかなぁ」と探すことになる。これはこれで結構面倒で、色合いで探せるデザインサイト検索サイト（ややこしいな・・・）がないかなぁ、と思っていたところ、あった。 Dark-iのサイトではまさにそのような検索を実現してくれている。これを使えば今までの作業が大幅に効率化されそうだ。 無意識に行っている検索手順をツール化してみる。デザインサイト検索以外にも応用ききそうですね。
モノ・コト分析をパターン言語で表現 ― ＠IT
前回の「モノ・コト分析の段階的モデリング」は、クラスにステレオタイプ《mono》と《koto》を導入し、例題として注文から納品・請求までの簡単な業務フローを取り上げてモノ・コト分析でモデリングを行いました。ステレオタイプによりモデルの作成と理解が一層容易になったと思います。今回はモノ・コト分析の実践方法をパターン言語の形式で表現してみたいと思います。 パターンとパターン言語 「パターンとパターン言語」について第7回で簡単な解説を試みました。解説というよりも筆者なりの認識を語ったという方が正しいですが。今回はその1つの具体例としてモノ・コト分析実践方法のパターン言語化を試行してみましょう。ここに6つのパターンを抽出しました。パターンの名前にちょっと工夫をしてみました。この例のようにパターンには簡単で分かりやすく、かつインパクトのある名前を付けます。 （1）物事をわきまえよ モノとコトを分離す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.yasuhisa.com/could/entries/001015.php
http://www.yasuhisa.com/could/entries/001005.php
エンジニアのための『仕事・職場・転職』応援サイト Ｔｅｃｈ総研