Home > UI（インターフェース）

UI（インターフェース） Archive

Amazon.com、そのショッピングカート進化の変遷

2010-03-03 (水)
UI（インターフェース）

7600万人が利用するAmazon.com。世界最高峰のUIを誇るこの類まれなるECサイトは、カート1つをとっても大きな変更を何度も繰り返しており、EC関係者に限らず、大いに参考になります。 ...

インタラクションデザインをレベルアップさせる、「インビテーション」の考え方

2010-03-02 (火)
UI（インターフェース）

プラットフォームが多様化し、設計に求められるレベルが上がる中、特にWebで重要になってくるものの1つが「インタラクション設計」従来のHTML＋CSS主体の画面から、振る舞い（Behavior...

全てのIT・Web関係者に見つめなおして欲しい「Don’t Make Me Think」

2010-01-30 (土)
UI（インターフェース）

”Don't Make Me Think” 訳すと、「いちいち私に考えさせるな！ボケ！」といったところでしょうか。これは、2001年にSteve Krugが出した書籍の名前なのですが、この...

Webサイトの高速化・軽量化に使えるTips・参考記事を集めてみました

2010-01-25 (月)
UI（インターフェース）

Googleもスマートフォンに参入、ノートPCが完全に主流になるなど、ブロードバンドから逆に回線の「低速化」が起こっています。参考：今だからこそ、「軽量なウェブサイト」を作ることが重要、という...

2010年版ユーザーインターフェース（UI）・ユーザビリティ必見サイト/必読書

2010-01-21 (木)
UI（インターフェース）

ウェブサイト実はユーザー中心設計やユーザビリティ、インターフェースについてちゃんとまとまったサイトは国内には少数です。ここに挙げたサイトはどれも大変充実したものだと思います。 ※残念な...

これは恐ろしい！全く同じ画面でA/Bテストを実施したら・・・

2010-01-15 (金)
UI（インターフェース）

Webの世界ではもはや数値検証が当たり前になりつつありますが、その前提を揺るがすような最新事例を紹介したいと思います。ソースは以前採り上げたA/B test.comです。 trudne.pl...

完了画面は、ユーザを捕まえる最強のレコメンデーションツール

2010-01-09 (土)
UI（インターフェース） | マーケティング・事例

クライアントさんからたまにある依頼のパターンとして、「クロスセル」「アップセル」を狙いたいというものがあります。複数の商材を持つ企業であれば当然の発想ですが、インターネットが目的志向の強いメディア...

ユーザビリティの権威、ヤコブニールセン博士のTwitter Botを作ってみました！

2009-12-28 (月)
UI（インターフェース） | インターネットあれこれ

http://twitter.com/jakob_usability ヤコブ博士の格言や調査結果を、1日3～5回程度発信しています。 Web制作やマーケティングに関わる方のフォローをお待ちして...

ユーザーインターフェースの検証データを公開している「ABtests.com」は、ウェブマスター必見事例の宝庫

2009-12-08 (火)
UI（インターフェース）

ウェブの位置づけが上がるにつれ、数値的な検証がどんどん進んでいます。ただ、その割りにどんな方法で数字が上がった、という具体的な事例がまだまだ世の中に出回っていないのも事実。そんな中、A/Bテ...

ユーザ体験向上に役立つフォームのバリデーションスクリプトいろいろ

2009-11-19 (木)
UI（インターフェース）

エラーを減らし、より快適にフォームの入力を行ってもらうのは、コンバージョンを持つウェブサイトにとっての必須課題。根本的にはインターフェース設計やエラー画面の設計、あるいはフォーム前の意欲醸成が大事...

言葉尻一つでユーザに与える印象が「ころっ」と変わる表現いろいろ

2009-11-15 (日)
UI（インターフェース） | 広告

ウェブライティング、ともちょっと違うのですが、まったく同じものを表現する場合でも表現をちょっと変えるだけで相手に与える印象が180度ひっくり返ってしまうケースがあります。たまにはそんな表現を色々と...

ECサイトの「カートに追加」周辺のUIを、センス良く改善する方法

2009-11-11 (水)
UI（インターフェース）

たまには具体的なUIの紹介など。どうしても商品画像以外のデザインがワンパターン化しやすいECサイトの商品ページに、ちょっとした一工夫をすることで画面を一味違う味付けに仕上げる小技をいくつか。 ...

フォームの完遂率は、フォーム前の設計で3倍以上変化する、というお話

2009-11-02 (月)
UI（インターフェース）

ユーザビリティ系の記事でも何かと人気なのがフォーム周りのお話。たぶん最終成果に一番近いところにあるから、何だと思います。でも、一番近いから一番影響が大きい・・・という（ほぼ全国共通の）認識...

ユーザの不満を招く、「重いページ」と「縦にやたら長いページ」

2009-10-26 (月)
UI（インターフェース）

以前にも、今だからこそ、「軽量なウェブサイト」を作ることが重要、というお話というエントリーを書きましたが、今回はもっと成果直結の話です。 ECサイトの最大の不満は「ページが重い」何はともあれ、セ...

イーバンク銀行のサイトを左右反転したら、三井住友銀行になった

2009-09-06 (日)
UI（インターフェース） | dust in the wind

しばらく前から気づいてはいたのですが、改めて見てみて・・・・うーむ、これはさすがにやりすぎじゃないかって思います。さすが楽天というか、もうなんというか。 ■まずは全体を比べてみる上がイー...

今だからこそ、「軽量なウェブサイト」を作ることが重要、というお話。

2009-07-20 (月)
UI（インターフェース） | インターネットあれこれ

最近はJavaScriptのライブラリ整備や、大きなモニターが増えたせいもあり、リッチな見た目のサイトが増えてきたなーって思います。でも、その一方で、それ以上に増えている様相なのが「低速度回線」の...

パスワード入力の「****」は不要？そんな訳ないでしょ、ヤコブ博士。

2009-07-01 (水)
UI（インターフェース）

なんと、Yahoo!Topicsにヤコブニールセン博士（ユーザビリティの権威）が登場。なんぞと思ってみてみると、こんな議論が。 ■ パスワード入力の「****」は不要？研究者の間で激し...

「バナー広告よりテキスト広告が良い」なんて信じる人、もう居ないと思うけど

2009-05-24 (日)
UI（インターフェース） | 広告

「バナー広告よりテキスト広告が良い」なんて話がインターネット初期に語られていました。バナーはユーザに見飛ばされる（いわゆる”バナーブラインド”）コンテンツに程よく溶け込むテキスト広...

リキッドデザインを検討するべきウェブサイト3つのパターン

2009-04-06 (月)
UI（インターフェース）

ブラウザの横幅に応じてコンテンツを閲覧できるリキッドデザインは、利用如何によってユーザ体験に大きく寄与することもあれば、単なる迷惑にもなります。今日は、リキッドデザインを検討したらよいウェブサイト...

サイトのタイポグラフィ（文字配置の美しさ）を上げるためのTipsいろいろ

2009-03-11 (水)
UI（インターフェース）

色やデザインに隠れがちですが、なんだかんだ言ってもウェブサイトの中心は文字情報。いくら配色がよくっても、肝心の本文が見づらくてはサイトの価値は台無しです。その文字情報をより綺麗に、見やすく...

その画像、必要ですか？～「連想的シンボル」「機能的シンボル」「コンテンツ」3つの価値

2009-03-05 (木)
UI（インターフェース）

ウェブサイトの画像はただの「イメージ」ではなく、明確な「役割」を持っているべきです。なんとなくデザインが見栄えいいからなんとなく他のサイトでも使ってるレイアウトだからなんて理由...

Moveble TypeをCMSとして使うためのポイント7か条

2009-02-28 (土)
UI（インターフェース） | インターネットあれこれ | テクノロジーが世界を変える！

備忘録というか個人的な情報整理をかねて。 WordpressがBlogなら、Movable TypeはCMS、そんな住み分けが最近自分の中でできつつあります。（と、いいつつこのブログは...

「思わせぶりな」ファーストビューの上手な使い方（応用）

2009-02-24 (火)
UI（インターフェース）

画面設計の肝になるファーストビューの使い方は、分かっているようで分かっていない人が多いような気がします。単に「大事な要素はファーストビューに」というのはまだまだ初心者その後、さらに画面を磨く...

とりあえずサイトから排除すべき4つのデザイン要素・エレメント

2009-02-12 (木)
UI（インターフェース）

ウェブサイトを見て回ると、「なんでこんなものを置いておくんだ？」というものがちらほら見つかります。何気なく置いている要素が成果を阻害しているのは本当にもったいない話。今日は、そんな「これは取...

規約や注釈など、「見せたくない要素」をうまく扱う画面設計 4つのポイント

2009-02-07 (土)
UI（インターフェース）

久しぶりにユーザビリティねたを続けて。企業のサイト特有の事情として、「ビジネス制約の関係から（載せたくもないものを）画面に載せないといけない」ことが多くあります。具体的には事情を知ら...

ユーザビリティの問題を手っ取り早く改善するためのコツ 5ヶ条

2009-02-02 (月)
UI（インターフェース）

サイトのユーザビリティがあがれば、成果に良い影響がでることは既に広く知られています。でも、意外と「効率よく」改善する方法ってあまり見たことがなかったのでエントリー。クリティカルな課題を手っ取り早く発見するためのポイントです。

世界を彩る黄金比いろいろ

2009-01-18 (日)
UI（インターフェース）

数学では、かのフィボナッチ数列にもあらわれる「黄金比」ダヴィンチからミロのヴィーナス、はては氷室京介まで・・・

Tetris Art - テトリスが彩る美しい路地

2009-01-18 (日)
UI（インターフェース）

なんというか、この発想がすでに格好いい！それにしても幾何学的な美に色まで魅力的だし、これはすばらしいですね。 http://www.flickr.com/photos/nowends/s...

ほっとするウェブデザイン「Parmy（パーミィ）」

2008-10-10 (金)
UI（インターフェース）

インターネット初期を思い出すプリミティブなデザインって、どうしてこんなに感性を刺激するのでしょうね？

こうすれば、おじさん向けのサイトも一瞬で若い女性向けに・・・サイトのターゲットに応じたウェブライティングのTips

2008-09-14 (日)
UI（インターフェース） | 広告

UI、というかウェブライティングのお話です。「おじさん向けのキャッチフレーズ」を若い女性層向けに変身させるコツとは・・・？

ファーストビューを意識した画面設計に役立つデスクトップ壁紙

2008-09-02 (火)
UI（インターフェース）

今回は、ビービット社員に愛用（？）されている、ちょっと便利な「画面設計をサポートする」デスクトップ壁紙を紹介します。

ユーザビリティの高いタブナビゲーションを作る4つのポイント

2008-08-28 (木)
UI（インターフェース）

ユーザにとって利便性の高いナビゲーションを作るための、「正しい」デザインのポイントを紹介します。

ユーザビリティを高めるためのシャドウ（影）活用

2008-08-25 (月)
UI（インターフェース）

久しぶりに純インターフェースのお話です。メニューやウィンドウなどを表示するときに、ちょっとした工夫でぐっと見易さがアップすることがあります。

「About Face 3 インタラクションデザインの極意」（アラン・クーパー）読了

2008-08-22 (金)
UI（インターフェース） | 良書濫読

アランクーパーが万を持して世に送り出したAbout Face 3 インタラクションデザインの極意を読み終えました。時間が掛かったのは、一個一個実際のソフトやケース事例に当てはめながら読み進めたため。

モリサワ meets 中村勇吾＝フォントパーク2.0

2008-08-08 (金)
UI（インターフェース） | テクノロジーが世界を変える！

中村勇吾氏の手がけたモリサワの企画？サイトであるFONTPARK 2.0 | MORISAWAの品質がどんてもなく素晴らしい！斬新さと新鮮さと快適さを同居させたハイレベルな画面で実現するそのセンスには心から拍手！です。

クライアントに対するデザイン説明～意思決定をスムーズに行うには？

2008-07-23 (水)
UI（インターフェース）

「綺麗だからといって良いデザインではない。」「明確なパスを定義」・・・デザインを含むリニューアルの説明責任を果たすには？

ユーザビリティ活用例？悪用例？～とても広告には見えないAdsenseのデザイン集

2008-07-22 (火)
UI（インターフェース） | 広告

「これがAdsense？」と思ってしまうほどウェブサイトに馴染んでしまっている広告ユニットを紹介します。単純に、背景に馴染ませるものから、見出しをつけたものまで色んなデザイン上の工夫が満載です。

中途半端なデザイナーよりも、パワーポイントで品質の高いデザインが作れたりしてしまう

2008-07-16 (水)
UI（インターフェース）

色々と反発を招きそうなタイトルですが、まずはブツをご覧ください。

英語サイトを設計する際に気をつけたい3つのTips～日本語サイトとの違い

2008-07-14 (月)
UI（インターフェース）

英語サイトを作る際にはやはりその言語に特有のクセというか違いを認識している必要があります。ちょっとしたTips集ですが、今後Englishサイトを作る際の参考になればと。

動的コンテンツのプロトタイピングテストを、PowerPointとiSpringで実施してみる

2008-07-08 (火)
UI（インターフェース） | インターネットあれこれ

Flashや動画など「動き」のあるコンテンツは、実装コストが静的なHTMLと比べて高く、プロトタイピングを作ってユーザや関係者からフィードバックをもらい、ブラシュアップするサイクルがまわしにくいのが難点です。そこで、パワーポイントアドオンソフトであるiSpringを使って簡易的なプロトタイプを実装する方法を紹介したいと思います。