UXPin Blog — Design Studio

AIがWebデザインをレスポンシブコードに変換する仕組みを変えつつあります。その要点は以下の通りです。 レスポンシブコードのエクスポートは、異なる画面サイズに自動的に調整されるレイアウトを作成し、デバイス間でスムーズなユ

重要なポイント： 課題：デザイナーと開発者の間でのコミュニケーション不足や分業によるサイロ化が、非効率や意図と異なるデザイン成果を生んでいる。 解決策：デザインシステムを共通の参照点として導入することで、認識のズレを減ら

Webアプリは、ブラウザ上で動作するソフトウェアアプリケーションのことです。Webアプリはモバイルアプリ同様、タスクの実行、情報へのアクセス、他のユーザーとのコミュニケーションを行うことができます。 Webアプリを作成す

Next.js とReactは関連していますが、その目的や機能は異なります。例えばNext.jsでいうReactは、UI（ユーザーインターフェース）コンポーネントを構築するための基盤となるライブラリであり、Next.js

  企業が製品を作る際に考慮しないといけない重要な UX デザインの原則はたくさんあり、そういうった UX 原則は、デザイン思考プロセスを補完し、それでユーザー中心の意思決定が実現します。 そこで本記事では、組

Many programming languages use packages to build and scale websites, software, and other digital products. These packages allow engineers to extend a project’s functionality without writing and maintaining additional code. This article will explain these terms from a designer’s perspective, so you get a basic understanding of how packages work and why engineers use them.

プロトタイプ はデザインプロセスにおいて最も重要なステップの1つですが、いまだに一部のデザイナーやプロジェクトチームを悩ませています。 よくある誤解として、モックアップのことを「プロトタイプ」と呼んでいることです。また、

最近の研究では、ユーザーが携帯電話のアプリに費やす時間は1日あたりこれくらいです。これは、過去2年間で30％もの大幅な伸びです。技術革新、アプリのデザインUI UXの理解向上、そしてもちろんコロナ禍が推進力となっています

HTML と CSS は、Web サイトを支えるテクノロジーの核の部分であり、それぞれに独自の目的があります。HTML（ハイパーテキスト・マークアップ・ランゲージ）は 構造とコンテンツを提供することによって、Web ペー

 デザイン計画 で、デザインプロセス全体の一貫性、拡張性、効率性が促進され、より質の高い最終製品と満足度の高いUX（ユーザーエクスペリエンス）につながります。 UXPinのインタラクティブなプロトタイプを使って、最終製品

モバイルアプリ とWebアプリの導入決定は簡単ではなく、UX、技術的制約、費用対効果、拡張性など、多くの要素を考慮する必要があります。 そこで本記事では、どのアプローチがプロジェクトに最適かを、十分な情報に基づいて判断で

アプリケーション全体のアクセシビリティ、デザインの一貫性、スケーラビリティを高めるUIコンポーネント・ライブラリを構築するために不可欠な要素を学びます。

ChatGPT のような LLM を使った UX デザインの向けの AI ペルソナの作成は、ペルソナ開発プロセスを強化できる新しい手法であり、それでより速く、データ主導で適応性のあるものになります。そこで本記事では、その

本記事は、質の高い技術教育を通じて個人の能力を高めることに情熱を注ぐZero To Mastery 社のコンテンツライターであるケルシーさんによるゲスト投稿です。彼女は、新しいスキルを習得するまでの道のりを伝えて刺激する

チートシートとは、特定のトピックやプロセスに関する重要な情報を速やかに提供する、簡潔なリファレンスガイドであり、大量のコンテンツに目を通すことなく、複雑な情報がわかりやすいステップになるようにデザインされています。