多くの開発者はJavaScriptの使用経験があることから、Reactアプリの構築を初めて行う場合でも、比較的に短時間で行うことができるのではないのでしょうか。そこで、これら2つの関連性、初めて React アプリを作る
(…)初めての React アプリ作成ガイド

多くの開発者はJavaScriptの使用経験があることから、Reactアプリの構築を初めて行う場合でも、比較的に短時間で行うことができるのではないのでしょうか。そこで、これら2つの関連性、初めて React アプリを作る
(…)デバイス、OS(オペレーティングシステム)、テクノロジーの数が増え続ける中、クロスプラットフォーム・エクスペリエンスのデザインは、製品開発プロセスにおいて不可欠な要素となっています。 多くの企業では、iOS、Androi
(…)コンポーネント駆動型のプロトタイプは、UXデザインの次なるイテレーションです。デザイナーはもはやゼロからデザインすることはなく、エンジニアが書くコードはより少なくなっています。 これによってもたらされることは、機能横
(…)UXPinは、世界中の優秀なデザイナーが使用している製品デザインプラットフォームです。ローフィデリティのワイヤーフレームから完全にインタラクティブなプロトタイプまで、チームで簡単にデザイン、コラボレーション、プレゼンテーションを行うことができます。
無料トライアルを開始UXPin Mergeのコンポーネント駆動型のプロトタイプにより、デザイナーは最終製品とそっくりなレプリカを作成することが可能になりました。UXPinは静的なグラフィックをレンダリングする他のデザインツールとは違い、コー
(…)インタラクティブなプロトタイピングは、製品が予定通りに機能かを確認する際に役立ちます。製品を一般公開する前にプロトタイプをテストできなければ、予想外の否定的なフィードバックを受ける可能性があります。クリック可能なプロトタ
(…)日付ピッカーは、Web サイト、アプリケーション、ゲーム、企業向けソフトウェア、OSなどで使われる、デジタル製品のデザインにおいて最も馴染みのあるUIパターンの1つです。 そしてデザイナーは、日付ピッカーがスクリーンサイ
(…)強力な ビジョンステートメント によって、デザインチームの行動を後押し、製品や組織の成功へと導きます。本記事では、デザインチームの効果的なビジョンステートメントの作成方法を踏まえ、世界の有名企業の実例をもとに詳しく分析し
(…)モバイルナビゲーションとは、ユーザーがデジタル製品のコンテンツや機能をナビゲートできるようになる、メニュー、コントロール、インタラクションのデザインおよび実装のことを指します。それにはメニュー、アイコン、タブ、ジェスチャ
(…)ステップ2:問題の特定 ユーザーを理解したら、次のステップは「直面している問題の特定」です。 ここでは、ユーザーとの共感から得たインサイトを、ユーザーが経験している主な問題を捉えた明確な「問題ステートメント」に変換します
(…)こちらのブログでは、UXPinにある3つの機能「リンクの挿入またはスタイル変更」、「スポイトツール」、「コンポーネントのprops変更」での新しい方法を紹介していきます。 🔍 グループ化された要素のスペックを確認 コンポ
(…)カラースキーム (配色)とは、プロジェクトや製品において、感情を伝えたり呼び起こしたりするために使われる色の組み合わせのことです。例えばアーティストやデザイナーなど、プロジェクトや製品のビジュアルコミュニケーションを担
(…)デザインシステム、パターンライブラリ、コンポーネントライブラリ、スタイルガイドという言葉は、よく同じ意味で使われているのを見かけます。これら4つの概念は関連していますが、同じものではありません。 また、デザインシステムと
(…)組織がデザインプロセスを効率化し、連携を強化しようと努力する中で、DesignOpsは『デザイン目標』と『ビジネス目標』を一致させるための基盤としての役割を果たします。 UXPinは最近、3人の DesignOps エキ
(…)Webサイトやアプリケーションを作成する際、デザイナーやエンジニアがWebアクセシビリティに関して遵守すべきガイドラインは数多くあります。しかし、これらをすべて把握したり、さまざまなレベルを使い分けたりするのは非常に大変
(…)プロトタイプ はデザインプロセスにおいて最も重要なステップの1つですが、いまだに一部のデザイナーやプロジェクトチームを悩ませています。 よくある誤解として、モックアップのことを「プロトタイプ」と呼んでいることです。また、
(…)