1.0ハイブリッドテクノロジーズhttps://hybrid-technologies.co.jp/blogHT Blog Adminhttps://hybrid-technologies.co.jp/blog/author/ht_admin_blog/rich600338<blockquote class="wp-embedded-content" data-secret="agEP6CCHEU"><a href="https://hybrid-technologies.co.jp/blog/uiux/20230106/">UXデザインとは？UIデザインとの違いや改善するためのポイントを徹底解説</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://hybrid-technologies.co.jp/blog/uiux/20230106/embed/#?secret=agEP6CCHEU" width="600" height="338" title="“UXデザインとは？UIデザインとの違いや改善するためのポイントを徹底解説” — ハイブリッドテクノロジーズ" data-secret="agEP6CCHEU" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript"> /* <![CDATA[ */ /*! 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://hybrid-technologies.co.jp/blog/wp-includes/js/wp-embed.min.js /* ]]> */ </script> https://hybrid-technologies.co.jp/blog/wp-content/uploads/2023/01/Dec_blog_6_1-1.jpg19201280UXデザインは、商品やサービスを提供する企業にとって今や欠かせない概念となっています。ここでは、UXデザインとは何なのか、UIデザインとの違いやUXデザインを改善し成功した企業の例などをまじえてご紹介します。 ハイブリッドテクノロジーズの開発サービスはこちら UXデザイン（ユーザーエクスペリエンス）とは？ UXは「ユーザーエクスペリエンス」、つまり「ユーザーが得られる体験」のことを指します。エスクペリエンスには、「体験」や「経験」という意味があります。 Webマーケティングを展開する業界では、非常に重要な概念でもあり、UXの良し悪しが業績や売上などにも関わる1つの要素として捉えられています。 UXデザインは、ユーザー体験をデザインすることを指しますが、ここでいうデザインは「設計する」という意味合いが強いです。 UIデザイン（ユーザーインターフェース）とは？ UXデザインと似た言葉として、「UIデザイン」もあります。UIとは「ユーザーインターフェース」、つまり「ユーザーとの接点」という意味を持ちます。 例えば、Webサイト等を通じて、ユーザーが画面上に表示されている情報がUIです。もっと具体的に言うと、Webサイトであれば、文字の大きさや色、申し込みボタンの場所、メニュー表示の場所など、ユーザーが受け取る視覚的な情報のことを指します。 UXとUIは密接な関係にあり、UXを向上させる1つの要因がUIです。UIデザインが良ければ、UX向上に役立ちますが、逆に分かりにくいなどの問題があればユーザーが離れてしまいます。 UXデザインとUIデザインの違いは？ UXデザインとUIデザインは、よく同じものとして勘違いされることもありますが、明確な違いがあります。 UXは、さまざまな製品やサービスを通してユーザーが感じる印象や感動などの体験すべてを指す言葉です。例えば、ユーザーがインターネットを使って商品を購入するとき、その商品の販売されているWebサイトを見た段階から、実際に手元に届いて使ってみた後までの行程すべてをUXとして捉えます。 一方、UIはユーザーとの接点であり、窓口のようなものです。UXの一部ではありますが、UIがUXを生み出す全てではありません。したがって、UXデザインを考える際は、UIとその他のツール等を上手に取り入れて構成していくこととなります。 関連リンク：UI/UXとは？その違いと改善するためのポイントまで解説 UXデザインを構築するプロセス ユーザーニーズを調査する ユーザーのニーズは、企業側の感覚だけでは掴みきれないことも多いです。ユーザーの心理や価値観などをできるだけ収集しておくことは、適切なUXデザインの構築に不可欠とも言えます。インタビューやアンケートなど、その方法はさまざまですが、ユーザーにとって難しくない方法が適しています。 ユーザーニーズを分析する 調査結果をもとに、分析を行っていきます。KJ法やカスタマージャーニーマップなどの方法 が一般的です。その他にも、KA法やブループリントなども良いでしょう。これらの手法を用いて、ユーザーのニーズを抽出し、解決すべき課題を見つけていきます。 プロトタイプを作成する ユーザーニーズの分析をもとに、ユーザーの行動を考慮しながらプロトタイプを作成していきます。ただし、抽出できたユーザーニーズとその価値に重きを置きすぎないように、できるだけ多様なパターンも想定しながら客観的な視点を持つことも大事になります。 ユーザー検証を実施する 作成したプロトタイプが、本来の目的に合ったものに出来上がっているのかをチェックします。これを、ユーザー検証と呼びます。ユーザーのニーズが満たせたものになっているか、企業側が狙う目的が果たせているのかという視点で評価をしていきます。 UXデザインの重要性 今の時代、ユーザーは「モノ」より「コト」に重きをおくようになったと言われています。つまり、商品を持つこと以上に、貴重な体験をすることが求められているということです。 こうしたユーザーニーズの変化に伴い、商品やサービスを提供する企業側が、ユーザーと触れる場面においてデザインなどにおいても貴重で新鮮味のある体験をもたらすことがより重要になったと考えられています。 特に現代は、インターネットを活用して簡単に商品やサービスとユーザーがつながる時代です。個性的なUXは、ユーザーにとっては貴重な体験や感動をもたらし、差別化や満足度の向上につながります。 悪いUXデザインとは？ それでは、UXデザインが悪いと、どのような問題が起こるのかも見ておきましょう。 ユーザーにとって、使い勝手や居心地の悪いUXデザインのことを、「ダークUX」と呼ぶことがあります。悪気がなくダークUXになっているケースもありますが、一般的には意図的に、あるいは問題を知りながらも放置しているUXデザインのことをダークUXと呼ぶようです。 ダークUXの場合、ユーザーのニーズを満たすことよりも、「売上重視」といった企業側の利益を優先するという特徴があります。悪質なダークUXに出会った場合、ユーザーの中には知らず知らずのうちに意図しているアクションにたどり着けなかったり、予定していなかったアクションをしてしまったりといった不便さを感じることとなります。 例えば、以下のような事例がダークUXに当てはまります。 ・満室のホテルが一番目立つように表示してある予約サイト 多くのホテル予約サイトは、「残り◯◯部屋」といった表示でユーザーの心を揺さぶる工夫をしています。それだけなら問題ありませんが、最も目立つ場所に既に満室で予約のとれないホテルを提示し、その人気ぶりをアピールしているサイトがあります。ユーザーにとっては、予約のとれないホテルが一覧にのっていることは、何らメリットはありません。しかし、予約サイト側がブランドの利益や人気ぶりをアピールするために、敢えてこうした方法をとるのは、ダークUXの典型です。 ・アカウント削除の方法が分かりにくいサイト ユーザーファーストのサイトであれば、アカウントの削除方法についても明確で簡単な場合が多いです。しかし、ダークUXの場合、アカウント削除がスムーズに行えないようにボタンを表示せずに面倒な手続きをしなければ削除できない仕組みになっていたり、削除までに時間がかかったりするケースが見られます。こうした事象は、ユーザーにとっては不便以外のなにものでもありません。そうした問題を知りつつも、そのまま不便なUXのままにしているのです。 効果を発揮しているUXデザインの事例 優れたUXデザインによって、企業側の本来の目的に合うような良い効果をもたらしている事例をご紹介します。 LINE SNSの代表的な存在とも言えるLINEは、老若男女だれでも使いやすいことから、国内で圧倒的なユーザー数を誇ります。サービスの開発や改善においては、UXデザインに非常に注力したことでも知られています。従来のWebサービスのほとんどが会員登録を要した中、LINEは会員登録やログイン手続きをしなくても簡単に始められることで爆発的にユーザー数をのばしたと言われています。 クックパッド レシピが簡単に投稿・閲覧できるクックパッド。献立を調べたいユーザーと、投稿したいユーザーの両方のニーズを満たすようなUXデザインになっています。閲覧者は、簡単に自分のレベルに合ったレシピが検索できることで、家族や自分のお腹を満たし満足感を得ることができます。作った料理の次は、少し難易度の上がったレシピが紹介されるなどの機能があり、達成感も得やすくなっている仕組みです。一方、投稿者は、閲覧ユーザーが実際に作った様子や感想を投稿してもらうことで、満足感が得られます。 SmartNews スマホで気軽にニュースが読めるSmartNews。アプリをダウンロードした後に表示されるUXデザインの改善によって、ユーザーの好みと使いやすさが向上しています。例えば、操作ミスによりチャンネルのお気に入り登録を解除してしまわないような工夫や、初期操作の負担が少なくできる工夫、プッシュ通知許可までのフロー設計などを実装しています。 UXデザインを改善するポイント UXデザインを改善したい場合、以下のようなポイントを意識することが成功の鍵を握ります。 ①目標（ゴール）を明確にする 何のためにUXデザインを改善するのか、その目標を明確にすることで、より解決したい問題に合った改善ができます。目標設定は、具体的であるほどその課題が見えやすくなります。 […]