Paico
アイデアからWeb・モバイルアプリのUIを構築
アプリをダウンロード
UI/UXデザイン、プロダクトデザイン、デザインシステム、プロトタイピングの実践記事やチュートリアル、活用事例を紹介します。
何を検索でき、候補を選ぶと何が起き、Enterで何を実行するのか。プロジェクトライブラリの事例で、デスクトップとモバイルをつなぐ検索バーの設計を考えます。
タブは手順の順番ではなく、同じ対象の関連する表示を切り替える仕組みです。プロジェクトを例に、選択とフォーカスの区別、下書きの保持、狭い画面での操作を整理します。
メールの依頼、期限切れや使用済みリンク、新しいパスワードの設定、ログインへの復帰まで。ワークスペースの一つの事例を通して、画面ごとの案内文と判断のポイントを整理します。
Pixsoで縦長の予約ページを作り、スクロール方向と固定ヘッダーを設定します。表示領域、末尾の余白、入れ子のスクロール、よくある不具合を具体例で確認します。
備品配送フォームの一例を通じて、セレクト、検索付きコンボボックス、ラジオボタン、アクションメニューの選び方と具体的な表示・動作を設計します。
購入画面の三つの操作を例に、ボタンの優先順位、ラベル、操作領域、レスポンシブなサイズ調整と状態表示を具体的に設計します。
レビュー中の提出ファイルを安全に差し替えるための状態、確認、履歴、失敗時の復旧を設計するガイド。
コメントを閉じるだけで終わらせず、画面の状態、修正案、合意した判断、再発時の対応までつなげる方法を紹介します。
4番目の作業を2番目へ移す例で、ドラッグ中の挿入線から保存・取り消し・失敗時の表示まで整理します。
注文一覧を例に、個人用・チーム用ビューの違い、未保存の変更、権限と古い条件の修正方法を具体的に整理します。
仕入先の単価を一行だけ変更する例で、入力エラー、保存中、競合からの復帰、キーボード操作まで具体的に整理します。
素材の審査キューを例に、12件の選択、10件の更新と2件の対象外を、確認画面から結果まで一貫して設計します。
16ページ中2ページ目
新規作成
リソースコミュニティ
バージョン履歴
ご利用ガイド
