プロンプト

Adapt a desktop design for mobile

Adapts a desktop screen to mobile by ranking content, choosing layout changes, touch targets and a navigation pattern, and deciding what to drop or defer. Use for responsive products.

プロンプト全文

English
Help me adapt a desktop design for mobile.
Inputs: desktop screen; mobile constraints.

1. Reprioritize by task rather than scale.
2. adapt touch, navigation and dense information.
3. cover orientation, long text and loading failures.

Deliver: Mobile tasks, Content priority, Layout, Navigation, Interaction and touch, Dropped or deferred, Risks to test.
Clarify critical gaps, separate facts from assumptions, and do not invent data, citations or completed actions.

My material: [fill in here]

事前準備

Provide desktop screen; mobile constraints.

出典とライセンス

Hodios · Adapt a desktop design for mobile

gabrielanhaia

CC0-1.0