Physical Address

304 North Cardinal St.
Dorchester Center, MA 02124

功能可见性 Affordance: 物品与环境的功能可见性设计

当物品或环境的功能可见性符合人们的感官预期时,这种设计就会被充分接纳,并具有高使用率和易操作性。

物品或环境的特质会影响其功能

在我们的日常生活中,我们常常发现一些物品或环境比其他的更适合某些功能。比如圆形轮胎比方形轮胎更容易滚动起来,楼梯比栏杆容易攀登。然而,这并不意味着方形轮胎不能滚动,或栏杆无法攀爬。实际上,这些物品和环境的特性会影响到我们对它们功能和使用方式的认知。

功能可见性的重要性

当物品或环境的功能可见性符合人们的感官预期时,这种设计就会被充分接纳,并具有高使用率和易操作性。反之,如果功能可见性与预期功能相抵触,设计出来的产品就不会被广泛接受,使用率也会下降。举例来说,我们通常会去拉门把手来打开门,但如果使用一块平面金属板代替门把手,门就能直接被推开,符合人们的预期操作方式。这种改进提高了门的设计可用性。

图像在产品设计中的应用

生活中常见物品和环境的图像能够提升产品设计的易用性。例如,电脑屏幕上的三维立体的图标与实际生活中常见的按钮相似,人们就知道可以直接点击。电脑操作系统中的“桌面”以及回收站和文件夹等常见图标在视觉和功能上都符合人们的认知。这些图标可以用来提示用户,使其明白对应的软件功能。

设计原则的应用

在设计中,要尽可能地让物品和环境符合人们的心理预期,并且使用方式也要适当。比如,在设计可折叠椅子时,折叠方式就应该只有一种,以避免混淆。在抽象环境下,比如软件界面,模拟人们熟悉的物品和环境能够提醒用户如何使用新系统中的各个组件,以及它们的功能是什么。如果能成功地运用功能可见性原则到设计中,设计就会在运行中或被使用中表现得更为顺畅,用户体验也会更加出色。

通过考虑功能可见性,设计者可以创造出更符合用户预期和操作习惯的产品和环境,从而提升其易用性和用户满意度。


Fatal error: Uncaught TypeError: implode(): Argument #2 ($array) must be of type ?array, string given in /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/vendor/matthiasmullie/minify/src/CSS.php:528 Stack trace: #0 /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/vendor/matthiasmullie/minify/src/CSS.php(528): implode() #1 /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/vendor/matthiasmullie/minify/src/CSS.php(314): MatthiasMullie\Minify\CSS->shortenColors() #2 /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/vendor/matthiasmullie/minify/src/Minify.php(111): MatthiasMullie\Minify\CSS->execute() #3 /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/inc/classes/subscriber/Optimization/class-minify-html-subscriber.php(90): MatthiasMullie\Minify\Minify->minify() #4 /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/inc/vendors/classes/class-minify-html.php(227): WP_Rocket\Subscriber\Optimization\Minify_HTML_Subscriber->minify_inline_css() #5 [internal function]: Minify_HTML->_removeStyleCB() #6 /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/inc/vendors/classes/class-minify-html.php(118): preg_replace_callback() #7 /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/inc/vendors/classes/class-minify-html.php(48): Minify_HTML->process() #8 /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/inc/classes/subscriber/Optimization/class-minify-html-subscriber.php(77): Minify_HTML::minify() #9 /www/wwwroot/coool_ink/wp-includes/class-wp-hook.php(324): WP_Rocket\Subscriber\Optimization\Minify_HTML_Subscriber->process() #10 /www/wwwroot/coool_ink/wp-includes/plugin.php(205): WP_Hook->apply_filters() #11 /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/inc/classes/Buffer/class-optimization.php(94): apply_filters() #12 [internal function]: WP_Rocket\Buffer\Optimization->maybe_process_buffer() #13 /www/wwwroot/coool_ink/wp-includes/functions.php(5464): ob_end_flush() #14 /www/wwwroot/coool_ink/wp-includes/class-wp-hook.php(324): wp_ob_end_flush_all() #15 /www/wwwroot/coool_ink/wp-includes/class-wp-hook.php(348): WP_Hook->apply_filters() #16 /www/wwwroot/coool_ink/wp-includes/plugin.php(517): WP_Hook->do_action() #17 /www/wwwroot/coool_ink/wp-includes/load.php(1279): do_action() #18 [internal function]: shutdown_action_hook() #19 {main} thrown in /www/wwwroot/coool_ink/wp-content/plugins/wp-rocket/vendor/matthiasmullie/minify/src/CSS.php on line 528