页面交互规范

移动端网页开发与PC端网页开发在交互规范上有很大不同,同一个项目在 iOS 和安卓系统上的交互习惯也有差异,希望从设计上遵循移动端的交互规范。以下是一些针对项目交互常用的场景给出的交互设计建议:

  • 同一个页面的内容在业务逻辑相关的情况下尽量简洁,不要在一个页面内处理过于复杂的逻辑流程。

  • 对于一个复杂的表单,可以按步骤拆分成多个页面,完成一步保存或提交一次,不要都放在一个页面内填写。

  • 单选或多选时,用竖向列表代替下拉框。如果选项很多,可以用网格布局。

  • 打开一个新页面时,对于需要阻断当前页面栈的场景,比如登录页面,建议从底部打开页面,并设置此页面不可返回。

  • 时间选择、联动选择或者选项很多的场景,使用组件。

  • 带下拉框的搜索,可以点击跳转到新页面,将搜索结果以列表的形式平铺在页面上。

  • 不要在弹框上处理复杂逻辑,而是打开一个新页面进行处理。

  • 善用提示,对于不同的状态从颜色等方面作出区分。对于重要的需要用户确认的提示,使用 Alert 或 Confirm。