Paico
アイデアからWeb・モバイルアプリのUIを構築
アプリをダウンロード
UI/UXデザイン、プロダクトデザイン、デザインシステム、プロトタイピングの実践記事やチュートリアル、活用事例を紹介します。
通常の開始時刻を変えても、個別に調整した会議は残したい。四回の予定を使い、変わる日付と残る例外、タイムゾーン、キャンセル、保存結果が分かる編集UIを解説します。
似た二件を一つにする前に、結果を予測できる画面を作る。仕入先のメール、担当者、支払条件、重複を除く四件の発注を使い、確認から失敗・完了までを解説します。
住所検索で建物が見つかっても、会社名や階数がそろうとは限りません。入力済みの情報を守りながら検索・手入力・国の変更をつなぎ、実際に使う住所を確認できるUIを作ります。
1234.50をどう解釈し、何通貨として保存するかを明確にする金額入力UI。貼り付け、形式の違い、勝手な丸め、通貨変更、結果不明まで一つの見積入力で解説します。
カレンダーの見た目からではなく、何を予約し、いつ確定するかから日付ピッカーを設計。1〜14泊の予約を例に、入力、状態、修正、部品化、アクセシビリティまで解説します。
列のルールから請求書テーブルを組み立てる実践ガイド。再利用できるセル、ヘッダー、行、複数選択、処理結果、画面幅ごとの構成と引き渡しの確認項目を解説します。
六つの入力項目を持つ登録フォームを、要件から開発への引き渡しまで設計。部品の状態、検証のタイミング、条件付き表示、エラー修正と送信結果を一つの例で解説します。
監査ログの行、変更前後、時刻、検索範囲、閲覧制限を具体例で設計。成功した変更と失敗した試行を区別し、機密情報を漏らさず、記録に基づいて調査できる画面を作ります。
顧客検索フィールドの入力、候補、選択済みIDを分ける設計を解説。遅れて届く応答、該当なし、通信失敗、キーボード操作から送信時の再検証まで、具体例で整理します。
長いファイル名やラベルを、識別に必要な部分を残して表示する方法。折り返し、末尾・中間省略、全文へのアクセスを比較し、キーボード、翻訳、文字拡大でも検証します。
タイムアウト警告、再認証、下書きへの復帰を一つの流れで設計。保存済み項目、添付未完了、別アカウント、送信直後の期限切れを区別し、誤送信や入力のやり直しを防ぎます。
CSVの列と項目の対応、識別子、既存値、重複行、エラーの扱いを設計。5行の参加者データを使い、変更プレビューから修正・結果確認まで具体的に解説します。
16ページ中3ページ目
新規作成
リソースコミュニティ
バージョン履歴
ご利用ガイド
