すべてのカテゴリ

時代に沿って変化を感じていませんかYahoo、Microsoft、Google、Apple、Facebook（2023年現在Meta社だよね）など大手がこれまで何年間にわたって製品群のUXを変えたりしたことはご存知でしょうか。 （下記はだいたいの目安） ※2000年前はインターネット自体の普及期なのでスキップ2000年～、インターネットビジネスの初期見た目が適宜で、機能性に重視しつつ人間に身近さを感じさせます。一方、デスクトップでのソフトウェアが主宰、Webサイトは当時Microsoft社のIEブラウザが主流なので、Googleがまだまだ単純な検索エンジンとして、行動範囲はIE内だけで、何となく生き残っていました（が、Chrome登場）。 ※Appleはジョブスさんに頑張ってもらっていたところ、Facebookはまだ産まれていない2010年～、見栄えの戦争：UIChromeが普及しつつ、IEがWindows７の時代に伴って最高期が去って、Googleさんがインターネットをリードし始まりました。まもなく、マテリアルデザインが2014年にGoogle社より開発して、カラーコントラスト（初期は白黒）が主流になったでしょう（2023年現在さらにv3までに進化）。 ※Chromeのおかげで（？）Facebookもほぼ同時期流行ってきました（が、当時欧米中心）。一方、インターネット回線が早くなってきて、個人向けのYouTubeはもちろん、Googleドライブ（特にスプレッドシート）などがビジネスに不可欠なオンラインツールになって、ユーザー体験（UX）にこれまでのない需要が一層高めてきました

第1回目は、ビジネスにおいて「なぜデザイン思考が必要なのか？」、そして「デザイン思考とは何なのか？」について説明します。 １．デザイン思考はなぜ必要なのか？ 価値観の二極化が進む日本 コロナ禍を背景に、日本でも価値観の二極化が加速している。節約するモノとお金をかけるモノとをはっきりと使い分ける価値観の二極化である（日本経済新聞　2021年）。コロナによる経済危機は長期間に及び家計の支出に影響を与えている。顧客は節約の意識が高まっており、基本的には低価格製品を試し、その品質に満足できることを発見して、低価格品を継続的に利用する。一方、こだわりがある場合など一部の消費については高価格を支払う。「顧客体験価値」の創出が競争優位を築く このトレンドに適応するために、企業はコストリーダーシップ戦略か顧客体験戦略のどちらかを追求する必要がある。低コストの供給者は商品（製品・サービス）の本来価値（＝機能的価値）を重視する。すなわち余計なものを取り除き、品質面では全く妥協していないと人々に確信させながら、中核的便益を強化する。一方、プレミアム価格ブランドはオファリングの付帯価値を強化することに力を入れる。ここでは顧客体験のイノベーションが肝心である（コトラーのマーケティング5.0）。 しかしながら、コストリーダーシップ戦略の場合、新たな商品（製品・サービス）を提供しても、競合の追随を受けすぐに商品がコモディティ化してしまう。もはや商品の機能的価値の訴求のみでは、消費者に選んでもらえなくなってきている。そこで、企業は差別化を図るため「機能的価値」に加え「感情的価値・自己表現価値・社会的価値」を含

今回は訪問者を引きつけるための基本的な対策について紹介したいと思います。Webサイトの成功は、その使いやすさと訪問者がどれだけ心地よく情報を得られるかに大きく依存します。ユーザーエクスペリエンス（UX）を向上させることで、訪問者はサイト内でより長く滞在し、最終的にはコンバージョン率も高まります。ここでは、誰でも取り組めるUX向上の基本的な施策について解説します。1. シンプルで直感的なナビゲーション訪問者が必要な情報にスムーズにたどり着けるように、サイトのナビゲーションはシンプルでわかりやすく設計する必要があります。メニューは階層を深くしすぎず、ユーザーが迷わないように整理しましょう。特に、主要なページへのリンクは常に見える場所に配置することが望ましいです。2. レスポンシブデザインの採用スマートフォンやタブレットの普及に伴い、モバイル対応は欠かせません。サイトがあらゆるデバイスで適切に表示されるよう、レスポンシブデザインを採用しましょう。これにより、画面サイズに関係なく、ユーザーは快適な閲覧体験を得られます。最近のテーマやWebビルダーは多くの場合、レスポンシブ対応の機能を備えているので、積極的に活用してください。3. 読みやすいフォントと適切なコントラスト視認性の高いフォントを選び、十分な文字サイズを確保することで、ユーザーがコンテンツを読みやすくなります。また、背景色とテキストのコントラストも重要です。視覚的な負担を軽減するために、特に明るい背景に対しては濃い色のフォントを使用すると良いでしょう。4. ページ読み込み速度の最適化ユーザーは遅いサイトを嫌います。ページの読み

デザイン思考は①共感、②問題定義、③アイデア創造、④試作、⑤実証のプロセスで進められる。共感プロセスで顧客を知り、共感し、様々な情報を獲得した後はその情報から問題を発見し定義する。第3回目は「問題定義」プロセスを説明する。1. 問題定義とは解決するべき問題を定義すること問題定義とは共感プロセスで収集した情報をもとに人間視点で解決するべき問題を発見し、定義することである。2. 問題定義の実践ここでは共感マップや感情曲線など顧客一人一人を観察し獲得した情報が手元にあることを前提に進める。2-1. 顧客のジョブを特定する顧客が抱えるジョブを特定する。ジョブとは「特定の状況で顧客が成し遂げたい進歩」であり、また「ジョブには3種類ある」とクリステンセン説明しています。①機能的ジョブ商品の「機能」を利用することで、満たされるジョブ例）目を覚ましたいためコーヒーを飲む②感情的ジョブ商品を利用することで「自分が◯◯と感じたい」という願望が満たされるジョブ例）自分が大切な存在だと感じたいためスターバックスに行く③社会的ジョブ商品を利用することで「周りから◯◯と見られたい」という願望が満たされるジョブ例）環境に配慮した消費行動をとっていると思われたいためスターバックスに行く2-2. ペルソナを作成する特定したジョブごとに具体的なペルソナを設定する。ペルソナを設定する理由としては、チームで顧客体験を設計する場合、具体的に代表的なユーザーの人物像を担当者間で共有すること。2-3. POVで問題を整理するペルソナごとにPOV（Point of View）を整理する。POVとは①ユーザが置かれた状況、②ユ

「はじめに」ウェブサイトを訪れたユーザーが快適に情報を得たり、操作を行ったりできることはとても重要です。これを実現するために必要なのが、優れた「ユーザー体験（UX）」を提供するサイト設計です。この記事では、初心者の方でも実践しやすいUX向上のためのポイントと、その重要性について解説します。「ユーザー体験（UX）とは？」UXの基本ユーザー体験（UX）とは、ユーザーがサイトを利用する際に感じる体験の全てを指します。良いUXとは、ユーザーがストレスなく、直感的に操作でき、目指す情報やサービスにスムーズにたどり着けることです。UXが重要な理由・満足度の向上: 良いUXはユーザーの満足度を高め、リピート率を向上させます。・SEO効果: 満足度の高いサイトは検索エンジンからも高評価を受けやすくなります。・ブランドイメージ: 良いUXはブランドの信頼性を高め、ポジティブなイメージを築きます。「明確でシンプルなナビゲーション」なぜ重要か？ナビゲーションが複雑だと、ユーザーが目的の情報にたどり着くまでに時間がかかり、サイトから離れてしまう可能性があります。具体的な対策・メニューは分かりやすく: トップメニューに表示するカテゴリはできるだけシンプルで明確に。・パンくずリストの利用: 現在どこにいるのかをユーザーに示すためにパンくずリストを活用する。・検索機能の設置: サイト内検索を目立つ場所に設置し、ユーザーがすぐに欲しい情報を見つけられるようにする。「レスポンシブデザインの採用」なぜ重要か？現在、多くのユーザーがスマートフォンやタブレットからサイトを訪問します。レスポンシブデザインを採用すること

★写真は前期と後期どちらもありますトヨタC-HRのレクサスバージョンがこのレクサスUX。顔は鋭い顔つきのレクサス顔から、優しくやんわりした顔つきに。女性らしさも漂う感じで、UXに乗ってる女性もオシャレでカッコいいですよね。後ろのデザインはシンプルなのにカッコ良さもあるまとまったデザインに見えた。後ライトの先端がウィングのようになっているのはデザインだけでなく空力も考慮され機能性もあるデザイン。このデザイン力に拍手です。室内はESやUXから新世代デザインになり、見映えも良くまとまったデザインに(Fスポーツだとさらに豪華な見た目に)後期からはナビ画面がタッチ操作可能となり手前に設置。その分、センターコンソールにあった操作パネルが廃止(そのため傷が目立つ面積は増えた印象)(その操作パネルは使い勝手が良いとは言えなかった)また、ナビが大きくなったためかオシャレだったレクサス時計まで廃止になりそこは寂しい所。また後期ではCDも廃止に。後期ではナビがタッチ操作可能となった代わりに廃止となった物が多く、前期の方が良しと思う方もいるかもですね。ボタンはピアノのように押しやすく、シフトノブの奥にはドリンクホルダーがあるので(コンパクトな車で横並びは良)、シフト操作の妨げとならないのも良。また、シフトノブの持つ所が棒タイプではなく、横型で手が置きやすいのも好印象でした。肘置きからそのままシフトノブに手が添えられ、手も乗せやすい形状なので操作性が凄く良かった。後席は決して広くはなく、大柄な男性だと前シートに足が付いてしまいそうですね。UXにはアームレストがあり、ここはCーHRとの大きな違いですね。後

もしあなたが、せっかく作ったウェブサイトからの問い合わせや購入が伸び悩んでいる、アクセスはあるのになぜか成果に繋がらない、と頭を抱えているのであれば、それはもしかしたら「UIUXデザイン」に改善の余地があるのかもしれません。見た目の美しさだけを追求したデザインでは、残念ながらビジネスの成果には直結しません。ユーザーが「使いにくい」と感じたり、「どこを見れば良いか分からない」と迷ってしまったりするサイトは、せっかくの訪問者をみすみす逃してしまっている可能性が高いのです。 私はこれまで数多くのウェブサイトの設計に携わってきましたが、多くの企業や事業主の方が「デザイン＝見た目」と考えてしまいがちです。しかし、本当に成果を出すサイトに必要なのは、見た目の印象だけでなく、訪問者がスムーズに目的を達成できる「使いやすさ」と「体験」にあります。この視点こそが、あなたのウェブサイトを単なる情報掲示板から、強力な集客・販売ツールへと変貌させる鍵となります。 UIUXという言葉は耳にするけれど、具体的に何をどうすれば良いのか分からない、と感じている方もいらっしゃるかもしれませんね。この記事では、私が専門家として培ってきた知見をもとに、ウェブサイトの成果を最大化するためのUIUXデザインの真髄を、分かりやすく、そして具体的なステップと共にお伝えします。 ■ サイトの成果を左右する「UI」と「UX」の明確な違い まず、UI（User Interface）とUX（User Experience）という言葉について、それぞれの意味を正確に理解することから始めましょう。これらはよくセットで語られますが、実は

映画制作において、色彩は単なる装飾以上の役割を果たします。色は観客の感情を揺さぶり、物語のトーンやムードを巧みに操る重要な要素です。この記事では、Breadfruit Studiosが提唱する「60-30-10カラー・ルール」を軸に、映画の色彩設計がどのように行われるかを深掘りしていきます。このシンプルながらも効果的なルールを理解し、実践することで、映画や映像作品のビジュアル表現を格段にレベルアップさせましょう。60-30-10カラー・ルールとは？60-30-10ルールは、映画のフレーム内の色彩配分を簡潔に示す古典的なガイドラインです。このルールは芸術全般、特にインテリアデザインや絵画で長く使われてきましたが、映画制作においてもその有効性は高いです。ルールの内容はこうです：1. 60%：支配的な色（ドミナントカラー）2. 30%：補完的な色（セカンダリーカラー）3. 10%：アクセントカラー（ハイライトカラー）支配的な色がシーンのトーンやムードを決定し、補完色がその色を引き立てて深みを与えます。そしてアクセントカラーが視覚的な「ポップ」を加え、重要な要素に観客の目を誘導します。60%の支配的な色が作るムード映画の一場面の約60%を占める支配的な色は、シーンの感情的な土台を築きます。この色がシーン全体の雰囲気を決め、観客の感情に直接働きかけます。例えば、『ラ・ラ・ランド』では黄色が支配的な色として使われ、温かみとノスタルジックな雰囲気を映画全体に漂わせています。黄色は幸福感や希望を象徴し、作品の明るいトーンを強調しています。支配的な色をただ単色にするのではなく、色のバリエーション

ホームページを作るとき、ユーザーが使いやすいと感じることがとても大切です。この使いやすさを「ユーザーエクスペリエンス（UX）」と言います。今回は、ホームページのUXを向上させる方法を紹介します。ナビゲーションを簡単にするナビゲーションとは、ホームページの中でページを移動する方法のことです。これがわかりにくいと、ユーザーは迷ってしまいます。例えば、リンクの文字が小さすぎたり、メニューが多すぎたりするのは良くありません。シンプルでわかりやすいメニューを作ることが大切です。目立つ場所にメインメニューを配置し、ページ内の移動がスムーズに行えるようにしましょう。また、ユーザーがどこにいるかを示す「パンくずリスト」を設置するのも効果的です。読みやすいデザインを採用するデザインが見やすいと、ユーザーはストレスなくホームページを利用できます。まず、文字の大きさや色に気を付けましょう。小さすぎる文字や、背景と同じような色の文字は避けるべきです。また、段落や見出しを使って、情報を整理することも重要です。さらに、余白をうまく使うことで、ページ全体が見やすくなります。有名ブロガーのブログ記事などは、かなり余白が使われているように感じます。画像や動画も適度に取り入れて、視覚的にわかりやすくしましょう。ページの読み込み速度を速くするホームページが表示されるまでに時間がかかると、ユーザーはすぐに離れてしまいます。ページの読み込み速度を速くするためには、画像や動画のサイズを小さくすることが効果的です。拡張子はJPEGやPNGではなく、積極的にWeppを使いましょう。また、不要なプラグインやスクリプトを削除する

figma使用しはじめた頃の作品。旅行に行きたい。。。。

Webサイトやアプリの開発において、「UI」と「UX」という言葉をよく耳にする方も多いのではないでしょうか。どちらもユーザーにとって大切な要素ですが、それぞれの意味や役割は異なります。この記事では、UIとUXの違いについてわかりやすく解説します。UI（ユーザーインターフェース）とは？UIとは「User Interface」の略で、ユーザーが目にする画面のデザインや操作する部分を指します。たとえば、ボタンの色や形、フォントの種類、メニューの配置、画面のレイアウトなどがUIにあたります。UIの役割は、ユーザーが迷わず直感的に操作できるようにすることです。見た目の美しさだけでなく、「使いやすさ」や「わかりやすさ」が求められるポイントです。UX（ユーザーエクスペリエンス）とは？UXは「User Experience」の略で、製品やサービスを使ったときにユーザーが感じる体験全体を指します。たとえば、スムーズに目的を達成できたとか、使っていて楽しかった、思ったより手間がかかった、などの印象や満足度がUXに関わっています。UXの役割は、ユーザーにとって「快適で価値のある体験」を提供することです。操作がスムーズで、欲しい情報にすぐたどり着け、全体を通してストレスが少ないと、UXは良いと言えます。UIとUXの違いUIは「見た目や操作性」のこと、UXは「使ったときの印象や体験」のことです。UIはUXの一部でもあり、見た目が優れていて操作しやすければ、UXも良くなる可能性があります。しかし、いくらUIが美しくても、動作が遅かったり、欲しい情報が見つからなかったりすれば、UXは悪くなります。逆に、見た

自社サービスやクライアント案件で比較サイトを初めて立ち上げる場合、何から手を付ければよいか迷いがちです。本記事では、ゼロから公開までの制作ステップと、ユーザーに選ばれるためのUI/UX設計ポイントを具体的に解説します。1. 準備段階で押さえる3つの要素目的の明確化問い合わせ増加、購入促進、広告収益などゴールを定義ターゲット設定年齢層、業種、検索動機をペルソナ化し比較基準を決定KPI設計PV、CTR、CVR、滞在時間などを数値化し、改善サイクルを組み立てる2. 制作フロー6ステップステップ 内容 主なツール・アウトプット1. 市場調査 キーワード調査、競合分析、口コミ収集 Google Keyword Planner、各種レビューサイト2. コンテンツ設計 比較基準の選定、ランキングロジック設計 ワイヤーフレーム、コンテンツマップ3. デザイン / プロトタイプ 情報設計に基づきUIを作成、ユーザーテスト Figma、Adobe XD4. 開発 / 実装 CMS連携、モバイルファーストでマークアップ WordPress、Headless CMS + Next.js など5. テスト / 改善 表示速度、UI/UX、SEOを最適化 Lighthouse、GA4、ヒートマップ6. 公開 / 運用 定期更新フロー、レポートダッシュボード整備 Data Studio、月次レポート3. 選ばれるUI/UXを実現する7つのコツモバイルファーストスマートフォン表示でも一覧比較が崩れないカード型レイアウト絞り込み・並べ替え機能価格帯、評価順などをワンタップで切替可能にする比較表の視認性5項目以内

ウェブデザインって、UIやそれによって得られるＵＸが大事っていうけれどその制作している業界のことも勉強が必要なのだなと思った。例えば、美容室のサイト美容業界が飽和状態で、いかに集客し獲得するか。それが肝なのだろうと思う。なぜなら、調べると美容室のサイトがＬＰばかりで、ページ内導線が極端に簡潔になっている。幅広い知識と日々のアップデートが必要なのですね。。

神戸市垂水区の589区画を有するビッグタウン「ウインズタウン神戸みずき台」のブランドサイトを制作させていただきました。オリジナルキャラクターや絵本風イラスト、6つのテーマカラーを使用して、楽しく親しみの持てるデザインを目指しました。TYPE：ブランドサイトCLIENT：パナソニック ホームズ株式会社様SCOPE：UI/UXデザイン／コーディング／バナー制作デザイン、コーディングのご依頼お待ちしております＾＾お気軽にご相談くださいませ！

はじめに：UXとはユーザーが感じるすべての体験 「UX」とは「User Experience（ユーザーエクスペリエンス）」の略で、ユーザーが製品・サービス・Webサイトを使用する際に感じる「体験全体」を指します。 LP（ランディングページ）やWebサイトにおいてUXを意識することで、訪問者が「使いやすい・分かりやすい・信頼できる」と感じ、コンバージョン率（CVR）が向上します。本記事では、初心者・フリーランス向けにUXデザインの基礎から実践的な活用法まで解説します。 第1章：UXとUIの違い UXとよく混同されるのが「UI（User Interface）」です。両者の違いを理解しておきましょう。 🖥️ UI（ユーザーインターフェース）とは UIは「ユーザーが直接触れる画面・操作部分」のことです。ボタンのデザイン・色・フォント・アイコン・レイアウトなど、目に見える要素がUIにあたります。「見た目」と言い換えることもできます。 💡 UX（ユーザーエクスペリエンス）とは UXはUIを含む、より広い概念です。「このサイトは使いやすかった」「情報が見つけやすかった」「申し込みがスムーズだった」という体験全体がUXです。「使い心地・体験」と言い換えることもできます。 ⚠️ UIが良くてもUXが悪いケース デザインが美しいサイト（UIが良い）でも、情報が探しにくい・申し込みフォームが分かりにくい・読み込みが遅いなどの問題があればUXは悪くなります。UXはUIだけで決まらないことを理解しておきましょう。 第2章：LPにおける重要なUX要素 LP（ランディングページ）でユーザー体験を左