酷炫的用户界面替代方案和Scroll Bars的改进

Question

滚动条真的很无聊。我已经看到了一些非常有创意的新用户界面来更新这些。我相信有很多更好的方法可以花10px然后使用纯色和静态按钮。以下是我发现的两个例子：

• http://www.youtube.com/watch?v=-PnXY4wjuH8
• http://chikuyonok.ru/u/demo/infoscroller/ （此链接的信用额度为this question使用HTML5 Canvas）

您还有其他想法可以添加到此列表中吗？如何在不浪费太多房地产的情况下更好地了解文档中的视图状态？我们怎样才能在右边臭名昭着的死区添加更多功能？

Answer 1

Answer 2

好问题。请参阅RockScroll，now standard in Visual Studio 2013 Preview：http://www.hanselman.com/blog/IntroducingRockScroll.aspx

RockScroll依次启发MetalScroll：

反过来激发RockMargin。

此外，Visual Studio的Jetbrains Resharper插件在滚动条的右侧放置了一个垂直示例。信息显示为不同颜色的小水平条。这些条表示可以改进的一段代码。单击一个栏滚动代码页以将有问题的代码放入视图中：

此外，大多数文件比较软件使用花式滚动条。请参阅Scooter Software的Beyond Compare 3.0，它将与“infoscroller”类似的示例表与滚动条分开。左边的可供性可以像滚动条一样拖拽。此外，为了减少对水平滚动的需要，还有一个底部窗格，它将左窗格中的当前行放在顶部，将当前行放在下面的右窗格中。移动信息滚动允许用户同时滚动两个文档，这使得同一文档的两个版本之间的“合并”更改更容易。请参阅：

WinMerge有一个不同的，同样可滚动的左窗格，其功能类似于滚动条并复制现有的滚动条。 http://winmerge.org/about/screenshots/filecmp.png

最后，Google Chrome会将搜索功能（“find bar”）集成到滚动条中。

Greg Raiz想出了ABC Scrollbar：

Overlay Scrollbars最小化非客户区：

一项研究，gaze-enhanced scrolling techniques。

Answer 3

我喜欢Google Wave滚动条 - 似乎他们已经通过Fitt定律调整了滚动条。