前言

相信UI设计师对“向右小箭头”都不陌生，甚至可以说非常熟悉。它的应用场景很广，最常见于各种列表。但它所代表的含义，以及相应的作用，很少被梳理。最近在工作中正好遇到一个案例，涉及到何时要使用“向右小箭头”，便借此机会来研究一下“向右小箭头”的使用方式。

名称

“向右小箭头”是我常用的称呼，还算生动明确，但感觉不太专业。查阅了iOS的官方组件，可以看到，它被命名为“disclosure”，直译过来就是“披露”，我的理解就是“查看更多”的意思。除了iOS的组件，微信的WeUI样式库则非常接地气的直接命名其为“箭头”。Whatever，我们还是保留“向右小箭头”这个亲切的称呼好了…

应用场景

1、“卡片化”列表中，“向右小箭头”可以省略。

同样是内容容器，相对于卡片天然的点击感来说，列表的可点击感更弱。所以相当多的产品，都开始将通栏的列表“卡片化”，间距和圆角的加入，让列表的视觉外观更加友好，同时也承接了卡片的可点击感。这种“卡片化”的列表，很少会使用“向右小箭头”（但也不绝对），因为其本身的可点击感已经非常明确。

2、用户心智很成熟的列表页面，“向右小箭头”可以省略。

即使是传统通栏的列表，也并不是都会有向右小箭头，比如聊天列表、通讯录等。原因是，用户对此类页面的心智模型已经相当成熟，点击之后跳转到对应详情页的预期已经非常明确，不需要“向右小箭头”的提示。

3、设置页面：根据不同内容项来布置向右小箭头。

设置页面由于信息多且杂，绝大多数的产品都会使用清晰简约的列表作为容器来承载信息。而不同的内容项对应的操作不同。

a. 针对于有次级页面的内容项，向右小箭头提示可以点击。

b. 有些内容项点击之后直接唤起对应操作。具体操作的形式可能是模态，对话框、底部弹窗等等。

c. 也可能是输入之类的具体操作。

d. 还有些内容项点击之后并没有直接的操作或更多内容，会直接出现toast提示。这类情况通常没有向右小箭头提示可点击，用户可能会试探性点击，如果文案提示不够明确，可能会引发控件不可点击的误解。

e. 而有些内容项无需进入下一页，直接在当页就可以进行操作，且立刻生效（开关）。

值得注意的是，进入次级页面时，新页面从右往左滑入屏幕，而具体操作页面则是从下往上滑入屏幕。不同的进入方式，代表着不同的层级含义。

上面提到的a-e的5种情况，只有d和e（直接toast反馈 & 开关）是不需要向右小箭头的。用户在当前页面就可完成简单操作。

除了列表之外，其他组件也可以和向右小箭头搭配，来提示用户，此处可以点击，如有需要，还有更多内容可以查看。

总结

向右小箭头最大的作用还是提示用户是否可以点击，点击之后的交互形式可以根据需要自主选择，模态、输入框、选择器等等。而向右小箭头也不是必须出现，卡片化列表或聊天页面等用户心智模型成熟的列表页内，可以省略。

希望这篇文章能给你带来一些小小启发。

感谢阅读。

欢迎交流讨论

找到同频的学习者，一起成长。

如果这篇文章对你有所启发

那就点个“在看”吧~