ユーザビリティテスト参加者やステークホルダーに実際のユーザー体験に近いものを提供する上で、インタラクション機能は欠かせない存在です。しかし、インタラクティブなコンポーネントの作成には時間が掛かってしまい、ほとんどのデザイ
(…)UXPin Blog — Design Studio
-
-
中国初の Ant Design とは?UXPin連携方法と npm 統合徹底ガイド
コンポーネント駆動プロトタイプは、ユーザーテストを大幅に改善すると同時に、ステークホルダーに現実的な製品デザインの期待値を提供しますが、UXPinの npm統合 で、デザインチームは、完全に機能する高忠実度のプロトタイプ
(…) -
React ラピッドプロトタイピング – 速く作成する方法とは?
UXPin Mergeは、デザイン協働者(デベロッパー、UXデザイナー、プロダクトチーム)や関係者に、ReactJS コンポーネントを使ったプロトタイプ・テストを行うための直感的な UI (ユーザーインターフェース)を提
(…) -
「Code to Design」か「Design to Code」どっちがいい?
プロトタイプが完成しましたか?それでは、作成したデザインを開発チームに送ってコードに変換してもらいましょう! …しかし、ここで疑問が浮かびます。そもそも、「デザインからコード(Design to Code)」という流れで
(…) -
Ant Design – デザインシステム入門【エンタープライズ向け】
Ant Design は、エンタープライズ製品開発のためのよく使われているデザインシステムであり、その包括的なコンポーネントライブラリには、製品チームが最新の B2B デザインの問題を解決するのに必要なものがすべて備わっ
(…) -
ユーザビリティテスト を向上させるプロトタイプの作成方法
デジタル製品を成功させるためには、多くの努力が必要です。しかし、努力したからといって、ユーザーが自分の製品を選んでくれるとは限りません。 実際のところ、リリース前に製品を十分にテストをしなかったことで、ユーザーは製品から
(…) -
UXPin Mergeで npm 統合するには?
UIコードコンポーネントをUXPinのエディターにインポートするための、デザイナーに便利な方法が発表されました。エンジニアの積極的なサポートがないチームでも Mergeにアクセスできるようにするための、新しい ̶
(…) -
UXPin Merge Patterns( パターン )の使い方・チュートリアル
従来、多くのデザインシステムでは、以下の2つの UI ライブラリが搭載されています: デザインチームは静的なUIキットを使用 エンジニアはコード化されたコンポーネントライブラリを使用 多くの組織は、この二重のシステムが「
(…) -
アトミックデザイン における5つの UI コンポーネント
アトミックデザインは、以下の5つの要素で構成され、それらが互いに積み重なっています: 原子:化学の世界と同じように、アトミックデザインでは「原子」は情報を全て伝えるための基本要素です。Webアプリケーション
(…) -
Fluent Design System とは?UXPinのStorybookに取り込む方法
オープンソースのデザインシステムには、高品質の製品を急ピッチで開発する機会があり、組織はユーザビリティとアクセシビリティの基礎的な課題を解決することで、製品開発と問題解決を重点的に行うことができます。 Fluent
(…) -
デザインシステムの10大 コンポーネント とは?
デザインシステムは、再利用可能な コンポーネント ライブラリなしには存在し得ません。そのデザインシステムの コンポーネント は、デザインと開発におけるワークフローと UI (ユーザーインターフェース)の一貫性を作り出し、
(…) -
コンポーネントライブラリ初心者向けの作成ガイド
ゼロからデザインシステムを作成する場合でも、フロントエンド開発のまとまりと一貫性を高めたい場合でも、コンポーネントライブラリの作成は、製品のUX(ユーザーエクスペリエンス)を上げるにはいい方法です。 コンポ
(…) -
デザインハンドオフを徹底解説!
デザインハンドオフ の時間は緊張が走ります。デザイナーとエンジニアは別々の言語を話し、異なる制約の中で仕事をしているため、連絡と連携が大変になるんです。 このギャップを埋めるための第一歩は、エンジニアが開発に何を必要と
(…) -
コラボレーティブプロトタイピング とは?
筆者たちは、 プロトタイプ と部門横断的な連携を強化する新しい方法を常に探していますが、 コラボレーティブプロトタイピング は、1日で プロトタイプ を作成する「超効率的な」スプリント手法です。 デザイナーとデベロッ
(…) -
入力フォームデザインのベストプラクティス
入力フォームで、ユーザーはデジタル製品やブランド、他のユーザーと関わることができます。ユーザーが効率的にタスクを完了できるように適切な入力フィールドと構造を選択することは、いいフォームのUXをデザインする上で非常に重要で
(…)
UXPin is a product design platform used by the best designers on the planet. Let your team easily design, collaborate, and present from low-fidelity wireframes to fully-interactive prototypes.
Start your free trial