我答知乎:网页的侧边栏应该放在左边还是右边?
来源:互联网 发布:js tochararray 编辑:程序博客网 时间:2024/04/30 01:14
问题:
大多数的网站都把侧边栏放在了左边,也有部分网站把侧边栏放在了右边,那么到底哪种更合适呢?如何考虑哪些内容放在什么位置?
我答:
@Dadastan 提到了左撇子、右撇子的问题,很有意思,不过我认为恰恰应该是:
左撇子右边、右撇子左边
对于LZ说的侧边栏方位问题,首先,我在这里假设提到的侧边栏是充当导航作用,事实上这也是最主流的侧边栏功能。
那么为什么大多数网站的侧边栏都在左边呢?我想举个拉开抽屉的例子,这个如果大家读过《Don't Make Me Think》的话,应该也知道,其实作者在里面也以此类比过,这里我再提一次:
我们可以把侧边栏当作是侧放在我们面前的一排抽屉,我们知道,大多数人都是右撇子,那么习惯用右手操作的人,你是希望这排侧放(再强调一次,是侧放)的抽屉是放在你的左边呢还是右边?很显然,放在左边是方便操作的,同理,对于左撇子来说,TA会觉得放在右边更符合思维习惯。
那么对于网页的侧边栏而言,我认为很大程度上就是借鉴了抽拉侧放抽屉这个原理,从本质上来说是界面交互上的限制与人的思维限制进行匹配的结果。
左撇子右边、右撇子左边
对于LZ说的侧边栏方位问题,首先,我在这里假设提到的侧边栏是充当导航作用,事实上这也是最主流的侧边栏功能。
那么为什么大多数网站的侧边栏都在左边呢?我想举个拉开抽屉的例子,这个如果大家读过《Don't Make Me Think》的话,应该也知道,其实作者在里面也以此类比过,这里我再提一次:
我们可以把侧边栏当作是侧放在我们面前的一排抽屉,我们知道,大多数人都是右撇子,那么习惯用右手操作的人,你是希望这排侧放(再强调一次,是侧放)的抽屉是放在你的左边呢还是右边?很显然,放在左边是方便操作的,同理,对于左撇子来说,TA会觉得放在右边更符合思维习惯。
那么对于网页的侧边栏而言,我认为很大程度上就是借鉴了抽拉侧放抽屉这个原理,从本质上来说是界面交互上的限制与人的思维限制进行匹配的结果。
想想,侧放的抽屉里放满了文件,各个抽屉放置同类文件,拉开抽屉取出文件查看,这种行为模式是不是很类似于我们通常浏览带有左置导航栏的网页一样呢?
然而对于对于非导航式侧边栏来说,就不能用这种抽拉侧边抽屉的原理来解释了,对于这种类型的侧边栏往往放置在右边,这可以用 @施磊 提出的热点区域来解释下了,这个热点区域说明左边往往是用户眼睛关注较多的地方,那么用户不太那么关心或者重要性较低的内容当然就应该放置在右边的冷区域了,比如知乎、优酷的播放页面、百度的搜索结果页面。
值得注意的是,百度的侧边栏在右边,往往是广告、推广;而google的侧边栏在左边,恰恰充当着导航的作用。
然而对于对于非导航式侧边栏来说,就不能用这种抽拉侧边抽屉的原理来解释了,对于这种类型的侧边栏往往放置在右边,这可以用 @施磊 提出的热点区域来解释下了,这个热点区域说明左边往往是用户眼睛关注较多的地方,那么用户不太那么关心或者重要性较低的内容当然就应该放置在右边的冷区域了,比如知乎、优酷的播放页面、百度的搜索结果页面。
值得注意的是,百度的侧边栏在右边,往往是广告、推广;而google的侧边栏在左边,恰恰充当着导航的作用。
————欢迎访问我的知乎:http://www.zhihu.com/people/cao-huai-zhi
- 我答知乎:网页的侧边栏应该放在左边还是右边?
- 在App里,「确定」按钮应该放在左边还是右边?
- App"确定"按钮应该在左边还是右边?
- App"确定"按钮应该在左边还是右边?
- 检测某向量在另一向量的左边还是右边
- 判断点在有向线段的左边还是右边
- 冒泡排序的方式实现一组数据偶数放在左边奇数放在右边
- 应用中的「确定」按钮应该在左边还是右边?
- 弹窗的确定按钮是放左边还是右边
- java数组中,然后把奇数放在数组的左边,偶数放在右边,方法一
- java数组中,然后把奇数放在数组的左边,偶数放在右边,方法二
- 我的setContentView应该放在何处
- 在网页中点击左边的连接,内容在右边显示
- const的用法,放*左边,与*右边区别
- 递归-奇数放左边,偶数放右边
- 将一个数列中的奇数放在左边,偶数放在右边
- 如何在按钮中把文字放左边,图片放右边
- 如何在按钮中把文字放左边,图片放右边
- 读取一个文件中的内容到String中
- mfc对话框窗口之间变量的传递
- Java通过反射实现简单对象的拷贝
- __declspec(dllexport)与__declspec(dllimport)
- 过滤字符串中的多字节字符
- 我答知乎:网页的侧边栏应该放在左边还是右边?
- Android 4.0.3 显示系统深入理解
- Python学习笔记——常量定义
- ffmpeg教程七——使用举例——水印制作
- 记住:一个很简单又很复杂的规则:一个类型引用只能引用类型本身含有的方法和变量
- 当前线程不在单线程单元中,因此无法实例化 ActiveX 控件
- android情景模式切换的实现
- Torque在Linux集群上的安装配置
- 素数求和问题