UXPin Blog — Design Studio

Google はレスポンシブ・ウェブデザイン（RWD）を常に推奨しており、特に２０１５年４月２１日にモバイルフレンドリーなサイトを上位に表示する大規模なアップデートが実施された後は、その傾向が顕著です。 ただし、アップデ

ユーザーニーズ とは、製品やサービスが価値を提供し、ユーザーの体験を上げるために満たすべきユーザーの具体的な要求や期待のことであり、ユーザーの視点、目標、動機、ペインポイント、その他人的要因を表しています。 ユーザーニー

エンジニアリングにおける KPI（主要業績評価指標）は、開発プロセス、プロジェクト、およびチームのパフォーマンスと有効性を評価するのに使用される重要な指標です。この指標に細心の注意を払うことで、エンジニアリングチームは自

UX/UI デザイナーとして、実際の人々のために製品を作っているということが念頭に置かれないといけません。ユーザーペルソナは、リサーチデータを人間らしくするための完璧なツールです。（UXペルソナの例については後ほどご紹介

 フロントエンドエンジニア は、ソフトウェアアプリケーションのビジュアルとインタラクティブな側面を形成し、製品全体の成功に貢献する重要な役割を担っています。そしてWebサイトや WebアプリケーションのUI（ユーザーイン

デザインからコードへの移行は、多くの製品チームにとっての課題です。Figma は多くのデザインプロセスの基礎ですが、そのビジュアル要素をインタラクティブな React コンポーネントに変換するのは、デザイナーとデベロッパ

 データテーブル は、多くの企業のUXプロジェクトにとって非常に重要なコンポーネントであり、UXデザイナーは、ユーザーのニーズに応じてデータを視覚化してソートするための最適なUXテーブルデザインソリューションを見つけなけ

アプリのデザインは最高に複雑なので、よりシンプルになるなら何でもウェルカムです。そこで React の出番です。React とは何でしょうか？React は、UI（ユーザーインターフェース）の作りやすくするために設計され

React デザインシステムをゼロから構築するには、慎重な計画と検討が必要であり、組織とそのエンドユーザーに役立つコンポーネントライブラリを作成するには、複数の部門とステークホルダーからの意見が不可欠です。 そこで本記事

完璧なWebサイトは、スムーズな制作と立ち上げ作業を１回やって作られるものではありません。 シームレスで完全な機能を備えたサイトは、入念なプロトタイピングの賜物なのです。 プロトタイプで、Webサイトから初期の不完全な部

デザイナーは、ステークホルダーからのフィードバックや正確なユーザーテスト、デザインハンドオフのために、プロトタイプを改善する方法を常に模索しています。 Figma は素晴らしいデザインツールですが、プロトタイプ作成におい

デザイン ワークフローを次のレベルに引き上げてみませんか？このチュートリアルでは、UXPin Merge の世界を総合的に掘り下げていくことから、React アプリのコンポーネントを UXPin エディタにシームレスに統

Figma のコンポーネントライブラリは、再利用可能な UI要素を作成してチームメンバーと共有できる素晴らしい方法です。 デザイナーは、Figmaでコンポーネントを使ってUIやプロトタイプを作成することができ、プロジェク

５．ブラウザやデバイスの互換性 デザインするアプリによっては、コンポーネントライブラリのブラウザとモバイルの互換性を知りたいでしょう。ブラウザやデバイスの互換性を調べるには、GitHub の 「issues」 や Sta

WebページやAndroid アプリ、iOSアプリのいずれを作成する場合でも、多くのデザイナーは Adobe XD や Figma、あるいはPhotoshopなどのツールを使って静的な画像を作成することから作業開始するの