《众妙之门——用户体验设计的秘密》一2.3　触摸至上的设计

2024-05-11 22:40:48

本节书摘来自异步社区《众妙之门——用户体验设计的秘密》一书中的第2章，第2.3节，作者【德】Smashing Magazine，更多章节内容可以访问云栖社区“异步社区”公众号查看

2.3　触摸至上的设计

这种折中的设计思维可以体现在触摸交互界面中，现在，它已经扎根于桌面网页设计中了。

在触摸交互界面中，手指作为定点设备比鼠标的指针大得多，这就需要更大的触摸对象。为了确保可用性，交互元素也需要更大。出于美学的考虑，需要相应地增大内边距和外边距——更大的交互元素需要更大的边距来保持一种视觉上的平衡感。

Gmail在新设计中采用了很多留白区域，增大了按钮的内边距，非常适合手指操作，尽管这是桌面版的设计。

按照以前的思维，触摸交互界面和桌面界面泾渭分明，但iPad的出现以及流行使两者之间的界线变得模糊——iPad为两者“牵线搭桥”。iPad的触摸设计影响了桌面界面设计。可以留意一下最近桌面界面设计的主要作品，诸如Gmail、Twitter和一些CSS图库，可以看到网页上的设计开始跟以前略有不同了。元素看起来似乎更丰满了。更多的留白区域，更大内边距的按钮，总体说来，就是元素更大了。当然，日益增长的桌面屏幕尺寸也是产生这一现象的原因之一。

这种设计对于鼠标操作来说，可能元素排布不是很紧密，但是却给拇指提供了充足的操作空间，防止了触摸的误操作。允许些许的不完美，以提供更普遍化的用户体验。这论调听起来是否很熟悉？没错，这就是界面设计中的平均律！

需要注意的是，如果界面设计能够适合手指的触摸操作，那么该设计一般会更适合桌面上的鼠标操作。易于触摸的按钮通常会更易于点击。平衡来自混乱，完美来自些许的瑕疵，通过这种设计方式，在满足触摸交互体验的同时，也提升了桌面场景的体验。

微软的Metro化设计Metro design语言以触摸为主，实现了很好的交互性。

《众妙之门——用户体验设计的秘密》一2.3　触摸至上的设计相关推荐

《众妙之门——Web用户体验设计与可用性测试》一2.3　总结
本节书摘来自异步社区<众妙之门--Web用户体验设计与可用性测试>一书中的第2章,第2.3节,作者 [德]Smashing Magazine,更多章节内容可以访问云栖社区"异步社 ...
《众妙之门——Web用户体验设计与可用性测试》一第2章　在网页设计中通过测量数据优化情感投入2.1　情感应答和行为应答的关系...
本节书摘来自异步社区<众妙之门--Web用户体验设计与可用性测试>一书中的第2章,第2.1节,作者 [德]Smashing Magazine,更多章节内容可以访问云栖社区"异步社 ...
《众妙之门——Web用户体验设计与可用性测试》一2.2　从数字上看：行为应答...
本节书摘来自异步社区<众妙之门--Web用户体验设计与可用性测试>一书中的第2章,第2.2节,作者 [德]Smashing Magazine,更多章节内容可以访问云栖社区"异步社 ...
《众妙之门——移动交互体验设计》—— 1.2　物物互联
本节书摘来异步社区<众妙之门--移动交互体验设计>一书中的第1章,第1.2节,作者:[德]Smashing Magazine,更多章节内容可以访问云栖社区"异步社区"公 ...
《众妙之门——移动交互体验设计》一1.2　物物互联
本节书摘来自异步社区<众妙之门--移动交互体验设计>一书中的第1章,第1.2节,作者[德]Smashing Magazine,更多章节内容可以访问云栖社区"异步社区"公 ...
《众妙之门——网页排版设计制胜秘诀》——3.6 网页版式高级教程
本节书摘来自异步社区<众妙之门--网页排版设计制胜秘诀>一书中的第3章,第3.6节,作者: [德]Smashing Magazine 译者: 侯景艳 , 范辰更多章节内容可以访问云栖社区 ...
《众妙之门——网站UI设计之道（修订版）》一1.3　制作有效用户界面的实用技巧...
本节书摘来自异步社区<众妙之门--网站UI设计之道(修订版)>一书中的第1章,第1.3节,作者[德]Smashing Magazine,更多章节内容可以访问云栖社区"异步社区&q ...
《众妙之门——网页排版设计制胜秘诀》——3.4 展现品牌视觉的同时保持网页的可读性...
本节书摘来自异步社区<众妙之门--网页排版设计制胜秘诀>一书中的第3章,第3.4节,作者: [德]Smashing Magazine 译者: 侯景艳 , 范辰更多章节内容可以访问云栖社区 ...
《众妙之门——网页排版设计制胜秘诀》——第3章设置网页字体的5 项原则和方法3.1 系统地进行网页版式设计...
本节书摘来自异步社区<众妙之门--网页排版设计制胜秘诀>一书中的第3章,第3.1节,作者: [德]Smashing Magazine 译者: 侯景艳 , 范辰更多章节内容可以访问云栖社区 ...

最新文章

热门文章