咱今天也来玩玩用户体验

本文摘自 勾三股四 更早时期的 不老歌 博客。

今天在人人网上看到收起/展开面板的按钮做成了大概下面这个样子

【→】展开的目录
【↓】收起的目录

觉得有点奇怪,好像感觉写成

【→】收起的目录
【↓】展开的目录

更合理一些。但是这种东西也没有找到什么明确的规定,所以也说不上对错……
可起码从个人角度感觉,下面的图示更直观一些。

因为箭头的方向表示了目录的“状态”,说的深入一点,是“引导用户往哪个方向看”的问题。如果目录是收起的,那么只有右边的标题可以看,所以用【→】;如果目录是展开的,则引导用户顺着思路看下面展开的正文或详细内容,所以用【↓】。

那么收起/展开的按钮一定时表示“状态”的么?其实也不一定,比如:

【+】可以展开的目录
【-】可以收起的目录

这时就变成对“动作”的表述了,再说的深入一点,是“预告用户点了这个按钮会怎样”的问题。

但是不管是“状态论”还是“动作论”,两种思路都是和它的图形表现紧密联系的,不然就会像人人网的界面那样——引起误会到不至于,毕竟大家智商都够用了,但产品是做不完的,对体验这东西的精益求精应该是永无止境的

前端开发也是如此
学英语也是如此

向本文提出修改或勘误建议