日付ピッカーは、Web サイト、アプリケーション、ゲーム、企業向けソフトウェア、OSなどで使われる、デジタル製品のデザインにおいて最も馴染みのあるUIパターンの1つです。 そしてデザイナーは、日付ピッカーがスクリーンサイ
(…)UXPin Blog — Design Studio
-
-
アプリの カラースキーム の決め方 [5例付き]
カラースキーム (配色)とは、プロジェクトや製品において、感情を伝えたり呼び起こしたりするために使われる色の組み合わせのことです。例えばアーティストやデザイナーなど、プロジェクトや製品のビジュアルコミュニケーションを担
(…) -
MUI とは?MUIについて何を把握すべき?
新しいプロジェクトの開始時に企業が考えることの一つとして、「コンポーネントライブラリを採用するか、ゼロから始めるか 」というのがあります。メリット・デメリットの比較検討が必要であり、プロジェクトの範囲と優先順位の考慮も必
(…) -
ユーザーエラー とは?:エラーの防止、検出、管理方法
ユーザーエラーは、フラストレーション、混乱、ユーザー満足度の低下を引き起こし、放棄などの多くの不本意な結果につながってしまいます。そのため、ユーザーエラーを特定、理解および対処をすることは、ユーザー中心のエクスペリエンス
(…) -
UXデザイン原則 – ユーザーが喜ぶための法則
組織が製品を作る際に考慮しなければならない重要な UXデザイン原則 が数多くあります。これらのUX原則は、ユーザーをすべての意思決定の中心に据えるデザイン思考プロセスを補完するものです。 この記事では、企業がより良い製品
(…) -
コンポーネントライブラリ とは?なぜUI開発に使う必要がある?
最初に 複数のツールにまたがって開発を効率的に行うには、コンポーネントライブラリの利用を検討するのが賢明です。 プロダクションレディで、カスタマイズ性があり、再利用可能なコードコンポーネント(例:ボタン、アコーディオンな
(…) -
プロトタイプを改善するパワフルな マイクロインタラクション
マイクロインタラクションは、強化とフィードバックによってユーザーエクスペリエンスを向上させます。マイクロインタラクションがなければ、ユーザーインターフェースは退屈で活気のないものになってしまいます。 好むと好まざるとにか
(…) -
90年代 のWebサイト – 主な特徴のまとめ/事例紹介
トレンドは繰り返されるものです。例えば1970 年代のファッションが1950年代のものから影響を受けたように、流行のサイクルは20年周期で繰り返されると言われています。とはいえ、このデザインの流行サイクルはファッションに
(…) -
魅力的でインタラクティブなウェブサイト
見た目の良いサイトや機能性の高いサイトもありますが、その両方を兼ね備えた魔法のようなインタラクティブなサイトもあります。 これらのサイトは、より深いレベルで私たちを惹きつけ、私たちの注意を引きつけ、私たちの想像力を定着さ
(…) -
覚えておきたい Webアクセシビリティ 完全ガイド
毎日何十億という人々が Webサイトを訪れていますが、そのWebサイトはどのように見えているのでしょう?また、デザイナーは人々がそのサイトにアクセスし、利用しやすくするにはどのような工夫をする必要があるのでしょうか?この
(…) -
優れたUXデザインを生み出す心理的トリック
UXデザインは、人間の心理を理解するプロセスです。 ユーザー中心設計やユーザーエクスペリエンスなどの用語がデザイン思考プロセスを支配するのはそのためです。 UXデザイン心理学とは、問題を解決しようとしている人々の行動を理
(…) -
パララックス・スクローリング を使ったデザイン
パララックス・スクロールは、デザイナーが2次元の画面に3次元の体験を作り出すためのクリエイティブ・ツールです。パララックス・スクロール効果は、深みと奥行きを与え、ユーザーに没入感と魅力的な体験を与えることができます。これ
(…) -
0から作るUXPin Merge + TypeScript + Storybookの環境
この記事は、綿貫様にご執筆いただきました。 デザインツールであるUXPin Mergeを導入するにあたり、TypeScriptでの環境構築の仕方をまとめた記事です 公式ドキュメントには通常のJavaScri
(…) -
Webデザインにおける タイポグラフィ – フォントの選び方
タイポグラフィは、ユーザビリティ・アクセシビリティ・ブランディング・読みやすさ・美しさなど、他の多くのUIデザイン要素に大きく影響することから、Webサイトのデザインにおいて最も重要な要素の1つです。そこで本記事では、W
(…) -
モデレートありとなしの ユーザビリティテスト – どっちが良いのか?
See how to pinpoint specific elements when A/B testing your layouts.
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