提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
个人工作经验总结,欢迎一起交流~
【个人总结】关于“下一步”按钮的设计思考
用户使用App的过程中,总会进入各种页面,对于页面之间的跳转,<返回或者物理键可回溯到上一级页面,但是进入下一级页面的入口,除了各种操作按钮、缩略图、tab或者导航切换,但是在工具性产品中,往往需要用户持续完成某项操作而达到使用目的,因此页面往往需要不断进入新页面进行操作,最显著的是图片编辑美化的产品,以及视频拍摄美化产品,这些不仅需要创意,后期的修饰也是十分重要的,用户需要花费时间和心思去处理页面内容以期达到期望结果,繁复的功能随之不断在主流程之上增加,各种页面不断堆积在产品之上,造成整个操作流程的混乱与臃肿。如果产品设计初期,架构以及交互逻辑未梳理清晰的话,新增功能往往会在不经意间影响产品架构和整体的操作流畅性。
本文主要总结的页面中“取消”“下一步”“完成”“保存”等类似连接性或结束按钮在设计中的使用方式,帮助将各个页面间的操作合理贯穿起来。这些按钮都有对当前操作终止的意义,但是能够终止的范围有所差异,其中,完成按钮的普遍性更大,表意终止的范围更大;
对比分析是最显著而好用的说明方式。这个功能性按钮除了在按钮样式上能够给人以可点击的认知以外,文案本身的隐喻含义对操作也会产生影响。
取消 结束在当前页面的操作,往往意味着不保存当前页面的所有已完成操作;更多出现在子流程中或某个操作环节当中,不影响主流程操作;更有返回、初始化的意味,与<返回的意义重叠,与保存可同时存在;
下一步 点击后进入到下一级页面,这类按钮往往出现在有递进关系的操作之中,操作指向性较为明确,表示流程还在进行当中,强调顺序发生的逻辑;与<返回相对应,具有全局性;
保存 保存用户对当前页面或当前功能(可能包含很多细节操作)操作结果,该按钮更加适用于在流程中的插入性操作,不影响主要操作流程,但是在流程中的每个节点都会有一些新的变化,这些变化是需要用户来主动保存确认的。强调对某一操作结果的确定,与主要流程进度关联度不高;
完成 适用范围有大有小,大范围是指一般用户完成主流程的操作后进行确认,可能是功能的结束,亦可以表示接下来可进行其他操作强烈的结束意味,一般表述整个功能性操作的结束,后续出现的页面,与当前功能是基本不是同一层级的,例如分享和发布等;小范围则是某个子流程的确认,与保存功能类似。
在一段完整的操作流程中,不同的按钮适用于不同的流程之内,例如:
以美拍拍摄上传功能为例
这些按钮更经常出现在工具性产品中,一些影音、娱乐、电商等产品,仅在使用编辑操作时涉及到,在浏览操作时时不会出现的。因为浏览的操作更多地是在一个展示层级上,强调的是逻辑横向的扩展性,尽管可能架构层级很深,但是实际上的操作逻辑没有纵深性,依旧是横向上的不断扩展和丰富;下一步按钮则一定与纵向的逻辑延伸有关,具有一个明确或者模糊的目标且一定会达到。
另外,除非整个操作具有很强的流畅性和一致性,或者用户对产品早已存在认知,取消按钮建议使用文字表示,纯icon样式用户的感知度较低。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册