实例解析:看看「交互设计七大定律」是如何应用的?(三)
上篇文章给大家分析了两个运用费茨定律的实例“
实例解析:看看「交互设计七大定律」是如何应用的?(二)
”,接下来继续看看一些案例。
费茨定律(Fitts’ Law)在设计中的应用
屏幕的边和角很适合放置像菜单栏和按钮这样的元素,因为边角是巨大的目标,它们无限高或无限宽,你不可能用鼠标超过它们。即不管你移动了多远,鼠标最终会停在屏幕的边缘,并定位到按钮或菜单的上面。
案例一:比如移动端的知乎、Twitter及Facebook内的发帖按钮
通过下面三个界面,我们看到它们本身发布内容的按钮都放置在了屏幕的右下角处,这样的设计正是运用了上面的要点,使得用户的操作难度和成本降低,提升了用户体验。 案例二:例如Windows桌面底部导航和Mac桌面顶/底部导航栏
下面两个操作系统我想大家都很熟悉,经常使用的都知道Windows桌面的默认导航栏是在固定底部的,而Mac导航的位置则是在顶部和底部都有,虽然,两者导航看似处在屏幕的不同位置,实际上都是固定在屏幕的边缘,还有,当你去设置导航栏的位置时,都是停留在屏幕边缘四周,不会出现在屏幕中央的位置,这就是最经典的“费茨定律”用处了。
接下来就是最后一个应用:出现在用户正在操作的对象旁边的控制菜单(右键菜单)比下拉菜单或工具栏可以被打开得更快,因为不需要移动到屏幕的其他位置。
什么意思呢?下篇文章会结合实际案例给大家分析一下,感兴趣的话可以继续去看看。
以上就是“实例解析:看看「交互设计七大定律」是如何应用的?(三)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。
费茨定律(Fitts’ Law)在设计中的应用
屏幕的边和角很适合放置像菜单栏和按钮这样的元素,因为边角是巨大的目标,它们无限高或无限宽,你不可能用鼠标超过它们。即不管你移动了多远,鼠标最终会停在屏幕的边缘,并定位到按钮或菜单的上面。
案例一:比如移动端的知乎、Twitter及Facebook内的发帖按钮
通过下面三个界面,我们看到它们本身发布内容的按钮都放置在了屏幕的右下角处,这样的设计正是运用了上面的要点,使得用户的操作难度和成本降低,提升了用户体验。 案例二:例如Windows桌面底部导航和Mac桌面顶/底部导航栏
下面两个操作系统我想大家都很熟悉,经常使用的都知道Windows桌面的默认导航栏是在固定底部的,而Mac导航的位置则是在顶部和底部都有,虽然,两者导航看似处在屏幕的不同位置,实际上都是固定在屏幕的边缘,还有,当你去设置导航栏的位置时,都是停留在屏幕边缘四周,不会出现在屏幕中央的位置,这就是最经典的“费茨定律”用处了。
接下来就是最后一个应用:出现在用户正在操作的对象旁边的控制菜单(右键菜单)比下拉菜单或工具栏可以被打开得更快,因为不需要移动到屏幕的其他位置。
什么意思呢?下篇文章会结合实际案例给大家分析一下,感兴趣的话可以继续去看看。
以上就是“实例解析:看看「交互设计七大定律」是如何应用的?(三)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。