Blog
プロトタイピング
Articles
46 articles
スムーズなUXをかなえるための ユーザーフロー とは？
ユーザーフロー について深く掘り下げ、各フローの中でのおさえておくべき原則、ポイント、視覚的表現について見ていきましょう。
プロトタイプ vs ワイヤーフレーム vs モックアップの違い
プロトタイプ 、ワイヤーフレーム 、モックアップ を多くの人がワ同じように使っていますが、実際には、これらはすべて異なるもので、デザインプロセスの別々の段階で使用されます。
UIキットを使ってモックアップを手短に作るには
Know if UI kits are useful for your design project. Get tips for selecting and applying elements from UI kits.
ワイヤーフレーム の作成ガイド【実例もご紹介】
ワイヤーフレーム は、UIを使って多くのデザインアイデアを反復するプロセスです。ワイヤーフレームの作成方法をお話します。
入力フォームデザインのベストプラクティス
個々の入力要素、それらが解決する問題、そしてUXチームがそれをどのように使うかについて見ていきます。
ユーザーレビューでより良いUIデザインができるためには
デザインチームが問題解決や製品改良のために顧客からのフィードバックを活用する方法についてお話します。
ライブデータ プロトタイプとは？
本記事では、デザイナーが ライブデータ でどのように包括的で正確なユーザーテストを実現できるのかお話します。
【フィンテックデザイン】プロダクトデザイナー向けUXのヒント
フィンテック 製品デザインの基本について、顧客に最大限の価値を提供するためのベストプラクティスを含めてお話します。
UXエンジニア のポートフォリオ – 短編ガイドと例をご紹介
UXエンジニア のポートフォリオの作り方、共有すべき情報、そしてインスピレーションを得るための事例をご紹介します。
プロトタイプを作成してビジネスを成功させるには
本記事では、「 プロトタイプ とは何か」「なぜプロトタイプがビジネスに不可欠なのか」「どのように始めればいいのか」についてお答えします
Storybook-UXPin : 新Merge統合 のレビュー
Storybook-UXPin merge の統合で、Storybookはデベロッパーのデザインシステムのようなもので、コーディングされたUIをすべて保存しておくことができます。多くの企業で利用されており、約15のフレームワークに対応しているため、非常に柔軟性があります。
UXPinでプロトタイピングスキルを極めよう
ステート、変数、式、API、デザイナーが完全に機能するプロトタイプを作成するために使用できるコードのようなインタラクションなど、UXPinの高度な機能をいくつか見ていきます。
インタラクティブなプロトタイピングを導く – 変数と条件付きインタラクション -
この記事では、UXPinの2つの新機能「変数」と「条件付きインタラクション」の機能についてやそれら２つのつながりをご紹介します。
19のベストプラクティス〜UIモックアップを高速化〜
Web Designer Steven Snell offers practical tips for faster and cleaner UI mockups.
先進的な7つのプロトタイピング機能
プロトタイプの品質と忠実度は、ワークフローや最終製品に大きな影響を与えます。ここでは高度なプロトタイピングをするコツをご紹介します。この記事では、コードベースのデザインツールが提供する7つの高度な プロトタイピング機能 と、それらがどのように役立つのかをご紹介します。