Welie.com - Patterns in Interaction Designインタラクション集
A Pattern Library for Interaction Design This site contains a lot of best practices in Interaction Design. Over the years I have collected examples and insight on their applicability that I share with you here on this. So there is really no 'original' design to be found here, sorry. It has all been done before... See it as a reference or basic 'toolkit' you can use when design user experiences. It
シニア層はなぜインターネットを使えないのか？その１ - シニア現場の隅っこ。was使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から)
若者のウェブサイト操作とシニア層のウェブサイト操作には天と地ほどの違いがあります。月とすっぽん、ダイヤとタイヤ。そのくらい、違います。 わからない言葉が出てきた場合、若者は無視するかクリックするかのどちらかになります。が、シニア層はわからない言葉をしばし見つめて、「どういう意味なのかしら」と考え出します。そして「やっぱりこのホームページは私には難しいわ」。 年をとると視野も狭くなり、若者のように全体的にウェブサイトを俯瞰することができなくなります。さらに網膜にメラニン色素がたまるため、全体が黄みがかった様子になり、色の差がはっきりしないと見えにくくなります。また、若者が捉える「落ち着いた色」は「暗い色」になります。 技術的にも「使える人」と「使えない人」には雲泥の差があります。 例えば別ウィンドウが開くという操作において、若者は「どのウィンドウがどの内容を表示しているのか」を瞬間的に判断で
なめらかなユーザインタフェース
増井俊之, 水口 充, George Borden, 柏木 宏一 ユーザインタフェース, 情報視覚化, 情報検索, なめらかインタフェース, 動的検索, 地図情報システム, WING, ピテカン辞書 第37回冬のプログラミングシンポジウム予稿集, pp. 13-23. 情報処理学会, January 1996. 概要 近年のワークステーションやパーソナルコンピュータ上では、 画面上の表示物を実際の物体と同じようにマウスなどで 操作する「直接操作」インタフェースや、 検索条件を変更すると即座に検索結果が変化する 「動的検索」インタフェースが注目を集めている。 また、高速グラフィクスハードウェアにより 3次元視覚化やズーミングを利用した 各種のインタラクション手法が研究されている。 これらに共通した特徴は、連続的な操作入力に対し 連続的/リアルタイムの直感的な反応が得られることであり、 このよ
Feng-GUI - AI-Powered Neuromarketing
AI-Powered Neuromarketing Web, Ads, Video, Signage, Packaging AI-Powered Neuromarketing Instant feedback on visuals, at a fraction of the cost and time of traditional tools. Test websites, adverts, videos, print, shelf layout, signage and packaging design. Turn visual data into actionable insights. Stay ahead of the market by leveraging AI to boost productivity and reduce costs. complete feature l
Dive Into Accessibility
この文書は2つの質問に答えるために書いてみたんだ。 1コ目は、「なんでサイトをアクセシブルにした方がいいのか」。 だから、ここの情報はサイトを持ってない人には向かないかも。 2コ目は、「じゃどうしたらサイトをアクセシブルにできるのか」。 1コ目の答えが納得できるものじゃなかったら、2コ目はどうでもいいってことになるよね。 じゃ行ってみよう。 Dive Into Accessibility（英語版）をダウンロードする HTML（英語版）をダウンロード PDF（英語版）をダウンロード Dive Into Accessibilityを読む 目次 掲載された順序のままにならべてある、すべての情報はこちら。はじめてココ の文を読むときにおすすめの読み方。 人に基づいた情報分類 ここではどんな人に役立つかによって、情報が分けられています。 障碍に基づいた情報分類 ここではどういった障碍があるときに役立
美しいレイアウトを計算してくれるツール :: Love & Design ::
以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲 レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組（２カラム）するとき 横幅780px の場合 黄金比：横幅 / 552px / 228px 白銀比：横幅 / 512px / 268px 白金比：横幅 / 571px / 209px 第二黄金比：横幅 / 565px / 215px ↓もしかして黄金比？ これまでテキトーに決めていたという方も、Webデザインだけでなく、プレゼンの資料などにも活用できそうなので、ぜひ一度お試しください。 参考記事 「見えない線」に沿ってページをレ
POLAR BEAR BLOG: 船頭多くして・・・
「・・・船山に登る」がことわざですが、海外でも同じようなことを考えている人がいるようで： ■ How to Ruin a Web Design - The Design Curve (SEOmoz Blog) 「WEBデザインを台無しにするには」というタイトルの記事。WEBデザインに関する"Design Curve （デザインカーブ）"という概念を提唱しているのですが、説明よりもグラフを見てもらった方が早いでしょう（下図は上記の記事を基に作成したもの）： 要は他人に批評されればされるほど、WEBデザインのクオリティは下がっていくという話。特に批評家が5人以上集まった場合、クオリティはゼロになる！と訴えています。ただしここで言う「他人」とは「誤ったタイプの人々」のことで、以下のように定義されています： かつてビジュアルデザインに携わったことの無い人 1996年のデザイン・トレンドがいまだに受
ウノウラボ Unoh Labs: ユーザビリティ・ガイドライン
sashaです。 naoya君が前回のエントリーで振ってくれたように、ジョエルテストの話から、ユーザビリティ・テストをどこまで行うかという話になりました。 私が今まで見たユーザビリティ系の記事の中には、追求したら悟りが開けそうな、限りなく奥深いものもありましたが、適度に深く、満遍なくカバーしているユーザビリティ・ガイドライン（原文）を見つけ、以降これを参考にしています。少し前に翻訳しましたので、今日はそれをご紹介いたします。 一般ユーザー向けのWebサービスでは、全部のチェック項目が該当するわけではありません。個人的には、各項目のスコアより、「スコアの説明」という欄を重視しています。現状では何が問題であり、どう解決するべきなのか、そういった思考のプロセスが、「ユーザーのことを思うこと」だと思うのです。 いま、ウノウではフォト蔵のデザイン見直しを行っております。私たちのデザインを省み、
Webデザイン エンジニアリング 第16回 ボタンを押させるテクニック：ITpro
対象とするユーザーの“慣れや知識”によって，画面の構成を変えたほうが伝わりやすいとするならば，画面上の「ユーザー・インタフェース（UI）部品」の色や形状も，ユーザーに応じて変えるべきでしょう。今回は，代表的なUI部品でありながら，なかなか作り手の思うように押してくれない「ボタン」について考えます。 わかりやすいボタンの形状はユーザーによって違う まず，前回とほぼ同じ絵を用います。Webシステムの操作方法への「熟知度（PCリテラシ）」を縦軸，「提供したいサービスに対する知識」を横軸とします。そして，それぞれの「軸」に対して，受け入れやすいと思われる「ボタン」の形状を例記しました。 上図の【A】や【B】のタイプに当てはまるPCリテラシの高いユーザーは，ボタンの“ラベル”に「submit」と書かれていようが「GO」と書かれていようが，ボタンを認識することはさほど苦ではありません。 しかし，PCに
人机交互論: ニールセンのAlertbox
RBB PRESSから『ヤコブ・ニールセンのAlertbox －そのデザイン、間違ってます』が発売されました。この本はウェブユーザビリティの“グル”であるニールセン博士の人気ウェブコラム（日本語版）を書籍化したものです。 「オンラインで無料で提供されているものを、わざわざ書籍に？」と疑問を感じるかもしれませんが、私は紙の本になった価値はあると感じています（価格は別として）。 Alertboxの投稿数は既に３００本を超えています。もし“新しい読者”がサイトの目次ページを見ても、どの記事から読めばいいか戸惑うかもしれません。それに、中にははっきり言って“つまらない”コラムや、“時代遅れ”の内容も含まれています。その点、書籍では編集者がコラムを厳選してくれています。もちろん、どのコラムに価値を見いだすかは人によって異なると思いますが、私個人の感想としては「上手く選んでいるな」と思いました。 それ
【レポート】@media2006にみるWebデザインのトレンド (1) 新たな知識やテクニックを皆で共有する必要がある(Eric Meyer氏) | クリエイティブ | マイコミジャーナル
6月15、16の両日、ロンドンの中心部に位置するクィーンエリザベスⅡカンファレンスセンターにて、「@media2006」と呼ばれるWebデザイン関連のカンファレンスが催された。@mediaは昨年に引き続き2度目の開催。イギリス国内外のエキスパートを招いてWebデザインに対する最新のアプローチを学び、また議論するためのイベントである。2日間の日程において、筆者の参加したセッションのなかから、特に興味深かった6つのセッションを通じ、Webデザインのトレンドを紹介したい。 @mediaの会場となったクィーンエリザベスⅡカンファレンスセンター CSS10年間の軌跡 - Eric Meyer氏 キーノートプレゼンテーションを行ったEric Meyer氏は、数々の関連書籍や講演活動を通じ、Cascading Style Sheets(CSS)のエキスパートとして知られている。彼のプレゼンのタイトルは
多くのユーザーは一度に1本しかジュースを買わない ― ＠IT
ユーザビリティのヒント（1） 多くのユーザーは 一度に1本しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。（編集部） 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基本となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ
「デザイン・ルールズ」でデザインに自信を持とう - bricklife.weblog.*
「デザイン・ルールズ」でデザインに自信を持とう 自分にとって「デザイン」とは料理と一緒で「うまいかどうかはわかるんだけど、どうやって作られたのかよくわからない」対象です。何事も「何をどうすればどうなるのか」「この目的のためにはどうすればいいのか」がわからないと不安になります。不安なのでいろんな本を読んだり情報を集めたりするんですが、基礎がわかってないからそこで得られた情報を上っ面でしか理解できません。 別に料理人でもデザイナーでもないのでよくわかってなくてもよいのかも知れませんが、出来上がりをジャッジしたり修正を指示したりしなくてはいけない立場にいるときはそうもいってられません。自分の判断の裏づけがないと自信を持って制作担当とやりとりできませんし、仕組みをわかっていないと一緒にあれこれ検討もできません。 そんな中、何がきっかけだったか忘れましたが「デザイン・ルールズ」という本に出会いました
効率よく育てやすくデザインする - tikeda's blog
デザイナーが1人だと効率のよいデザインワークってのが肝で最近意識してる事です。 CSS 言わずとしれてますが、後でページ追加したり、機能追加する時など上の項目をコピーして書き換えただけで、デザイナーじゃなくても項目追加を簡単にできます。 テキスト要素はなるべく画像にしない 特にタイトルとか画像にすると、後でページ追加したり項目を増やすのにデザイナーの作業が入るので。なるべく避けてます。 シンボルイメージはグローバルなイメージで サービスシンボルは一番の特徴を捉えるだけのシンプルに（ダイアリーだと「日記を書く」、人力だと「質問と回答」）。細かい特徴を含ませると後で追加された特徴や削除された機能がある度に手を加えないといけないので。 シンボル作りはillustratorで粘る 特にサービスのシンボルや利用頻度の高いアイコンはどんな使い方をどんなサイズで利用されるかが分からないので、photoh
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NameBright - Domain Expired
Martin Wattenberg: Data Visualization: Science & Art
COULD：Webデザインに関する 15 の調査結果
激変する広告界の仕事事情 - Information Design?！（更新終了...新blogに移行）
Amazon.co.jp: ファンタジア: ブルーノムナーリ (著), 有美,萱野 (翻訳), Munari,Bruno (原名): 本
void GraphicWizardsLair( void ); //