Yahoo!ニュース高速化へのサイトデザイン側からのアプローチ
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、Yahoo!ニュースのデザイナーの黒田・由衛です。 Yahoo!ニュースが2009年4月27日にリニューアルしました。今回のリニューアルでは、お客様に快適にサイトを利用していただけるよう最速でページを表示させることに重点をおきました。 お客様がウェブを閲覧するのは1日の中のほんの限られた時間です。その貴重な時間を割いてYahoo!ニュースに来ていただくわけですから、1ページでも多くの記事を「読みやすく」「ストレスなく」見ていただけるようにするのが、Yahoo!ニュースがお客様にできる最高のおもてなしだと考えています。そこで、今回のリニューアルでは、サイトデザイン側からのアプローチとして以下の2点の施策を行いました。 １
ロゴにおけるユーザビリティ | ユージック
ロゴにおけるユーザビリティ 2008年7月26日 最近このようなロゴにマウスポインタを合わせると”トップに戻る”といったナビゲーションが表示されるサイトをたまにみかけます。当たり前のことだけも、ユーザーへの配慮が行き届いてて良いなと思いました。 WEB制作の仕事をしていると、ページ上部左上のロゴをクリックするとトップページに戻れるというのは、いわば”お決まりごと”ですが、インターネットに慣れていないライトユーザーの中には知らない人もきっと少数派ながらいるだろうと思います。 控えめに、少数派のライトユーザーのためのこうしたユーザビリティの配慮は気分をとても良くさせてくれます。 例えば、居酒屋かどこかで、店員にお手洗いの場所を聞く前に”お手洗いはこちらです”と誘導してくれるとうれしいような感覚でしょうか。やりすぎるとおせっかいになりますが、WEBサイトでもこういう気分を良くさせる心配りをもっと
やっぱり[OK]ボタンは右なんだよ - ぼくはまちちゃん！
こんな話題はいまさらかもしれない！ それはわかってます！ だけど書きたい！ なにって、[OK]ボタンの位置のことです！ これって右に置くのが自然だよ絶対！！ 理由は単純で、 [OK][キャンセル] は、画面によっては [保存] [取り消し] だとかに名前を変えるし、 さらに、入力が3ページあるようなウィザード形式の画面なんかだと、 [ここまでOKそして次の画面へ]、[間違ったかもしれないから前へ戻って修正] とかになっちゃう。 うん、このウィザード形式の時のことを考えるとわかりやすい！ ウェブは横書き！ 左から右に読む！ 左からやってきたんだから、[戻る] のは左！ 右に進んでいくんだから、[進む] のは右！ だから、[次へ] も [保存] も [OK] も右が自然！ ウィザードっぽい画面の時と他の画面の時とで 「OK的なもの」の位置がぶれていると、少し迷うよね。 だから[OK]は右に統一
![やっぱり[OK]ボタンは右なんだよ - ぼくはまちちゃん！](https://cdn-ak-scissors.b.st-hatena.com/image/square/281b1fd51f0e3fedc726435362724c3af4fce817/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729888519%2F26003855888873578%2F1550052661)
実践！Webユーザビリティ研究室： 実践編：その1「窓の杜」
Webサイトのユーザビリティを、実例を基にわかりやすく紹介する新連載「実践! Webユーザビリティ研究室」。第1回目の今回は、オンラインソフト紹介サイト「窓の杜」を取り上げます。 ● 「Webユーザビリティ」とは Webの世界において「ユーザビリティ」という言葉を、ここ数年でさかんに耳にするようになりました。ユーザビリティ（Usability）というのは、つまるところ「ユーザーが意図通りに使えること」を意味する言葉になります。 具体的な例を見てみましょう。例えばこのINTERNET Watchのサイトでは、ページ左上の「INTERNET Watch」ロゴをクリックすると、トップページに移動します。このように「ページ左上のロゴをクリックするとトップページに移動」というのは、多くのユーザーの経験則上「当然そうあるべき反応」として認識されています。下層ページで迷ったユーザーの多くは、ページ左上の
blog.bulkneets.net : えいごばんにあたって、草稿、その1
bulkneets運営者のメモとか色々 blogって単語は好きぢゃ無いけどスクラッチ代わりに使います。 最速のインターフェースというやつがある。俺がいつもいってるやつだ。最速ってのはこれ以上はやくできないってことだ。あるいは速くしても意味がないってことだ。俺がコードを書くときはいつもその状態を目指す。例えばフィードリーダーにとっての最速というならば、それは人間が文字を読むスピードのことだ。LDRはそれを目指す。だから、人によって評価が異なるのは当たり前のことだ。 その人の文字を読むスピードは人それぞれだからだ。以前にもかいたように、10や20や、100や200読んでるぐらいなら、何を使おうとたいした違いはない。そういった比較に意味はない。1000や2000読んでいるのであれば、確実に違いが分かるだろう。 それでは市場を狙えないよ、などと言う人がいるのはわかるし、それはもっともなことだ。10
「一般人は常にお気に入りを表示している」かどうかの調査です。…
「一般人は常にお気に入りを表示している」かどうかの調査です。 （参考：http://plaza.rakuten.co.jp/catfrog/diary/200701140026/） 貴方はブラウザの左サイドバーとしてお気に入り(もしくはFFなどではブックマーク)を常に表示していますか？
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
第26回 どこにメニューをおくべきか，どこが画面の一等地か：ITpro
Webサイトのデザインの中で，ここ2年で大きく変わりつつある「常識」があります。それは，「メニュー（索引）」の位置と「一等地」の場所です。ユーザーの閲覧環境が加速度的に変化しているという認識の下で，それでも最良のユーザビリティを提供しようとするなら，どのようなことを考えておく必要があるでしょうか。 左メニューと右メニュー（視線との交差）のどちらがベスト？ まだモニター画面の大きさが小さかった時代（1995年前後），情報へアクセスしやすくする「メニュー」の位置は，ほとんど誰が考えても左側にあり，議論もされなかったように記憶しています。確実に画面の中に入り，ユーザーも基本的に左端にさえ注意を向けていれば，大切な情報にたどり着けるという「暗黙の常識」が存在していたかのような時代でした。 しかしここ数年，メニューが左側にあると本当に操作性が良いのかという議論を聞くようになり，大手のWebサイトでも
ウノウラボ Unoh Labs: ビジターをユーザーに替える３ポイント
こんにちは、sashaです。 フォト蔵 のような、使ってもらって何ぼのWeb Applicationは、ビジターをいかにユーザに替えることが出来るか、というのが鍵になるかと思います。どうしたら、ビジターがユーザになってくれるだろう、ということを考えていたら、こんなことを思いつきました。題して、「ビジターをユーザーに替える３ポイント」です。 ビジョンを与えるのが鍵。 ユーザーとしてログインしていないときにビジターが見ることの出来るページは、未登録ビジターにとってサービスの疑似体験が出来るものでなくてはなりません。もちろん、サービスはユーザーのためにあるべきなので、登録ユーザには、未登録ビジターとは差別化された特権を与えなければならず、それが、写真アップロード権限であったり、ＳＮＳサービスであったりするわけです。ただ、そういったユーザのみのサービスは使えなくとも、少なくとも、このサービスを使っ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
