puffin浏览器(puffin浏览器连接不上)

既然在触控设备上具有完全不同的操作特性，而使用者使用触控设备浏览资讯的比例越来越增加，许多网站也不得不考虑如何应对触控设备浏览的需求加以调整：

放弃 Hover 效果、利用侦测浏览端的设备给予不同的版面排列方式

例如 Behance 的网页版以及手机 App 即展示了不同的版面配置

点击一次触发 Hover 的效果、再点一次即触发点击的效果

例如 Grids 这个网站亦使用了鼠标 Hover 上去才会显示标题与资讯的设计。而当使用触控设备浏览时，机制则自动变更为按第一次显示 Hover 效果，再按第二次则真正进行点击的动作：

另一个类似的作法是 App Store 裡面的购买按钮，以两阶段按钮来提示使用者「更多的额外资讯」，例如原本是显示 App 的价格，当使用者点击一次后，则变更按钮的外观，描述变更成再度按下后会真正执行的动作（购买并下载安装）。当然它也同时具备了防止使用者不小心误触而导致购买了 App 的两阶段按钮设计。

不知道是不是为了设计上的一致性，虽然桌面上对于按钮误触的情形较不明显，但其实 OSX 桌面版的 App Stroe 也设计了这个两阶段的按钮，而 iTunes 11 却没有这麽做，也许在接下来的版本会趋于统一吧。

使用长压并滑动的方式来模拟鼠标游标经过的状况

但这种方法的学习成本较高：一般触控式萤幕使用者并不熟悉此种 UI 操作方式，况且在浏览全版面的情况下，让使用者不断压著触控萤幕并且进行全萤幕的滑动是相当辛苦的一件事情、手指头亦容易挡住视线，反而遮蔽到想显示给使用者的资讯。

所以此种长压、滑动的操作方式大多使用在游戏中、并且多是使用在限定某一区域的控制（例如 Angry Bird、Fruit Ninja 等体感游戏，或是如 Minigore 这类模拟传统摇杆的游戏等等。

提供特殊功能来模拟鼠标的效果

虽然触控设备没有鼠标游标，但其实还是可以利用笔记型电脑模拟触控板的方式、来模拟出有鼠标游标的效果，例如 Puffin 这个浏览器即提供了「虚拟触控版」的功能、来模拟鼠标游标的存在。但依然有缺点：虚拟触控版的设计严重影响触控设备体验上的直觉性以及流畅感。

不同浏览装置上的浏览方式不同，在设计时自然必须将各种状况考虑进去。如此简单一个网页上的 Hover 效果，在触控装置上时是要怎麽安排呢？是改变排版方式、让 Hover 的资讯直接显示出来吗？採用两段式点击是否会影响使用者的浏览体验？抑或是其实 Hover 的显示资讯根本一点也不重要，那麽直接捨弃掉，是否会更好？

完美并可以适用所有设计的解决方式并不存在，大家在设计时还是得根据自己产品的特性、为产品选择一个最适当的方案来进行，「触控设备不一定会改变世界，但改变了某些设计」。

转载自：莫贝网

本文标签：