一、手势交互(触屏操作)
1. 单击:触发按钮、跳转,最通用 2. 双击:图片放大、短视频点赞 3. 长按:唤起菜单、复制、多选、预览 4. 上下滑动:页面滚动、下拉刷新、上拉加载 5. 左右滑动:Tab 切换、轮播、侧滑删除、卡片切换 6. 捏合缩放:图片、地图缩放 7. 拖拽:排序、移动元素 8. 侧滑:列表项侧滑出操作按钮
二、控件交互
按钮、输入框、单选 / 复选、下拉选择、开关、选择器、底部 Tab、抽屉菜单、悬浮按钮、各类弹窗、气泡。
三、页面转场
1. 推入:新页面右侧滑入,页面层级跳转 2. 模态弹窗:浮层 + 遮罩,完成临时任务 3. 底部抽屉:从底部弹出,操作选择 4. 直接切换:Tab 页无动画切换 5. 展开折叠:局部内容展开收起
四、反馈交互(操作后系统响应)
- Toast 轻提示、Loading / 骨架屏、成功 / 失败动画
- 震动、音效、表单实时报错
五、硬件 & 系统交互
面容 / 指纹识别、语音交互、摇一摇、摄像头扫码、定位、系统侧滑返回
六、特殊场景交互
卡片刷选、新手引导、分步表单、多指手势
七、适用场景 & 优缺点表格
表格
| 交互方式 | 适用场景 | 优点 | 缺点 |
|---|---|---|---|
| 单击按钮 | 绝大多数功能入口 | 简单易懂,学习成本低 | 按钮过小容易误触 |
| 长按 | 列表、文件、图片更多操作 | 不占用常态页面空间 | 用户不容易发现,无提示 |
| 侧滑操作 | 列表条目(消息、订单) | 操作高效 | 移动端用户感知弱,不易发现 |
| 下拉刷新 | 信息流、列表页 | 符合用户心智 | 过度使用会造成误操作 |
| 模态弹窗 | 强确认、重要操作提醒 | 聚焦用户注意力 | 打断流程,滥用体验差 |
| 底部抽屉 | 选择器、轻任务操作 | 拇指易触达 | 不适合大篇幅内容 |
| Toast 提示 | 轻量成功 / 提醒 | 不阻断操作 | 时间短,信息容易错过 |
| 骨架屏 | 页面加载 | 降低等待焦虑 | 开发成本略高 |
八、面试小话术
APP 交互设计核心原则:操作有反馈、状态可见、符合用户心智、降低用户学习成本。手势类交互不要过度使用,隐藏手势(长按、侧滑)需要给到用户暗示,避免用户感知不到功能。
九、高频面试题 + 参考答案
1、APP 里长按、侧滑这类隐藏手势交互有什么弊端?怎么优化?
参考答案 弊端:
- 没有显性提示,用户很难感知到还有这个功能;
- 容易和常规操作冲突,发生误触;
- 新用户学习成本高。
优化:
- 新手引导做一次提示;
- 界面给予微弱暗示,比如条目轻微右滑指示器;
- 隐藏手势同时提供显性入口,不能只靠长按 / 侧滑完成唯一操作;
- 手势操作要给清晰反馈。
2、模态弹窗和底部抽屉的区别,分别什么场景用?
参考答案 模态弹窗:居中弹出,强阻断,适合重要确认、风险操作、强提醒,比如删除确认、权限申请。缺点是强打断,不能频繁使用。 底部抽屉:从底部升起,拇指更容易操作,适合选择、筛选、轻量表单,比如选择城市、分享面板;不适合风险确认类强任务。
3、什么情况下不用 Toast?
参考答案
- 重要、不可忽略的结果,toast 停留时间短容易被忽略,要用弹窗;
- 需要用户阅读并确认的信息;
- 报错信息比较复杂,需要长时间阅读;
- 关键风险提示。
4、简述下拉刷新交互设计要点
参考答案
- 要有加载状态反馈;
- 设置下拉阈值,不到阈值不触发刷新;
- 加载过程允许取消;
- 失败要给出错误提示,不要一直转圈;
- 页面为空时,下拉刷新同样可用。
5、交互反馈的设计原则
参考答案 用户任何操作都要有反馈;不同操作匹配不同反馈强度;轻操作轻反馈,重要操作强反馈;反馈不要过度打扰用户。
核心记忆点:状态可见、操作可控、反馈及时、降低认知成本。
.
.
凯铧网站建设成立于2016年,是一家专注于企业网站建设的专业服务公司,致力于为中小企业和创业公司 提供高质量的网站解决方案,助力企业数字化转型和品牌价值提升。
如果您有网站建设、网站改版、网站优化、手机网站建设、域名注册、主机空间等方面的需求… 请添加凯铧互联小编客服微信或拨打咨询热线: 159-1069-3561(微信同步),我们会详细为您解答。


