深聊时下最热门应用的11种设计模式(2)

6. 大按钮

Tinder, Shazam

问题

用户想立刻知道他们该采取哪个操作。

解决方案

理想的触摸屏点按尺寸可能是72像素，但某些应用比如Tinder，给出了巨大的按钮。你就清楚知道该怎么做。无论何时、正在做什么，你都能迅速操作——即使你没有在看，也很难忽略这些大块的按钮。这在相对简单的应用中尤其有价值，其中用户只有有限的操作，因此就更有理由在各种环境中使它更容易。以Shazam为例，旨在看电视或听音乐时使用，它确实只有这一个功能。在这种令人分心的多任务状态下，巨大的按钮是非常棒的改善。

7. 滑动操作

Carousel

问题

用户想关注具体内容。

解决方案

允许内容滑出或移出屏幕。这给用户提供了非常直观的信息处理方式。例如Google Now的“卡片”，当你不需要时可以滑动删除，清除杂乱。类似的，Tinder的个人资料也可以右滑或左滑来表示赞同或否定。这种模式与我们之前在导航模式中讨论的滑动视图不同。此处，滑动操作被当做一种操作，而非纯粹浏览。有些应用结合了这两种滑动模式，例如Carousel，滑到一边可以浏览大量照片，同时上滑或下滑操作可以分享或隐藏。Mailbox使左右滑动操作在邮件客户端中发扬光大，通过相应的左滑和右滑操作，你可以将邮件分别标记为已读或稍后处理。在Secret中，发现新操作与探索新菜单的方式相同。在一条秘密上左滑表示喜欢。

8. 通知

LinkedIn, Facebook

问题

用户想知道新动态或操作，他们要瞄一眼

解决方案

在视觉上通过高亮来标记新内容。这种模式有很多方式。例如，iOS引领的带数字的小红点，如今很多其他应用中也能看到，例如LinkedIn、Facebook或Quora。Twitter也这样处理通知按钮，不过在时间轴图标上方也有个小点，用一种更微妙的方式来表示新动态。另一种表现通知的方式，是在应用中滑出一条banner来显示新动态。Facebook应用也这么做了，当信息流中有新项目时显示一个小弹出提示。

9. 隐藏式控件

Secret

问题

用户要在应用中快速激活次要控件，还有那些只与特定区域或内容相关的控件。

解决方案

清理杂乱，让用户只在需要时发现特定操作。这些隐形的控件可以通过各种手势来触发——滑动、点按、双击、长按等等。(这些我们在手势模式中讨论过)。这让你可以将这些东西置于屏幕外，节省宝贵的屏幕空间。以Secret为例，就使用手势代替了可见的控件。右滑触发操作菜单，这是我们之前提过的抽屉的极简版。创建内容时，用户可以水平滑动或在背景上垂直滑动来改变颜色与模式，如果用了图片，还能改变亮度、饱和度与模糊度。没有其他控件来控制这些——也不应该有。这种UI设计模式如此直观和干净，你一定会看到更多此类交互。Pinterest也使用手势来代替按钮的应用。长按图片会显示采集或评论按钮，拖动弹出控件到按钮上执行。

Uber是这种设计模式的又一个案例。选择座驾类型后，通过点按滑动按钮，Uber会在预订座驾和费用估算间切换。这是简单却重要的UI设计模式，我每次试着呼叫座驾，又不想被Uber的溢价剥削时，都会为此会心一笑。Snapchat和Facebook Messenger中，在任何朋友上左滑，都能及时触发相应功能。

10. 扩展式输入框

YouTube

问题

用户想专注于内容，不愿为了控件牺牲屏幕空间。

解决方案

将控件设计成点按展开式的。这能在用户不需要时隐藏多数控件。例如YouTube和Facebook把搜索栏藏在一个图标里面，用户点按时搜索栏才展开，节省了屏幕空间。

11. 撤销

Gmail, Chrome

问题

用户希望没有阻碍地快速操作(比如对话框)，但要有还原意外操作的选项。

解决方案

提供一个简便的方法让用户撤销操作，不要在操作前提醒他们确认。有些由于意外或匆忙而产生的操作，会导致不便或数据损失，例如删除邮件或编辑文字。用户可能在不知道结果的情况下会完成一项操作，宽容的UI会让他们尝试，这更加友好有吸引力。撤销功能对高级用户也很有用，他们会赞赏这种操控感。UI不会在操作过程中反复阻拦他们，询问是否确定。确认对话框用来解释当前状况时很有用，但用户真正看见操作结果后才能理解其中含义。为避免如此，最好去掉它们，并提供一种弥补错误的防护措施。

获取用户的输入

追踪有用户输入的地方，看他们是否注意到那些输入框，是否经常使用输入控件，他们从应用中的什么界面进入，将要前往哪里(也就是使用流程)等等。持续改变排列、顺序、尺寸，调整这些控件，让用户更多执行你希望的操作。当然，还要深入考虑，用户在输入时是如何在使用你的移动应用——确保设计应用时没有忽略明显的要点。