視認性

センターステージ効果とは、複数の選択肢が並べられたとき、人が中央にあるものを選択する傾向があるという現象です。 この効果は、中央にあるものほど視認性が高く、注目を集めやすいためと考えられています。また、中央にあるものほど人気があり、良いものであるという印象を持たれやすいことも、この効果の要因と考えられています。 センターステージ効果は、商品のディスプレイや、サービスプランの見せ方など、さまざまな場面で応用されています。例えば、スーパーマーケットの陳列棚では、中央に人気商品を置くことで、売り上げを伸ばすことができます。また、保険会社や携帯電話会社などのサービスプランを比較する際には、中央に最も人…

参考書、検定のテキストなどで、赤字が入りますよね。 あれって、読みにくいと感じませんか。 理由は、視認性が低いからです。 視認性だけを考えれば、太字で強調すべきです。 色をモノクロコピーしたときの明るさが、視認性の鍵を握ります。 赤は明度4.5です。 黒は1.5か2くらいでしょう。 白は9.5なので、差が大きい黒の方が遥かに目立ちます。 それに対して、誘目性という言葉があります。 一般的に赤は高いです。 目を惹く度合いが誘目性です。 ただし、個人的な興味に左右されやすいので、注意が必要です。 好きな色に目を向けるからです。 赤を毛嫌いする人にとっては、低い可能性があります。

折り畳み傘を買おうと、とある店舗の折り畳み傘売り場へ。 いや、カラーバリエーションが…暗すぎる！ 雨の日はただでさえ視界が悪いのだから、少しでも視認性の良い色がスタンダードになったらいいと思うんですが…(´･_･`) 一部鮮やかなのもあるけど、それではオッサンには厳しいものがある…！ 白とかライトグレー、明るいベージュとか無難なヤツお願いしますよ〜！ [ムーンバット] estaa(エスタ) 透明ビニール折りたたみ傘 無地 ホワイト 50㎝【透明・軽量】 MOONBAT(ムーンバット) Amazon Nifty Colors(ニフティカラーズ) 折りたたみ傘 フリルミニ オフホワイト 50cm …

資料作成に必要なこと 資料というものは、わたしたちが他者になにごとかを伝えるために説明をするわけだが、その説明を口頭のみでするよりも、より説明内容の理解を促進するために存在する。 最近のビジネスシーンでは、Web会議システムとの相性もいいことから、PPTがほぼデファクトスタンダードになりつつある。（PPTを社内会議の資料として使用する功罪は別だと考えるが） PPTの資料というのは、スライドに図形や文字などを使って視覚的に説明内容を補足するため、箇条書きの短い文章が主流となる。一方で論文など長文の読ませる文章の場合、Wordを使うことが多い。 読みやすさが重要 資料は説明を補足するとはいえ、スラ…

ゼロなの？オーなの？ 数字とアルファベットが混ざるような文字の羅列では、形が似ており、見間違えてしまうような文字がありますよね。 例えば以下のようなもの。 0 （数字のゼロ） O （アルファベットのオー） 8 （数字のハチ） B （アルファベットのビー） 1（数字のイチ） I （アルファベットのアイ） l （アルファベット小文字のエル） この見間違えで、困ってしまうことがありました。 実体験を交えて紹介します。 スポンサーリンク // 数字とアルファベットが混在するケース ID/パスワード 商品名 商品の品番や型番 仕事での実体験 実体験のトラブル原因 紙をスキャンして保管している システム側…

CSSの「コメントの役割」と「コードの視認性」について書きます。まず、コメントの役割を再確認します。その上で、コメントをデザイン化してコードを読みやすくしていくことを考えます。 コメントの役割 CSSコードの視認性 コメントのデザイン化 CSSが煩雑になってきたら考えること まとめ コメントの役割 スタイルを無効にする ファイル内にメモを残す コメントは、一時的にスタイルを無効にして、デザインを見比べるときに用います。また、メモをコメントとして残すときに使います。 CSSコードの視認性 CSSの記述量が多くなると、どこに何を書いているのか分かりにくくなります。そこで、メモをコメントとして残して…

Mintty の視認性、見やすさを向上する設定 【前回の記事】では、Windows のタスクバーに Mintty のアイコンをピン留めし、MinGW/MSYS 用の端末エミュレーターが瞬時に起動出来る様にしました。 今回の記事では、Mintty 端末エミュレータ―の視認性、見やすさの向上について記載します。尚、記事中の画像は、クリックすると拡大します。 設定ウィンドゥの開き方 まず最初に戸惑うのが、設定ウィンドゥの開き方が分からないという事でしょう。 Mintty では、設定はターミナル・ウィンドゥの上部バーを右クリックした後、「Options...」を選択して開きます。 フォントの変更 ソフ…