UIUX・サイト設計

WHAT’S NEW

UI/UXデザインやサイト設計についての新着情報はここから！

• 

  トピッククラスターでSEO効果を底上げ！方法やメリットを解説

  #post_content トピッククラスターは、SEOに強いWebサイト構造だと言われています。この記事でメリットや実践方法を理解し、SEOに強いサイト構造を作っていきましょう！

  • UIUX・サイト設計
  • SEO対策

  更新日

  2024/05/31

• 

  【初心者向け】レスポンシブデザインがわかる！メリットや作り方を解説

  #post_contentレスポンシブとは1つのデザインでPCやスマートフォン、タブレットなど複数の端末に最適化することです。この記事では作り方やメリットをご紹介！

  • UIUX・サイト設計
  • Webデザイン

  更新日

  2024/05/28

• 

  SEO効果あり！ピラーページとは？作る時のコツや注意点

  #post_contentピラーページは「幅広いユーザーニーズに応えられる」「WebサイトのSEO評価にもつながる」などと、注目されています。Webページを複数掲載しているWebサイトなら、ピラーページの作成がおすすめです。

  • UIUX・サイト設計
  • SEO対策

  更新日

  2024/05/10

• 

  【CSS入門】flexboxの基本と使い方をプロがわかりやすく解説！

  #post_contentFlexboxは頻出頻度の高い重要なCSSプロパティです。flexのノウハウを活かして綺麗なレイアウト構築をマスターしましょう。

  • UIUX・サイト設計
  • フロントエンド(HTML/CSS)

  更新日

  2024/05/28

• 

  最新のCLS対応はaspect-ratioがベスト！padding-topはもう古い

  #post_content以前に自作スライダー作成を交えてCLS対応をご紹介しました。この時に説明したpadding-topを使って画像分の高さをあらかじめ保持させる対応は、CLS対応の手法としてはもう古いようです。現在のトレンドはaspect-ratio。

  • UIUX・サイト設計
  • フロントエンド(HTML/CSS)

  更新日

  2024/05/30

• 

  サイト高速化の1番の近道は軽量化！おさえるべき4つの項目

  #post_content"以前のブログでバックエンドやサーバーサイドを絡めた表示スピード改善をご紹介しました。 今回はフロントエンド目線でのスピード改善チェックポイントをご紹介していきたいと思います。"

  • UIUX・サイト設計
  • フロントエンド(HTML/CSS)

  更新日

  2024/05/30

• 

  CLSスコアの定義が変わりました【全サイトでスコアUP】

  #post_contentCore Web Vitalsのスコア改善で悩んでいる方に朗報です。レイアウトのズレをスコア化しているCLSの定義が変更されました。CLSの定義変更により、すべてのWebサイトでCLSスコアが上昇します。

  • UIUX・サイト設計
  • SEO対策

  更新日

  2024/05/30

• 

  【CLS改善】CLSスコアがスライダーで低下！原因と改善方法

  #post_contentスライダーのCLS改善に対してどのようにアプローチしたか解説しています。また、改善に対応した自作スライダーについてもご紹介！

  • UIUX・サイト設計
  • フロントエンド(HTML/CSS)

  更新日

  2024/05/28

• 

  PageSpeed Insightsスコアを53点→89点に上げた方法とCore Web Vitals改善

  #post_contentGoogleが提供するPageSpeed Insightsを使えば、スピード改善の診断と改善方法を提示してくれます。カンタンに対応できる改善方法から、1Web担当者だけでは細かすぎて技術的にわからない方法まで、多様な改善点が提案されます。

  • UIUX・サイト設計
  • SEO対策

  更新日

  2024/05/30

• 

  「デザイン思考」とは？プロセスと意味をわかりやすく解説！

  #post_content デザイン思考とは、デザインを行う際の流れを用い、ユーザー視点で何度もアウトプットと修正を繰り返し行うことで課題解決に取り組む思考法のことです。

  • UIUX・サイト設計
  • PM/ディレクション

  更新日

  2024/04/26

• 

  Webデザインにおける余白スペースの効果と重要性を解説！

  #post_content 余白スペースは、興味喚起をしながら見せたい内容に誘導できる不可欠なデザイン要素です。この記事ではWebサイトにおける余白スペースの使い方をご紹介します。

  • UIUX・サイト設計
  • Webデザイン

  更新日

  2024/04/26

• 

  スマホサイトの長さを最適化するUIの考え方

  現在、BtoCのWebサイトは、PCよりスマホで閲覧されることが多く、弊社でもほとんどのサイトをレスポンシブで制作しています。よく聞かれるのが「スマホサイトが長いと閲覧してもらえないのでは？」ということです。

  • UIUX・サイト設計
  • Webデザイン

  更新日

  2024/04/18

• 

  満足度の高いWebサイトにするワイヤーフレーム設計のコツ

  #post_content 使いやすく・分かりやすいと感じるWebサイトを制作するためには、ユーザーの心理・行動を考えてワイヤーフレームを設計する必要があります。

  • UIUX・サイト設計

  更新日

  2024/04/26

• 

  新指標Core Web Vitalsとは？基準や測定方法を丁寧に解説！

  本記事では「そもそもCore Web Vitalsって何？」という基本的なことを知り、「Web Vitalsに対応するためにはどうしたらいいのか？」を解説します。

  • UIUX・サイト設計
  • SEO対策

  更新日

  2024/05/24

• 

  ナビゲーション設計とは？抑えるべきポイントはこれ！

  Webサイトの設計図（見取り図）であるワイヤーフレーム。そのナビゲーション設計を考えるだけでユーザーはもちろん、Googleのクローラーにも伝わりやすくなるんです。

  • UIUX・サイト設計
  • SEO対策

  更新日

  2024/04/26