恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
【个人总结】关于“下一步”按钮的设计思考
0.0°
2015-11-11 原创文章 经验/观点 原作者: 原作者 举报 4134 3 8 0

个人工作经验总结,欢迎一起交流~

【个人总结】关于“下一步”按钮的设计思考

用户使用App的过程中,总会进入各种页面,对于页面之间的跳转,<返回或者物理键可回溯到上一级页面,但是进入下一级页面的入口,除了各种操作按钮、缩略图、tab或者导航切换,但是在工具性产品中,往往需要用户持续完成某项操作而达到使用目的,因此页面往往需要不断进入新页面进行操作,最显著的是图片编辑美化的产品,以及视频拍摄美化产品,这些不仅需要创意,后期的修饰也是十分重要的,用户需要花费时间和心思去处理页面内容以期达到期望结果,繁复的功能随之不断在主流程之上增加,各种页面不断堆积在产品之上,造成整个操作流程的混乱与臃肿。如果产品设计初期,架构以及交互逻辑未梳理清晰的话,新增功能往往会在不经意间影响产品架构和整体的操作流畅性。

本文主要总结的页面中“取消”“下一步”“完成”“保存”等类似连接性或结束按钮在设计中的使用方式,帮助将各个页面间的操作合理贯穿起来。这些按钮都有对当前操作终止的意义,但是能够终止的范围有所差异,其中,完成按钮的普遍性更大,表意终止的范围更大;

对比分析是最显著而好用的说明方式。这个功能性按钮除了在按钮样式上能够给人以可点击的认知以外,文案本身的隐喻含义对操作也会产生影响。

取消 结束在当前页面的操作,往往意味着不保存当前页面的所有已完成操作;更多出现在子流程中或某个操作环节当中,不影响主流程操作;更有返回、初始化的意味,与<返回的意义重叠,与保存可同时存在;
下一步 点击后进入到下一级页面,这类按钮往往出现在有递进关系的操作之中,操作指向性较为明确,表示流程还在进行当中,强调顺序发生的逻辑;与<返回相对应,具有全局性;
保存 保存用户对当前页面或当前功能(可能包含很多细节操作)操作结果,该按钮更加适用于在流程中的插入性操作,不影响主要操作流程,但是在流程中的每个节点都会有一些新的变化,这些变化是需要用户来主动保存确认的。强调对某一操作结果的确定,与主要流程进度关联度不高;
完成 适用范围有大有小,大范围是指一般用户完成主流程的操作后进行确认,可能是功能的结束,亦可以表示接下来可进行其他操作强烈的结束意味,一般表述整个功能性操作的结束,后续出现的页面,与当前功能是基本不是同一层级的,例如分享和发布等;小范围则是某个子流程的确认,与保存功能类似。 

在一段完整的操作流程中,不同的按钮适用于不同的流程之内,例如:

以美拍拍摄上传功能为例


这些按钮更经常出现在工具性产品中,一些影音、娱乐、电商等产品,仅在使用编辑操作时涉及到,在浏览操作时时不会出现的。因为浏览的操作更多地是在一个展示层级上,强调的是逻辑横向的扩展性,尽管可能架构层级很深,但是实际上的操作逻辑没有纵深性,依旧是横向上的不断扩展和丰富;下一步按钮则一定与纵向的逻辑延伸有关,具有一个明确或者模糊的目标且一定会达到。

另外,除非整个操作具有很强的流畅性和一致性,或者用户对产品早已存在认知,取消按钮建议使用文字表示,纯icon样式用户的感知度较低。

更新:2015-11-11

收藏

3人已收藏

胖喵1102

一只在互联网搬砖的喵

  • 19

    作品

  • 44

    粉丝

  • 18

    关注

  • 移动端搜索功能交互设计研究
  • 关于设计Gpad(安卓平板)端产品的感受
  • 《场景革 命》读书笔记
  • 一只交互设计喵在工作过程中的几种思维方式

    猜你喜欢

      2015-11-11 原创文章 经验/观点 原作者: 原作者 举报 4134 3 8 0

      【个人总结】关于“下一步”按钮的设计思考

      0.0°

      你确定要举报【个人总结】关于“下一步”按钮的设计思考

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年11月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      8
      3
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录