Paico
アイデアからWeb・モバイルアプリのUIを構築
アプリをダウンロード
Pixsoの実践的なデザイン記事、チュートリアル、活用事例をご覧ください。
何を検索でき、候補を選ぶと何が起き、Enterで何を実行するのか。プロジェクトライブラリの事例で、デスクトップとモバイルをつなぐ検索バーの設計を考えます。
タブは手順の順番ではなく、同じ対象の関連する表示を切り替える仕組みです。プロジェクトを例に、選択とフォーカスの区別、下書きの保持、狭い画面での操作を整理します。
メールの依頼、期限切れや使用済みリンク、新しいパスワードの設定、ログインへの復帰まで。ワークスペースの一つの事例を通して、画面ごとの案内文と判断のポイントを整理します。
コンテンツカードの優先順位、パターン選択、レスポンシブレイアウト、読み込み中・空・エラー状態を設計する実践ガイドです。
対象との関係、配置、操作の頻度とリスク、レスポンシブな代替、キーボード経路、復旧までを扱うコンテキストメニューUXの実践ガイドです。
既知の項目を探す、一覧を比較する、フィードを発見するなど、利用者の仕事に合わせて読み込みパターンを選ぶ実践ガイドです。
Pixsoで縦長の予約ページを作り、スクロール方向と固定ヘッダーを設定します。表示領域、末尾の余白、入れ子のスクロール、よくある不具合を具体例で確認します。
備品配送フォームの一例を通じて、セレクト、検索付きコンボボックス、ラジオボタン、アクションメニューの選び方と具体的な表示・動作を設計します。
購入画面の三つの操作を例に、ボタンの優先順位、ラベル、操作領域、レスポンシブなサイズ調整と状態表示を具体的に設計します。
最初の成功を実現するユーザーオンボーディングを、明確な手順、適切な初期値、復帰できる選択、計測可能なアクティベーションで設計します。
ボトムナビ、タブ、ドロワー、メニューを比較し、プロダクトの情報構造と利用頻度に合うモバイルナビゲーションを選ぶ方法を解説します。
状態、コンテンツ、レスポンシブ、アクセシビリティ、開発者への引き渡しを確認するUIデザインQAの24項目を紹介します。
14ページ中2ページ目
新規作成
リソースコミュニティ
バージョン履歴
ご利用ガイド
