Pixso 製品と Paico AI
デザインと共同作業
自然な言葉でデザインやアプリの UI を作成。
Pixso AI
何を作りますか？
AI コーディングツールと連携
デザインの情報をコードに活かし、キャンバスと開発をつなぎます。
デザインリソースを探す
学ぶ・使いこなす
開発・機能拡張
企業チームのためのデザインコラボレーション
UI/UXデザイン、プロダクトデザイン、デザインシステム、プロトタイピングの実践記事やチュートリアル、活用事例を紹介します。
初めての利用者が図書予約を進める場面を検討。学習しやすさを問う四つの質問で具体的な問題を見つけ、設計変更とユーザーテストにつなげます。
コース、レッスン、トピック、学習パスの関係を例に、情報の構造と名称、アクセス経路から分かりやすい画面を設計する方法を説明します。
利用者の行動を比較し、目的に合うペルソナを作って設計に活用する方法を紹介。経費申請の例から、画面を変える意味のある違いを考えます。
サイト、メール、集荷にまたがる商品交換の体験を整理。事実と仮説を分け、接点間の情報不足を検証できる改善案へつなげます。
ヘルプセンターの具体例を使い、カードの作成、個人ごとの分類、結果の解釈、ナビゲーションへの反映を整理します。
ユーザビリティの原則に沿って画面を点検し、別の人が再現できる指摘を残します。登録フォームの例で、深刻度の根拠と改善の確かめ方を紹介します。
制作した画面とメモを、判断の理由が伝わるケーススタディにまとめましょう。図書予約の例から、トレードオフ、図注、根拠のある成果の説明を学べます。
カードの最小幅、サイドバー、余白からレイアウトの切り替え幅を計算し、境界の前後で使いやすさを確かめます。
ワークショップの予約を例に、選択部品の違い、未選択の扱い、ラベルとエラー表示を整理し、回答しやすいフォームを設計します。
プロジェクトカードを例に、8・16・24pxの間隔で情報のまとまりを伝える方法と、例外や狭い画面への対応を解説します。
予約できる時間、選択中、入力エラー、予約完了を色以外でも伝える設計方法を紹介。09:00・10:30・11:00の具体例で、一連の操作と状態を確認します。
コーヒー教室の写真を横長・正方形・モバイルで使う例から、残す被写体、別の構図が必要な場面、文字の読みやすさを考えます。
17ページ中1ページ目
新規作成
リソースコミュニティ
バージョン履歴
ご利用ガイド
