关于“下一步 ”的设计思考

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

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

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

6630627961050299182

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

6630465233328653989

以美拍拍摄上传功能为例:

6630848962887489661

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

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

文章来源:胖喵 出品

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/13287/

(0)
iouedioued
上一篇 2016-03-09 14:37
下一篇 2016-03-14 10:08

相关推荐

  • 从交互设计的角度,看iOS11的5点不足

    提前下载了开发者版本的iOS11体验了大半个月,除了很耗电、手机很烫以外,道长打算从交互设计的角度去浅析一下个人对iOS11部分交互以及可改进的地方,为了避免篇幅过长,所以只挑几点出来讲。

    2017-08-04
  • 译文 | 微交互:设计优秀app的秘密

    好的产品往往做好了两点:功能和细节设计。功能吸引用户使用你的产品,细节设计将你的用户留下。优秀的细节设计能够使你的产品在众多竞品中脱颖而出,优秀的微交互设计往往能够让用户在初次使用产品时就能够留下深刻的印象。作为一个交互设计师,在设计微交互方案的时候不仅要考虑视觉上的冲击力,还要想办法赋予其信息传递的功能。

    2017-05-26
  • 3秒即灭,APP引导页如何闪亮

    大家原谅我健忘的大脑,一直想写App经验总结,却不知道从何说起,真是对不起群众,对不起组织,对不起俺的一个好肾。这也不能完全怪俺,小学的时候语文就没考过100分,害怕写的浅了不疼不痒,浪费看官们 陪女朋友的…

    2014-12-05
  • 交互基本功:如何设计一个好用的搜索框?

    搜索框一种常见的交互控件,用于精准提取海量的信息中的准确内容。本文作者分享了设计一个搜索框的几个要点,希望大家从中可以有所收获。

    2017-05-04
  • 交互设计牛校排行榜 | 纽约大学 ITP研究生项目

    Create Your Difference. by CYDWHO ARE YOU?Do you love biology but also love your art classes你是否热爱生物,也沉醉于艺术and want to merge the two所以想把这两者融入Do you love programming but also like to make things你是否能编程序,也想做出真实的东西Are you int...

    2018-05-05
  • 译文 | 用户体验要素之连接性

    科技推动社会的发展,也改变着人机交互的模式和服务方式。科学家创造了先进的科技,设计师们则将这些前沿的科技融合在服务日常民生的产品中,更好的为用户服务。当人工智能技术逐渐成熟后,设计师就将AI技术整合到汽车中来辅助司机驾驶;当低功耗蓝牙技术成熟后,设计师就将iBeacon连接到商场的销售服务体系中… 如何将不同的技术、产品连接在一起来创造更好的用户体验,就是下面译文中将要阐述的。下面进入译文。

    2017-05-29
  • 关于交互设计师的工作内容,这篇讲得最全面!

    交互设计师的工作,并不仅仅是输出设计方案,我们需要参与前期的需求讨论、后期开发、测试验收等等产品设计与实现的多个环节。本篇将介绍我目前参与交互设计的工作流程以及各个阶段的工作职责。

    2017-05-18
  • 浅析一个复杂页面的布局设计

    很多产品的信息量很大,又因为各种各样的原因设计师不能对内容进行轻易删减。如果不好好整理信息,会让界面越来越凌乱。我从去年开始做的很多项目都是这种情况,于是总结了一套简单好用,又有理有据的为复杂界面设计布局的方法。Logo、搜索、用户信息、导航、Explore功能列表、发帖发图、最新动态、朋友推荐、语言选择、网站声明、聊天板、我创建的、设置、注销……

    2017-05-03
  • 设计师保持画草图是个不错的习惯

    一名优秀的设计师的经验之谈。 我从不敢放眼将来长远的看过去若干年,也许正是这个原因才让自己对很多事情不那么在意。其实我是个很安心于能让自己安心的事物的人,只是这样的事物随着时间的推移而越来越少;自己所…

    2015-05-19
  • 注意这十点,让你避免糟糕的设计

    本文是给初学者/门外汉的五分钟设计指南。好的设计原则对任何人来说都有用。这个指南会告诉你一些基础设计原则,立即就能用得上并分享给别人。我从不学习打鼓课程,从不学习吉他课程,我靠自己摸索。我认为倘若你真的对什么东西有所热诚,你就会有动力,你就会集中注意力,你可以做任何你想做的事情。
    ——Dave Grohl,喷火战机乐队

    2017-04-30