Apr
15
15
从滚动条消失看细节设计
阅读数: 145
我相信所有设计师都是注重细节的!即使有时迫于种种原因,无法达到像期望般完美,但心中一定有份纠结的坚持。
最近的项目中,给选择器设计备选列表,发现了一个“由细节引发的细节问题”。下图是示例。很简单,在一个固定区域内做多选,当有很多备选时,滚动显示更多内容。(原本意图)
但实现出来之后,发现一个问题:滚动条被隐藏掉了。只有当在备选内容区滚动鼠标时,滚动条才会显示出来。这会影响到用户对这个功能区块的认知,根本察觉不到还有更多内容。(出乎预料)
图A:原本的意图,和期望达到的效果
图B:滚动条不见了,这可不是我们期望的
经过调试发现仍无法控制滚动条的始终显示,只好修改了设计。拉长区域高度,让下面的内容露出一部分来。用不完整来暗示还有更多内容。当区域有滑动时,滚动条自己就出来了。(解决方案)
图C:用不完整的形态做暗示
回到问题上来。可能会受影响的是在Mac OS X 10.7.3上使用Webkit内核的浏览器(Safari或Chrome)的用户们。究其最终原因,是因为一个系统默认选项(如下图),“根据输入设备自动显示”。这是苹果的一个细节设计,可以根据鼠标或触摸板等不同的输入设备,显示或隐藏滚动条。
也正是因为它,如果你使用的是触摸板或Magic Mouse等触控式鼠标,就会发现,在Webkit内核的浏览器下,一些功能原本有滚动条,现在都消失不见了。简单调整一下设计,就能比较好的解决这个问题了(如图C)。
滚动条控制
再优雅的设计,有时候也可能会引发问题。作为设计师,得以同样优雅的方式回应并解决问题。
相关推荐
- 瑞士设计的保温杯,好帅!好用!
- 重启2020,从治愈系的家开始
- 二季度即将开始,你被领导面谈了吗?
- 小户型大内容,N+1种框住美好回忆的方法:Studio HB
- 结合支付宝“集五福”,聊聊运营活动互动设计
- 他在厦门的山上,住进了混凝土乌托邦之家
- 高级灰+禁欲风,还原极简主义本质
- 瑞典156㎡北欧风度假别墅设计
- 这7件家具谁买谁后悔,费钱还占地方,白送我都不要!
- 三棵树摘得2021年中国房地产TOP100房企战略合作率头筹!
- 民国风的餐厅,复古但不无趣!
- 现代轻奢住宅,细节铸就高品质生活!
- 现在厨房瓷砖已经不流行通铺了,很多人都喜欢这样铺!
- 视效我们到底差点什么?专访十年视效人高枫
- 这对神仙夫妻爆改破烂办公室成豪宅,惊动1000万网友前来围观
- Elena Sedova新作:唯美诗意的空间