実際に適用している画面はこちらです。 あえてブラウザ用のルールを定義した部分 一方で、ブラウザという媒体の特性による最適化をした箇所もあります。 アプリはメインのナビゲーションやツールバーのボタンはブランドカラーの赤を使うことが多かったのですが、それをブラウザでそのまま適用するとエラーのように見えてしまいました。アプリの場合はその世界の中で完結するので、独自のデザインルールがあっても受け入れられやすいのですが、ブラウザの場合はページを行き来できるため、全く異なるデザインルールと共存していることになります。 そのため、リンクは青、エラーは赤など一般的に認知されているデザインルールと異なる使い方をする場合は、特に注意が必要になることがわかりました。 上記の点をふまえ、スマートフォン版Yahoo!メールではメインのボタンは黒としました。また、黒を使うときにはタップできることがわかるよう、ボタンの
Mediumでとある記事を高速にスクロールして読んでいたら、さりげなく画像を遅延読み込みしていることを知った。読み込み発火のタイミングがうまいのかあまり遅延読み込みの存在を感じさせないのもすごいと思ったが、プレースホルダー画像の実装方法が良さそうだった。単純に元の画像を幅30px程度まで小さくしてそれをブラウザーにリサイズさせることでぼやけた画像をプレースホルダーとして表示しているだけだが、十分に機能していそうで目から鱗だった。 画像の遅延読み込みはなかなか曲者で、読み込むタイミングやプレースホルダーとしている画像が悪いと大きくユーザーにストレスを与える。プレースホルダーでよく使われるローディング画像は読み込み中のインジケーターではあるが、同時に何か遅いことをやっていますというネガティブな印象も与えてしまう。ユーザーはローディング画像を見るとスクロールを止めなくてはならないのかと感じること
※本記事はアフィリエイトプログラムによる収益を得ています 最近のリモコンはやたらとボタンがたくさんあって戸惑ってしまうことがあります。この問題を解決するユニークな方法を思いついた人が現れました。 考案したのはMarcus_Junius_Brutusというハンドルネームのネットユーザー。おばあちゃんが新しいテレビとDVDプレーヤーのリモコンの使い方がよく分からなくて困っていたから、ちょっと手助けをしてあげたと、掲示板サイトRedditに写真を投稿しています。 Marcus_Junius_Brutusさんの投稿 写真に写っているのは2つのリモコン。どちらもテープでぐるぐる巻きにされていて、いくつかのボタンしか押せないようになっています。テレビのリモコンは電源、入力切り替え、チャンネル変更、音量調節のボタンだけ、DVDプレーヤーのリモコンは電源ボタンと再生・一時停止ボタンだけが使えます。確かにこ
As of 1 May 2019, Silverback is no longer available to download and purchase. We will continue providing support to Silverback customers for 6 months after that date, and release critical critical updates if necessary. When we created Silverback, we did so to scratch our own itch for simple and affordable usability testing software. We also hoped to promote usability testing as a vital part of the
インターネットは使っているが、ネットでお買い物をしたことがないというシニアを中心とした10名を対象に、ネットでお買いもの講座を実施しました。 当日の実況Tweetはこちら 受講動機は ・年を取ったから、買い物に出かけるのが面倒になる。その前に覚えておきたい ・旅行情報は調べるけど、買い物の仕方が分からない！ などがあがりました。最高年齢は80歳と、平均年齢も65歳程度。 そうですよね、ネットが使えればお買い物が楽になる！ 絶賛応援したいところです！ そこで、今回の講習で解った高齢者でも使えるECサイトのための「ダメ、絶対」と「あったらいいな」を書いていきます。 ECサイトの、ダメ、絶対、7か条・ファーストビューが変わらない、ダメ、絶対。 →ヘッダーが大きすぎて、別の商品をクリックしてもサイトが変わったように見えない場合、混乱を引き起こす ・プルダウンを多用、ダメ、絶対。 →高齢者は細かい操
7インチタブレットではモバイルのウェブサイトは非常によく機能する。しかし、フルサイト上のアイテムに正確にタッチしようとすると、ユーザーは非常に苦労していた。Kindle Fireの画面ではUI要素が小さくなりすぎるからである。 Kindle Fire Usability Findings by Jakob Nielsen on December 5, 2011 日本語版2011年12月16日公開 Amazon.comの新しいKindle Fireが提供するのはがっかりするほど貧弱なユーザーエクスペリエンスである。Silkブラウザでのインターネットはスムーズでなく、エラーが起こりやすいし、ダウンロードした雑誌を読むときも、たいして良いものではない。とはいえ、Fireによるユーザーテストは、新世代の7インチタブレットが得意なことを理解するのに実に役に立つ。つまり、彼らは（iPadのような）10
Chris Heilmanによる“Graceful degradation versus progressive enhancement”という記事について、前回は概要とその意義について紹介しました。今回は後半にあるの例をもとに、どのように実践していくのかを考えてみたいと思います。 「印刷する」というリンク オンラインショッピングの決済画面には、印刷して手元に保管したいというニーズがあるからか「印刷する」といったリンクやボタンが設けられています。クリックしたときに印刷用ページが現れるものもありますが、記事では印刷ダイアログが現れる簡単なものを取り上げています。 このようなリンクは、JavaScriptにより実現されています。 <p id="printthis"> <a href="javascript:windowprint()">Print this page</a> </p> しかしな
iPhoneを始めとするタッチパネル＆フルブラウザ搭載のスマートフォンの普及が進んでいる。iPhoneの出荷台数は世界で3000万台、日本国内に関して公式な発表はないが200万台を超えていると推測されている。今後はWindows Mobile端末の進化やAndroid携帯電話により、このスタイルの携帯端末の利用者がさらに拡大していくことが予想される。 今回は、こういったタッチパネル＆フルブラウザ搭載のスマートフォンからのウェブサイト／サービスのユーザビリティについて、主にiPhoneを題材に考えてみよう。 iPhone対応は形式にとらわれず「ユーザー中心」視点で iPhoneからのウェブ利用には、従来の携帯電話と同様の「携帯性の高さ」「位置情報との連動」などに加え、 従来の携帯電話と比べて画面サイズが広い 端末の処理能力が高く、アプリでのサービス提供の自由度が高い 独自の操作（画面をつまむ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
