http://www.designwalker.com/2009/08/user-interface.html
第32回 リダイレクトの正しい使い方とは
あるページ（URL）にアクセスすると，自動的にほかのページにジャンプするリダイレクトは，ウェブサイトを構築するうえで非常に重要な仕組みです。しかし，ユーザーの知らないうちにページの移動を行うため，ユーザーを戸惑わせることにもつながりかねません。ユーザーを惑わせないためにはどうしたらいいのか，どういうリダイレクトならユーザーの感覚に合致するのか，ということについて考えて行きましょう。 リダイレクトをして，ほかのページにユーザーを導くという手法は，様々な利用方法があります。例えば，ページのURLを移動したり，サイトごとどこかに移動したりした場合に，移動前のページにアクセスしてきたユーザーを新しいサイトに自動的に移動させたり，アクセス解析や広告のCTR計算のためにクリック数などを取得したりする目的で使われます。携帯からのPC向けのページにアクセスしてきたユーザーを，携帯向けのページに移動させる利
リンクは青字下線？ (ユーザビリティ実践メモ)
テキストリンクは青字下線で表すことが一般的ですが、最近では、デザイン性を重視して敢えて青字下線を使用しないサイトも増えてきています。 そこで今回は、リンクの見せ方について検討してみたいと思います。 具体的には、青色以外のリンク色を用いる場合は、 下線をつける サイトの背景色や他のテキストに埋没してしまう色にしない という配慮がなされていれば、ある程度自由な色であってもユーザビリティに影響はないということが観察されています。 下線を使わない場合は、リンク色は青色のままの方が望ましいようです。加えて、「オンマウスで下線表示、または色反転する」といった何らかのフィードバックを演出すると、リンクであることがより明確に伝わるようになります。 リンクの見せ方の注意点としては、他にも サイトの中で一貫性を持たせる(例：ページごとに下線があったりなかったりするのは原則NG) 一般的なルールから逸脱しない(
ウノウラボ Unoh Labs: Webデザインの「カン」を養うためにしたら面白いかもしれないこと
こんにちは。yamazakiです。今回はちょっと趣向を変えて、技術や手法ではなくて、デザイナとしての「カン」を養うために個人的にやっていること、やったらいいと思うことを簡単にまとめてみました。 左利きになったつもりで、左手をメインに使う生活をしてみる 例えば駅の改札口で、切符を入れるところはなぜあの位置にあるのか、自動販売機の硬貨投入口はなぜあの位置なのか。カメラのボタンの位置はなぜあの位置なのか。普段何気なく使っているものにもやはり「そうしたほうがよい理由」が潜んでいます。その「理由」を発見する上では、マイノリティの立場になってみると面白いです（海外に行くと逆に日本のことがよくわかる、というのと同じようなものかもしれません） というわけで、簡単なところで、左利きになったつもりになって行動をしてみると色々な発見、気づきがあります。 何かを買ったら取扱説明書を見ずにどこまで使いこなせるか試
Re:ユーザーの動き。
ちょっと前に書いた、ユーザーの動き。ですが、アレはただの自分専用メモだったので、自分だったらこーするかもって事と言葉足らずだった部分の補足エントリーです。 いわゆる、ユーザビリティテストっていうのに参加してきました。 目の前でターゲット層に比較的近いユーザがサイトを見ている様子を見るのは滅多にない経験だったので、非常に有用な一日でした。 年齢は、20代前後くらいで、普段から当たり前のようにネットやってる人は殆ど居なく、時々調べ事に使う程度くらいの方々が大半っていう状況での結果です。 だから、ターゲット層によっては、この結果はあんまり役に立たないかも知れないし、見事なまでに合致してる場合は、それなりに使える情報かもわかりませんね。 ロゴクリック＝トップページに戻るという認識は殆ど無い。 だから、リンクは張りませんって結論にはならないので、対策としてはやっぱりグローバルナビゲーションやロゴの近
ユーザのスキルは向上中、ただし小幅に留まる
自分がよく利用するサイトでは、ユーザは自信を持って基本的な操作を行い、器用に事を済ませるようになっている。しかし、初めて訪れたサイトでは、ユーザビリティにまつわるおなじみの問題のせいでいまだに失敗が生じてしまう。 User Skills Improving, But Only Slightly by Jakob Nielsen on February 4, 2008 ユーザビリティに異を唱える人々は、ユーザ調査に基づくデザインガイドラインに対して二通りの反論を持ち出す： 「君たちは頭の悪いユーザばかりテストしている —— 大抵のユーザはもっと利口で、多少使い勝手が悪くても気にしないものだ」 「君たちの言い分は、確かに昔は正しかった。しかし今のユーザは、もっと進歩したサイトの使い方を知っているのだから、もはやシンプルさはサイトの必須条件とは言えない」 私は、現在進行中の新たなユーザ調査で、こ
申し込みフォームを使いやすくして途中であきらめる人を減らす具体的な方法論【後編】 | カスタマーエクスペリエンスで道は開ける～フォレスター・リサーチのWebサイト方法論
[コラム]カスタマーエクスペリエンスで 道は開ける ～フォレスター・リサーチのWebサイト方法論 by ジョナサン・ブラウン フォレスター・リサーチのシニア・アナリストであるジョナサン・ブラウン氏によるウェブコラム。 主にカスタマーエクスペリエンスとマーケティングの側面から企業のビジネスをサポートしているジョナサン氏が、企業サイトにおけるユーザー志向の考え方や方法論をさまざまな切り口で解説します。 前回のコラムでは、サイトの目的にかかわらず必要になることが多い、企業サイトの申し込みフォームについて、フォレスターが調査した「なぜ途中で申し込みをあきらめてしまうのか」の概要と、申し込みフォームが使いづらい具体的な原因の1つ「フォームのラベルやボタンの位置やデザイン」とその解決方法を解説しました。 今回は、その続編として、申し込みフォームをより使いやすくするために注意するべき具体的なチェック点や
ウェブユーザビリティについて考え始めたい人にオススメの5冊 - Liner Note
ウェブユーザビリティについて考え始めたい人にオススメの5冊 書いた人： hash 投稿日： 2008年03月01日（最終更新：5年7ヶ月と15日前） 読者の皆さんの反応 2 被ブックマーク数： 12 要約：ユーザビリティについて興味はあるけど、学ぶためにはどんな本がいいんでしょという方向けに5冊の本をお薦めします ここ3ヶ月ほど就活がらみでウェブユーザビリティに関する本を読んだので、とりあえずその中でオススメできる5冊を挙げておきます。ユーザビリティやUIの話に関しては、海外の方が情報があるのだけど、まだ読めてないので和書だけで。 周りが落ち着いたら、この辺で書いてあることをまとめて書いておこうと思います1 。 ちなみに、私も内容を完璧に理解できているわけではありませんので誤解しているところがあるかもしれません。フィードバックは歓迎しますので、間違いがあればレスポンス頂けるとうれしいです。
企業とユーザー誰もがハッピーなサイトを構築／デジパ株式会社 | あなたのサイトを成功に導くウェブサイト制作会社
デジパ株式会社 自社サービスで培った技術と運営ノウハウ 企業とユーザー誰もがハッピーなサイトを構築 これほど情報発信能力に長けたウェブサイト制作会社は類を見ないのではないだろうか。事業化まで果たした自社サービス群に、充実した社員ブログをいくつも抱え、まさにマルチな活躍を見せるのがデジパである。そのナレッジは、手がける案件にフィードバックされ、理想的な好循環の螺旋を描いている。今回は、クリエイティブ事業部 マネージャーの加藤 善規氏にデジパのユニークなサービス展開の源泉となっている考え方について聞いた。 デジパの会社概要や制作実績は記事の末尾に記載。 取材・文：吉村正春（ドラゴンフィールド株式会社） デジパは代表取締役社長の桐谷氏が創業メンバーである、マーケティングおよび人材採用を行うワイキューブ社内の制作部門としてスタートしたのが始まりだ。もともと独立した会社としての事業を計画しており、2
アプリケーションデザインの間違い・トップ10
ユーザーがユーザインタフェース（UI）の操作方法を知ること、UIが操作の流れを的確に導くこと、共に実現されればアプリケーションのユーザビリティは上がる。しかし、ガイドラインを守らなければ、どちらも実現は難しい。 Top-10 Application-Design Mistakes by Jakob Nielsen on February 19, 2008 アプリケーションデザインの間違いをまとめるのは難しい。最悪の間違いは、業界固有の特殊ケースである場合が多いからだ。アプリケーションが失敗に終わる理由には、 (a) そもそもの問いを間違えている、(b) 問いを正しく捉えながらもそれを解くための機能を間違えて作っている、(c) 的確な機能を作りはしたものの、難しくし過ぎてユーザーに理解してもらえない、などが考えられる。 どれを間違えても、アプリケーションの失敗は決定的で、それを避ける方法をお
リンクのデザインに役立つ8＋アルファのTips | コリス
Design vs Art Blogのエントリー「8 Tips For Better Link Design」から、リンクのデザインに役立つ8つのTipsを紹介します。 8 Tips For Better Link Design リンクのテキストには、「ここをクリック」のようにあいまいな言葉ではなく、「サンフランシスコのホテルについての情報」などのように、クリック先が何か具体的に分かるような言葉を使用する。 リンクの前には、そのリンクの内容をユーザーが理解できるようなテキスト情報を与える。 リンクが画像の場合、その画像で伝えたい情報をテキストでも提供する。 altに記述するだけでなく、画像のそばにテキストで配置するともっと良い。 サイトの重要なリンク(ナビゲーションや機能など)には、accesskeyを設定してキーボードでの操作を有効にするとユーザーへの手助けになります。 Tabキーを押し
PV稼ぎ？ やたらとページをめくらせるうざいメディアサイトの狙いとは？ | Moz - SEOとインバウンドマーケティングの実践情報
この問題は、露出量で料金が決まるCPM契約のディスプレイ広告に売上を依存しているサイトの多くをひどく悩ませているので、今日はここでその問題を取り上げておこうと思う（シアトルには夜8時に着いて、タクシーで飛んで帰ってバネッサ・フォックス氏の火曜日の記事を読み、多少は睡眠時間をひねり出さなくちゃいけないんだけど、まあ、その話は置いといて）。 さて、ページ分割に関する基本的なジレンマを以下に挙げておいた。 CPM広告の売上はページビュー数に基づいている（ページビュー数が多ければ、それだけ広告の表示回数も多くなるため）。長いニュース記事（あるいは、同じような意味で長いコンテンツ）を分割して、より読みやすい長さの複数のページにすることは、（ユーザーの好みにもよるが）ユーザー体験の見地から見て良いばかりではなく、より多くのページビューが稼げ、結果として広告売上も増加する。SEOの観点から言うと、記事を
ユーザビリティ | 秋元@サイボウズラボ・プログラマー・ブログ
Eric Burkeさんのブログ Staff That Happens(閉鎖)より、単純さ(Simplicity)とは、 Apple や Google と、「あなたの会社の製品」では、カバーする内容が違っているというのもあるだろうけれど、ユーザーが選べる箇所を減らすためにはどうするか、という視点を持つことについて示唆に富む比較かもしれないと思った。 [更新 2015-09-11 リンク先閉鎖確認にあわせて修正] この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘いただければ幸いです。最新の状況を調べて新しい記事を書くかもしれません
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webアクセシビリティ53についての覚書 - ねんがんのWebユーザビリティテストに参加した
https://www.openvista.jp/archives/note/257/?257/
japan.internet.com Webビジネス - 売れないオンラインショップの条件
[CSS]使いやすいスタイリッシュなフォームを実装する17のチュートリアル | コリス