1.0UX TIMEShttps://uxdaystokyo.com/articlesUX TIMEShttps://uxdaystokyo.com/articlesrich600338<blockquote class="wp-embedded-content" data-secret="eVlgWrvcuO"><a href="https://uxdaystokyo.com/articles/glossary/signal-to-noise-ratio/">SN比</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://uxdaystokyo.com/articles/glossary/signal-to-noise-ratio/embed/#?secret=eVlgWrvcuO" width="600" height="338" title="“SN比” — UX TIMES" data-secret="eVlgWrvcuO" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script> /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); //# sourceURL=https://uxdaystokyo.com/articles/wp-includes/js/wp-embed.min.js </script> https://uxdaystokyo.com/articles/wp-content/uploads/2021/04/sn1.gif600375情報デザインでは「意味のある情報」をＳ（シグナル）、「意味のない情報」や「無駄な装飾」をＮ（ノイズ）と呼び、その比率のことをSN比(S/N比)という。 SN比が大きいほど、雑音が少なく情報伝達が良く、小さいほど情報伝達が悪い。 過度な装飾により情報の本質が見づらくなるとSN比は低くなり、逆に情報の本質が分かりやすく、情報が伝わりやすいとSN比は高くなる。 良いデザインとは「意味のある情報」（シグナル）を最大化し、「意味のない情報」や「無駄な装飾」（ノイズ）を最小化したもので、デザインを設計する際は、ノイズを極力削除し、ユーザーに負荷を与えないデザインを設計することが大切である。 SN比は元々情報工学の世界で、信号(Signal)と雑音(Noise)の比率を表していた。 SN比を下げてしまう5つの要因 情報デザインにおけるノイズの原因として考えられるのは以下の５つである。 ①過度な装飾 ボタンに意味のない装飾やシャドウ、光沢をいれてしまうとユーザーに意図が伝わりにくくなってしまう。 ②わかりにくいアイコン ユーザーが見慣れていないアイコンを使用してしまうと直感的で早い思考モードである「システム1」で判断することができず、クリックされない恐れがある。 ③不適切なグラフ グラフには様々な種類があり、データによって適しているグラフが異なる。 利用シーンに合わせた選択を行うことが大切である。 ④曖昧な文章 曖昧で意味がはっきりしていない文章はユーザーが理解することができず、ストレスが溜まってしまうため、避けるようにする。 ⑤余白のない構成 余白がないとどこまでを同じグループか認識することができず、理解しにくくなってしまう。 同じグループのものは、デザインの4原則の「近接」を使って余白を開けることで可読性が上がる。 SN比を高める6つの方法 SN比を高めるには以下の対応を行うと効果的である。 ①色やコントラストで強調する 有意な情報はそうではない情報よりも強調して目立たせる。 ②過度な装飾を省く 色や強調の使い過ぎを見直し、最低限の装飾を施す。 ③簡潔な文章にする 文章は構成を吟味し、無駄な部分は削除する。 ④表現の慣例や基準に従う その情報を表現するのに一般的な慣例や基準があればそれに従う。 ⑤適切なアイコンを使用する アイコンは分かりやすく、適切なものを使用する。 ⑥不要な要素を排除する 削除しても問題ない要素は積極的に削除する。 シグナルとノイズのバランスが大事 情報の伝わりやすさだけを考えると、ノイズが全く存在しないことが理想的である。しかし、ノイズがない単純なデザインは、拡張性や機能性に乏しく、アイデンティティが薄いため、記憶に残らなくなる恐れがある。 情報設計・デザインにおいて、魅力的であるかどうか、記憶に残るかどうかという要素も重要であるため、設計する際はどのぐらいのSN比が理想的であるか考慮する必要がある。ノイズはバランスを形成するファクターという側面を持っていることも意識するべきである。 関連用語 意外とできていない！？成果を出すUIデザイン9つのメソッド 2つの思考モード（システム1・システム2） 参考サイト 情報のSN比 情報にはシグナルとノイズがある ネコの手も借りたい情報設計