TakramThrough uncovering hidden value, we drive societal change.
ユーザを混乱させない表組みのコツ (ユーザビリティ実践メモ)
ウェブサイト制作において、多くの情報をいかに整理してユーザに伝えるかは重要なポイントの1つです。よく使われる方法として表組みがありますが、今回は実際の事例をもとにしたケーススタディを通じて、ユーザを混乱させない表組みのコツをご紹介します。 表１はよく見かける表組みの例ですが、実際にユーザの立場に立ってこの表を使用してみると、いくつかの問題点があります。 同種の情報をユーザは区別できない 表1の問題点として、 日付という同種の情報を多く掲載しているため、ユーザには各情報が何の日付を意味しているのか区別できず、分かりにくい列数が多いために、セル内に折り返しが発生し、読みにくい ことが挙げられます。 特に、1つ目の問題点は、表が縦に長い場合にユーザを混乱させる要因の一つになります。なぜなら、画面サイズに収まりきらないほど表が縦に長い場合、下にスクロールしていくと「開催日」などの項目名が画面から消
GA info.：creator's file ：TOP
美澤修 アートディレクター 1968 年福井県生まれ。89 年渡米しNY School of VISUAL ARTS を卒業後、Javier Romero に師事。フリーのアートディレクターとしてNY を拠点に活躍し、CBS、Neiman Marcus、MoMA 等を手掛ける。98 年帰国後「美澤 修デザイン室」設立。企業やプロダクトにおけるブランディング、クリエイティブディレクション、グラフィックデザインを中核に、ファッション、コスメティック、ジュエリーから出版、ホテルまで様々な分野の広告・カタログ・DM・WEB サイト・インテリア・エディトリアルをワンプロジェクト・ワンストップでトータルにアウトプット。主なクライアントにCHANEL、FRANCK MULLER、Kanebo、DAMIANI Japan など。JAGDA、ADC、ブルーノ・グラフィックデザイン・ビエンナーレ、NY A
Adobe Photoshop CS5の新機能
テクノロジー 2009.10.4 動画：Adobe Photoshop CS5の新機能はもはやえげつないレベル… なんだこれーー！！！ 新機能「 Patchmatch」の解説動画がYouTub...…
博報堂、ユニバーサルデザインのフォントを開発--「つたわる広告」も開始
博報堂は9月10日、高齢者や障害者を含むより多くの人に情報を伝えることを目的とした、ユニバーサルデザイン仕様のフォント「つたわるフォント」を開発したと発表した。9月中旬より販売する。また、このフォントを使った「つたわる広告」も提供する。 つたわるフォントは、博報堂が6月に新設した専門組織「博報堂ユニバーサルデザイン」が、タイプバンク、慶應義塾大学と共同で開発したもの。誤認を防ぐことや可読性を高めることを目的としている。慶應義塾大学教授の中野泰志氏による実証実験や自主評価調査などの結果、従来型のフォントと比較して約7割が読みやすくなったと答えたという。 つたわる広告はユニバーサルデザインコンセプトの広告。印刷物だけでなく雑誌や新聞広告、中吊り広告、チラシ、ポスター、小冊子、取扱説明書などをすべてユニバーサル仕様にする。
分裂勘違い君劇場 - エンジニアがUIデザインしたがる本当の理由
ハイライトピックアップ Web2.0を引き起こしているのと同じ時代の潮流が、エンジニアの地位の低下を引き起し、エンジニアがUIデザインをしたがる動機を創り出している。 Googleは、「エンジニアの会社」という皮をかぶった「企画・マーケティング・デザイン」の会社である。 エンジニアよりデザイン能力の低いダメデザイナーがうじゃうじゃでてくる構造。 優秀な人ならデザインスキルがなくてもいいデザインができるのは幻想。現実には、デザインスキルの差は容易には超えられない壁。 デザイナーに必要な技術的知識とエンジニアの技術的知識は別物なので、エンジニアの技術力はデザインをする上でそれほど強みにならない。したがって、技術力とデザイン力を兼ね備えた優秀なデザイナーはエンジニアとデザイナーのハイブリッドではない。 一人の人間がUIのデザインと実装を両方やると二兎を追うものになってUIの質が低下する。二兎を追
続：PNG画像をより美しく、より軽量に最適化するテクニック | コリス
上記のように半透明な箇所がある画像の場合、PNGで保存する前にモードをグレースケールにすることは非常に重要です。 グレースケールモード：[イメージ]-[モード]-[グレースケール] 2. 色数はより少なく 画像のカラーを減らす方法として、前回紹介したポスタリゼーションに代わる方法を紹介します。 この方法は256色限定で、カラーを最適化できます。 半透明の画像からイメージ箇所のみを抽出し（半透明は削除）、インデックスカラーに変換しマスクを適用します。 詳しい手順は下記の通り。 画像を開き、[イメージ]-[複製]で画像を複製します。 複製した画像に、[フィルタ]-[PhotoWiz]-[Remove Transparency]で透明箇所を取り除きます。 ※「PhotoWiz」はRemove Transparencyを参照ください。 [イメージ]-[モード]-[インデックスカラー]を選択し、イン
openFrameworks
openFrameworks is an open source C++ toolkit for creative coding. download Grab the most recent release (0.12.0) and follow the setup guide to get openFrameworks running. documentation Reference for openFrameworks classes, functions and addons. You can also check the tutorials section. forum The forum is a place to meet other people working with openFrameworks. It's a place to share your work, or
黄金比などを使用して、緻密で美しいグリッドを設計できるツール集 | コリス
黄金比や白銀比などを使用して、緻密で美しいグリッドを設計したり、設計したグリッドを表示・確認できるアプリケーション・オンラインサービスの紹介です。 アプリケーション関連
クリエイティブになるための4つの視点
クリエイティブという言葉を聞くと、何か前例のないものを生み出す力だったり、アーティスティックな部分を指す場合があると思います。しかし、クリエイティブな実際そういったアートもしくはデザインだけに特定しているものではなく、すべてに関係しているものです。実は誰でも毎日クリエイティブな瞬間はあります。 私たちは毎日のように課題や問題に出くわします。それらをいかに解決するかを考える・・・これだけでもクリエイティブです。何も考えずに済ましていることも実はクリエイティブの結果だったりします。時間がかかったり出来ないと思っていることも工夫することで解決することもクリエイティブでしょうし、限られた時間の中で出来ることをするということもクリエイティブです。 「どうなったらクリエイティブになれるのか」という言葉をたまに耳にしますが、クリエイティブになるのは意外なほど単純であると同時に難しいものだと思います。クリ
風と太陽でフロアが自動回転する風車ビル｢Dynamic Tower｣の建築家に会ってきた
風と太陽でフロアが自動回転する風車ビル｢Dynamic Tower｣の建築家に会ってきた2008.06.26 17:00 クフ王のピラミッド以来という、世界有数の野心的建築プラン。 昨年ご紹介したうねる風車ビル｢Dynamic Tower｣（新名称）を手がるイタリア人建築家デイビッド・フィッシャー（David Fisher）氏にNYでインタビューしてきました。 総工費7億ドル、80階建て。音声コマンドで動く自家発電型ビル。ほぼ全てプレハブ。…何から何まで口あんぐりなビルだってことはなんとなく知ってたんですが、実際お会いして話を聞くと、これまた驚くような話の連続でした。 フィッシャー氏が｢Dynamic Tower｣のヒラメキを得たのは、マンハッタンはミッドタウンのアパート最上階に住む友だちの家を訪ねた時のことだそうです。 ｢ハドソン川とイーストリバーが一度に見渡せたんです。美しかった。あの
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 4
テキストに光・メタル・木・3D・爆発・炎・氷などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。
ノスタルジックで優しいアナログ信号機
このアナログ式交通信号機は1940年代から1970年代まで実際にオーストラリアで使われていたものです。独特な色使いとデザインは、アートの香りすら感じさせます。 いま普通の信号は赤や青のライトが点灯するだけですが、このアナログ信号機は青信号（または赤信号）の時間があとどのくらい残されているのか、針で指し示してくれるのです。あせって走って危ない思いをする必要もありません。なんだかやさしさと心のゆとりを感じます。復刻してくれないかなあ。 [Infosthetics via Make via Boing Boing Gadgets] Jason Chen（MAKI） 【関連記事】 ･ほんわか木製ラジオ ･革命的！ アナログインターフェイスケータイfromロシア ･この赤信号が目に入らんか？
アイコンデザイナーになりたい人のためのPhotoshopチュートリアル15選『Want to be an Icon Designer? 15 Amazing Photoshop Icon Tutorials.』 | CREAMU
Design アイコンデザイナーになりたい人のためのPhotoshopチュートリアル15選『Want to be an Icon Designer? 15 Amazing Photoshop Icon Tutorials.』 アイコンをデザインしたい。 そんなあなたにおすすめなのが、『Want to be an Icon Designer? 15 Amazing Photoshop Icon Tutorials.』。アイコンデザイナーになりたい人のためのPhotoshopチュートリアル15選だ。 以下にご紹介。 » Traffic ConeアイコンをPhotoshopで描く方法 » 本のアイコンを作る方法 » Mac OS Xのメールアイコンのようなデザインをする方法 » Mac OS X用のアイコンを作る方法 » グラフのWebボタンを作る方法 » Photoshop CS3のアイコンを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
User Plus
trick7 RTP Live: Info Bocoran RTP Slot Online Pragmatic Play Gacor Terlengkap -
Flashを使った超絶クールなマルチタッチスクリーンUIがオープンソースで公開:phpspot開発日誌
au
背景に使えるベクター素材いろいろ - DesignWalker
名刺デザインいろいろ - DesignWalker