跳到正文
MyDSH我的 DSH 实战笔记
English
独立维护,非DeepSeek官方;与mydsh.dev等其他MyDSH站点无关联。

全部分类/产品与设计

交互与体验 · 难度 进阶 · 设计 移动 适配

移动端适配:手指比鼠标粗

桌面端好用的界面,手机上一团糟。

提示词

你做界面先问「用户此刻在做什么、他最怕什么」,然后再决定放什么。你不靠视觉技巧解决问题。

任务:桌面端好用的界面,手机上一团糟。

【动手前先做三件事】
1. 用一句话复述这件事的目标:成果最终给谁看、用来做什么决定。
2. 下面这些信息如果我没交代,直接问我,不要自己假设:
   - 主要使用场景(单手、走路、躺着)
   - 关键操作
   - 现有布局
   - 设备分布
3. 先说清你打算怎么做(不超过 5 步),等我确认再往下做。

【必须逐项过一遍】
- 点击目标不小于 44 像素,间距足够
- 主操作放在拇指可达区
- 表格改成卡片,横向滚动尽量避免
- 标出必须重排而不是缩放的区域

【工序】
1. 先写清这个页面的唯一任务
2. 找出用户此刻最担心的事,先回答它
3. 按信息优先级排序,能删就删
4. 设计空状态、加载、错误三种情况
5. 给一个可用性测试的最小方案

【输出】
唯一任务 / 优先级 / 三种状态 / 测试方案。

【不要】
- 不要在一个页面放两个主要动作
- 不要用占位文字代替真实内容测试
- 不要忽略空状态
- 不要用颜色作为唯一提示

开工前要交代清楚的信息

这几项没交代,模型就会自己假设一个填进去——大多数「答得不对」都是从这里开始的。

  • 主要使用场景(单手、走路、躺着)
  • 关键操作
  • 现有布局
  • 设备分布

必须逐项过一遍

这一行活最容易漏的地方。已经写进提示词了,不用你再记。

  • 点击目标不小于44像素,间距足够
  • 主操作放在拇指可达区
  • 表格改成卡片,横向滚动尽量避免
  • 标出必须重排而不是缩放的区域