バナー画像の3倍の効果をあげたテキストリンク（powered by beBit） | SIMPLE*SIMPLE
※ 今回の記事は「ウェブサービスインターフェース勉強会」でのbeBit社のプレゼンから。 今回ご紹介するのはレシピサイト、Cookpad.comの事例です。Cookpad.comでは有料会員（月額300円）があるのですが、その会員数が伸び悩んでいました。 そこでbeBit社に相談するのですが、それまではかわいいバナーをどーんとサイドバーに貼っていました。 ↑ なかなかかわいらしいバナーです。凝っていますよね。 しかしユーザビリティ調査をしてみると、そのバナー広告がほとんど見られていないことがわかりました。最近は「広告＝邪魔なもの」というイメージがありますよね。 そこでbeBit社ではこのバナーのかわりに次のテキストリンクを提案しました。 ↑ レシピの検索結果の途中にリンクを配置。 有料会員ではレシピを人気度順に並び替えられるのですが、それを訴求するために検索結果画面にこのようにテキストを配
stu nicholls | CSS PLaY | cross browser multi page photo gallery
CSS DEMOS › Cross Browser Multi-Page Photograph Gallery Date : Pre 2006 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Information Based on the look of Suckerfish HoverLightbox, this one uses my multi-page layout system but includes images instead of text. Unlike the Suckerfish HoverLightbox this version does not use javascript but is pure CSS
stu nicholls | CSS PLaY | experiments with cascading style sheets | home page
What it's all about... "Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents." The above quote, taken from the W3C website, is one of the reasons for this site. Whilst I agree that it is a mechanism for adding style to web documents, I do not agree that it is a SIMPLE mechanism. It can be very complicated, as I found out when I took my
有限会社ユニバーサルワークス
Access と Ability を足すと、Accessibility。つまり、「アクセスできること」。ウェブアクセシビリティ（Web accessibility）とは、ウェブコンテンツへのアクセスしやすさのことを言います。 障害の有無や年齢、経験、使用している機器を問わず、みんながアクセスできることがウェブサイトに求められる条件です。 例えば、画面読み上げソフト・音声ブラウザ ユニバーサルワークスには、全盲の視覚障害者が在籍しています。彼女は、音声ブラウザを用いてウェブサイトにアクセスしています。 もしも、画像に適切な代替テキスト（alt属性）がついていなかったら 情報が色に依存した表現でしかなかったら 途端にその内容を理解することができなくなります。 音声ブラウザ使用者の思いは、「新アクセシビリティコラム」を読むとよくわかります。 2023年11月1日 掲載 どこからアクセスするか、さ
Webdesign is 95% typography. Period.
95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography. Back in 1969, Emil Ruder, a famous Swiss typographer, wrote on behalf of his contemporary print materials what we could easily say about our contemporary websites: Today we are inundated with
携帯サイト作成の便利なタグ〜入力モード、アクセスキー、キャッシュ、ブックマーク [ドコモ(iモード),au(EZweb),ボーダフォン(Vodafone)]
入力フォームの入力モードの指定 携帯サイトの入力フォームで文字を入力するときの入力モード（英字、数字、漢字、カタカナなど）を指定できます。 数字を入力させたい場所で文字を入力するときに、最初に漢字モードが表示されると、わざわざ携帯のボタンで数字モードに直してから入力しますが、予めページ側で数字モードにしてあげると、入力する人の手を煩わせることがありません。 ドコモ istyle：「1」全角かな、「2」半角カナ、「3」英字、「4」数字。 例 <input type="text" name="test" istyle="3"> au format： 「A」英大文字のみ（句読点も可）、 「a」英小文字のみ（句読点も可）、 「N」数字のみ、 「X」大文字と数字記号（句読点・記号も可）、 「x」英小文字と数字記号 (句読点・記号も可）、 「M」全角漢字 (携帯のボタンですべての文字も可）、 「m」英
あなたのサイトはユーザを逃がしていないか？ ～“サイト内迷子”を解消する4つのポイント～（前編）
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込みです。
ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン::ホームページ制作::NPO法人しゃらく
ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。
ウェブサイトでやってしまいがちなユーザビリティのミス
ウェブサイトでやってしまいがちなユーザビリティの9つのミスをSmashing Magazineから紹介します。 9 Common Usability Mistakes In Web Design 下記は、その意訳です。 1. クリックできるエリアが小さい リンクのクリックできるエリアが小さいと、ユーザーはクリックするのが非常に困難です。 解決方法 リンク箇所にpaddingなどを設けて、クリックできるエリアを大きくします。 2. 間違った目的のためのページネーション ページネーションは、内容を複数のページに分ける時に使用します。 しかし、最近ページビューを増やす目的でページネーションを設置しているサイトがあります。これには問題点が2つあります。 一つ目は、1つのコンテンツを読むのにページをロードしなくてはならないこと。二つ目は、SEOと関係があります。ページのインデックス付けを行う際、ペー
Another HTML-lint gateway
HTML文書の文法をチェックし、採点します htmllint.cgi ver1.21 / htmllint.pm ver3.30 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ダイアルアップはつらいので、ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下のテキスト領域に直接記述して、[チェック] ボタ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アクセシビリティ対応について | 千寿製薬株式会社
http://japan.internet.com/wmnews/20070509/8.html