APP 交互就是用户和软件之间输入、反馈、操作的全部形式,分为手势交互、控件交互、页面转场、反馈交互、硬件交互、特殊场景交互六大类。
一、手势交互(触屏最核心)
- 点击(单击):按钮、列表、图标,最基础触发操作
- 双击:放大图片、点赞(短视频)
- 长按:弹出菜单、复制、多选、删除、预览
- 滑动(左右):轮播图、tab 切换、页面侧滑返回、卡片左右划动删除
- 滑动(上下):滚动页面、下拉刷新、上拉加载更多
- 捏合缩放:图片、地图放大缩小
- 拖拽:拖动排序、拖动调整位置、拖拽卡片
- 侧滑操作:列表项右滑 / 左滑,出现删除、收藏按钮
二、基础控件交互(UI 组件)
- 按钮:主按钮、次要按钮、文字按钮、图标按钮
- 输入框:文字输入、搜索框、密码框,带清除、提示文案
- 选择类:单选框、复选框、下拉选择、时间日期选择器、开关 Toggle
- 导航类:底部 Tab、顶部标签、侧边抽屉菜单、悬浮按钮 FAB
- 弹窗:确认弹窗、提示弹窗、底部弹窗(抽屉弹窗)、气泡提示
三、页面转场交互(页面与页面之间切换)
- 推入:新页面从右侧滑入,APP 最常用
- 弹出模态:页面浮在上层,半透明遮罩,比如登录弹窗
- 底部上滑弹出:底部抽屉,从屏幕底部升起
- 切换:无动画直接切换,tab 切换常用
- 折叠展开:折叠面板,点击展开更多内容
- 返回:左上角返回、手势侧滑返回
四、反馈交互(操作之后 APP 给用户的回应)
用户做操作,APP 必须给出反馈,避免用户疑惑点没点上
- Toast 轻提示:短暂文字提示,几秒自动消失
- Loading 加载:转圈、骨架屏,网络请求等待状态
- 状态动画:点赞动效、提交成功动效、下拉刷新动画
- 震动反馈:按键、选中、报错时手机震动
- 音效反馈:提示音、点击音效
- 错误提示:输入报错、网络失败提示
五、硬件 / 系统级交互
- 手势返回:手机系统侧滑返回
- 摇一摇:摇动手机触发功能
- 传感器:扫码摄像头、定位、陀螺仪
- 语音交互:语音输入、语音指令
- 生物识别:指纹、面容识别登录
六、特殊场景交互
- 刷卡片交互:短视频上下滑动刷内容、社交卡片左右滑动
- 拖拽手势:文件、图片拖拽
- 分步引导:新手引导蒙版、浮层引导
- 手势快捷键:多指操作
- 表单交互:实时校验、自动填充
总结: 简单区分概念
- 交互方式:用户怎么操作(点、滑、长按)
- 交互反馈:操作完 APP 怎么回应(toast、loading、弹窗)
- 页面转场:页面之间如何跳转切换
凯铧网站建设成立于2016年,是一家专注于企业网站建设的专业服务公司,致力于为中小企业和创业公司 提供高质量的网站解决方案,助力企业数字化转型和品牌价值提升。
如果您有网站建设、网站改版、网站优化、手机网站建设、域名注册、主机空间等方面的需求… 请添加凯铧互联小编客服微信或拨打咨询热线: 159-1069-3561(微信同步),我们会详细为您解答。


