タグ Website Usability Info
人気順 5 users 50 users 100 users 500 users 1000 usersデートピッカー — Website Usability Info
Talking about web usability, accessibility, IA, UCD, UX,... 公開日 : 2018年2月20日 カテゴリー : ウェブアクセシビリティ , ユーザーインターフェース (UI) ウェブページのフォームで日付を入力する際の UI コンポーネントとして、「デートピッカー (date picker)」があります。カレンダーがポップアップで開き、その... 続きを読む
タブ型 UI について考える ¦¦ Website Usability Info
Talking about web usability, accessibility, IA, UCD, UX,... 公開日 : 2016年1月18日 カテゴリー : アクセシビリティ , インタラクションデザイン (IxD) , ユーザビリティ , ユーザーインターフェース (UI) タブをクリック/タップすると、JavaScript によって、そのタブに紐づいた情報 (タブパネル) が切り替... 続きを読む
アイコンフォントか? SVG アイコンか? ¦¦ Website Usability Info
Talking about web usability, accessibility, IA, UCD, UX,... 公開日 : 2015年12月17日 カテゴリー : アクセシビリティ , ユーザーインターフェース (UI) この記事は、「 Web Accessibility Advent Calendar 2015 」の17日目のエントリーです。 ウェブデザインにおいて、アイコンを配置するこ... 続きを読む
エラー (ユーザーのつまずき) をデザインで解決する — Website Usability Info
Talking about web usability, accessibility, IA, UCD, UX,... エラー (ユーザーのつまずき) をデザインで解決する 2015年6月18日 ユーザビリティ , ユーザーインターフェース (UI) , ユーザーエクスペリエンス (UX) ウェブサイトの利用シーンでは、様々な局面でエラー (ユーザーのつまずき) が生じています。ユーザビリティテス... 続きを読む
フォーム入力不備の情報提示 (スクリーンリーダーのユーザーにも伝わるように) — Website Usability Info
Talking about web usability, accessibility, IA, UCD, UX,... フォーム入力不備の情報提示 (スクリーンリーダーのユーザーにも伝わるように) 2015年4月7日 アクセシビリティ , インタラクションデザイン (IxD) , ユーザビリティ , ユーザーインターフェース (UI) ウェブサイトのフォームで、入力に不備がある場合、問題となってい... 続きを読む
フラットデザインとユーザビリティ — Website Usability Info
Talking about web usability, accessibility, IA, UCD, UX,... フラットデザインとユーザビリティ 公開日 : 2014年9月22日 カテゴリー : アクセシビリティ , ユーザビリティ , ユーザーインターフェース (UI) ここ数年、多くのウェブサイトで「フラットデザイン (flat design)」が採用されるようになりました。立体的な/... 続きを読む
JavaScript が無効なユーザーはほとんどいない。だから… — Website Usability Info
Talking about web usability, accessibility, IA, UCD, UX,... 公開日 : 2013年12月27日 カテゴリー : アクセシビリティ , インタラクションデザイン (IxD) , ユーザビリティ , ユーザーインターフェース (UI) , ユーザーエクスペリエンス (UX) 「Web ユーザーのうち、JavaScript を無効にしている人は... 続きを読む
フォーム入力要素の注釈のマークアップ — Website Usability Info
Talking about web usability, accessibility, IA, UCD, UX,... 公開日 : 2013年4月16日 カテゴリー : アクセシビリティ Web サイトのフォームの中には、入力要素 (<input> 要素、<textarea> 要素、<select> 要素) のすぐ上か下に、注釈を付け加える場合があります (たとえば、入力フォーマットを指定したい場... 続きを読む
フォームの入力必須項目のマークアップ — Website Usability Info
公開日 : 2013年4月12日 カテゴリー : アクセシビリティ , ユーザビリティ Web サイトのフォームの中には、入力必須の項目があります。大抵の場合、その項目が必須である旨を、ラベル (<label> 要素の中) に盛り込むことが多いでしょう。 上記のように、<label> 要素の中に「必須」と書かれていれば、たとえばスクリーンリーダーを使いながら [Tab] キ―でフォーカス位置を移動... 続きを読む
別ウィンドウを開くことの是非|ウェブユーザビリティ向上を支援するWebsite Usability Info
Webサイトを制作していると、<a href="xxx" target="_blank">などとマークアップして、リンク先ページを別ウィンドウを開くようにしたいと思うことがあるでしょう。たとえば、以下のようなケースです。 別サイトにリンクする場合(できれば 別サイトを回遊した後、自サイトに戻ってきてもらいたい) 開いたページであれこれ操作が予想され、その間、元ページは残しておきたい場合(ブラウザの... 続きを読む