モーダルウィンドウを考える | Accessible & Usable
公開日 : 2015年7月6日 (2024年2月12日 更新) カテゴリー : アクセシビリティ ウェブサイトのユーザーインターフェース (UI) に、「モーダルウィンドウ」と呼ばれるものがあります。ページ遷移を伴わずに、ページ上にウィンドウをオーバーレイ表示させるもので、このウィンドウが前面で開いている間は背景側にある元ページが操作対象外になることから「モーダル」という名称が付いています。実装例としては、フォーム、アラート、画像の拡大表示 (いわゆる Lightbox 系と呼ばれるもの) などが挙げられます。 モーダルウィンドウは、あるページを開いているというコンテキストを維持しつつ付加的にコンテンツの提示ができる利点がある反面、基本的なユーザビリティやアクセシビリティが欠落しているケースが多く見受けられます。以下の観点を意識しながらデザインや実装をすることで、基本的なユーザビリティやア
Geekなぺーじ：選択肢を減らすことの重要性
Google TechTalksでBarry Schwartz博士による講演が公開されていました。 「The Paradox of Choice - Why More Is Less」というタイトルでした。 最初は、UNIXコマンドのmoreがlessよりも劣っている理由の事だと思って見始めましたが、そうではありませんでした。 何でも選べてベストじゃないと満足しないというのは、アメリカ人っぽい気もしましたが、かなり面白かったです。 ユーザビリティと機能の問題は良くある問題ですが、お店で展示されている商品の種類を減らした方が売り上げが上昇する話などが新鮮でした。 以下に要約してみました。 ここでは書いていない部分も多いので、詳細はビデオをご覧下さい。 字幕も入っていますし、ゆっくりと話してくれる人なので非常に見やすいと思います。 ただ、スライド(PPT?)が見られないので、何故観客が笑ってい
多くのユーザーは一度に1本しかジュースを買わない ― ＠IT
ユーザビリティのヒント（1） 多くのユーザーは 一度に1本しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。（編集部） 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基本となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ
OKボタンはキャンセルから大きく離して右下に - ただのにっき(2006-01-31)
■ OKボタンはキャンセルから大きく離して右下に 昨年末にやってみた、OKボタンの位置はどこが適切?だが、調査結果が出ていた。ツッコミでは「いつになったら終わるんだろう」と不安視されていたが、ちゃんと完了したようで、よかったよかった。 予想できた点として: 上下配置の場合は上をOKと感じることが多い Windowsユーザが多いため左右配置では左をOKと感じることが多い 予想外だった点として: 8割以上がOKと感じるような偏った配置がなかった 特に左右に関してはかなり拮抗していた 分析結果のOS別集計は面白いね。Windowsユーザがいい加減なのか、MacOSユーザがかたくななのかよくわかんないけど(笑)。 目を引くのは分析中にも述べられているように、左右に大きく離した配置である。これはたぶん、ウィザードのように右が「進む」、左が「戻る」に感じられるせいだろう。さすがにこれは、おれにも右がO
ブログ文字拡大ツールα版
『このブログサービス使っているんだけど、文字のサイズが小さすぎて見づらいのよね』 『文字のサイズが小さいから、目がチラチラするって言われたわ』 そんな経験をお持ちの方にお勧めなツールです。 このページの右上についている「文字拡大ツール」の機能があなたのブログでも利用可能になります！ さらに、 面倒な手続きは一切無し。 無料で使用可能。 です。 2006年3月16日：javascript版にて、Cookieを利用して、文字を拡大した設定が維持されるよう設定しました。 設置方法は、コチラをご覧下さい。 ブログに貼り付けるHTMLは以下のテキストボックスの中身です。 <div style="text-align:center; padding-bottom:4px; border:1px solid gray; margin:3px; background-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユーザビリティコラム：Jakob Nielsen博士のAlertbox
