您在网站上看到的最聪明的UI功能是什么？

Question

您在网站上看到的最聪明的UI功能是什么？东西：

• 让用户体验更直观
• 显着增加了该应用的实用性。
• 添加到应用程序的“惊叹因素”
• 或......您认为重要的任何其他内容;）

也可以是标准的，但特别好实施。

请将此限制为标准网络技术（HTML，AJAX等），请不要使用Flash或插件！

谢谢

Answer 1

在

ColorSchemeDesigner

我们可以通过选择一种颜色方案进行页面预览，这对我的应用程序设计网页有很大帮助。

Answer 2

我已经看到完全违反所有标准的东西，而且它也是一个实验，但它肯定有令人惊叹的因素。它被称为Don't Click It，它只是在没有点击的情况下使用UI。亲自尝试一下，你会惊讶于你经常点击（至少那是我的经历）

Answer 3

  

让用户体验更直观

支持后退按钮和标签式浏览，GMail就是一个很好的例子。

我使用了太多（基于Oracle的时间预订系统似乎是最糟糕的），如果您使用“返回”返回到您在点击链接之前所在的页面，那就搞砸了。

在一个网站nationalrail.co.uk上，几乎不可能在不同的标签中打开两个不同查询的列车时间，因为它以每个用户为基础存储查询。 （因此，如果您打开一个选项卡，进行旅程查询，打开另一个选项卡，进行另一个查询，然后在第一个选项卡上请求稍后的列车，您将获得第二个旅程的详细信息）。有时我必须打开chrome和firefox或使用多台计算机来计划我的旅程。

Answer 4

谷歌地图是迄今为止互联网上最聪明/最先进的非Flash用户界面。

Answer 5

ebay，amazon等搜索框的下拉建议都会在其网站上使用，以方便用户查找搜索关键字。 Google也有此功能，但该功能在特定网站的搜索中可能更有用，因为您没有获得不适用于该网站的随机关键字。

几年前，我参与了将搜索建议功能提升到MSDN Search，之后的使用指标非常惊人：多达20％的英语搜索使用了自动推荐功能。在搜索中，如果超过3％的搜索使用它，则功能通常会成功，因为几乎所有搜索时间，人们只需选择默认UI并继续。 20％的使用量是闻所未闻的 - 我见过的任何其他搜索功能（在任何网站上）都没有了。

搜索建议特别好看的是，当有人真正需要它们时，他们只占用屏幕空间（键入搜索框），否则占用零页面空间。

此外，您可以将它们扩展到简单的建议列表之外 - 您可以显示预览UI（如IE8的浏览器 - 工具栏 - 搜索框的预览图像，或者如果用户想绕过搜索，甚至允许单击链接搜索结果共）。

Answer 6

对我来说，最聪明的用户界面功能就是在我执行某种动作之后，我被重点关注应用程序中我可能需要的地方。

例如：ToDo app - 我将一个项目添加到我的待办事项列表文本框中。打进去。该应用程序添加我的项目然后给文本框返回其焦点，以允许我继续并添加下一个待办事项。

我发现像这样的东西使应用程序比任何真正花哨的东西更流畅和更容易使用 - 对用户如何使用特定功能的一些想法使所有的差异......

Answer 7

Hyperlinks。

我知道这不是魅力或光滑，但想象一下在1965年回想起来了！？！

那 很聪明！

Answer 8

Google主页的高效简洁性。

Answer 9

在stackoverflow上创建帐户以及与OpenId的良好集成是如此简单。

我现在考虑使用OpenId每当我需要一个网站的登录系统时，现在我已经体验过它的工作效果。

Answer 10

Pandora。当然，我很惊讶它可以选择我想要的不熟悉的音乐，但界面的整体美感和流畅度也使整个第一次体验成为难忘的乐趣。当然，这也很容易。

我特别记得的一个功能 - 它仍然存在 - 是下一首歌曲的标题卡从窗口的右边缘稍微向外窥视的方式。一个微妙的挑逗，还有更多的未来。

（整个描述听起来比我的意思更有性......）

Answer 11

我非常喜欢Freckle的界面。它们使用界面跟踪时间变得非常容易。

Answer 12

我很难选择一个最喜欢的UI功能。但是当我想到良好的用户界面时，我想到的是SmugMug。在我看来，他们在所有在线图片库网站中拥有最好的用户界面。

请允许我随机选择一个画廊：

http://collierphotography.smugmug.com/Photography/Colorado/9289093_h9zBa

我将列出一些使其变得更棒的UI功能：

1. 当您点击一张小照片时，它会将您带到一个新页面锚点（而非新页面），同时动态切换您正在查看的中型照片。首先，这意味着该网站不必再次加载页面，这只是在您浏览图像时浪费时间。其次，因为它是页面锚点，浏览器中的后退/前进按钮才有效！我同意Pete Kirkham的观点，当一个网站的设计方式与你击中“Back”时它会打架时，我真的很烦。幸运的是，SmugMug不是其中一个网站。事实上，他们拥有的是理想的设置。最终结果是一个易于导航的照片库，同时也比其他任何东西更快。

2. 它符合浏览器的宽度。这并不一定适用于所有网站，但在照片库中它肯定有帮助。

3. 当您点击大图片以使其更大时，他们已经实现了自己的灯箱效果。当您查看照片时，这将使背景变暗，并提供更多尺寸选项。

因此，它不仅仅是一个功能，事实上在任何一个功能中都没有突出的突破性功能。但它结合了良好的UI实践，使得这个网站非常好用。

Answer 13

Google Analytics击败了我见过的其他任何东西（IMO）。直观UI的完美示例，以清晰的方式呈现大量信息。

Answer 14

Gmail：对于惊人的响应速度和键盘快捷键（所有这些都是标签快捷键：应用标签，移动到标签，转到标签）。

Google Calendar：用于聪明的用户界面，允许在不重新加载页面的情况下查看，添加和拖放事件从一个日期到另一个日期。

在这两种情况下，使用Gears的离线模式都是一个不错的选择。

Answer 15

stackoverflow警报栏漂亮。我喜欢它。现在我是那种一次打开约200个标签的人，所以每当我重新启动firefox时，至少有十几个网站都有最愚蠢的提示 EVER ...而且真的{ {1}}我离开。

Answer 16

Facebook是ajax网站的一个很好的例子。看起来很好，效果很好（不完美;））

Answer 17

Ajax日历，例如

http://www.asp.net/AJAX/AjaxControlToolkit/Samples/Calendar/Calendar.aspx

真正有用（一周的哪一天是？）并且不要妨碍。

Answer 18

我被Timeline control Similie Widgets感到震惊。

非常易于使用，理解和导航。完全用Javascript编写;没有Flash可见，最重要的是它是开源的，所以任何人都可以使用它。

我看到它在使用的第一个地方是Netbeans网站上的roadmap page。

Answer 19

这有点深奥，因为它真的适用于wiki-tech，但我认为某些wiki的逐节编辑功能非常棒。我必须使用几个不同的wiki，当你在wiki中编辑一个非常大的页面时，不支持逐页编辑（或者更糟糕的是，也不支持预览你的差异），你觉得每个变化都可以导致灾难。

Answer 20

我喜欢jQuery UI ThemeRoller] 1，它允许您为jQuery自定义GUI主题。特别酷的是它的Firefox Bookmarklet，它允许你采用jQuery UI页面并动态地播放它的外观。

Answer 21

我非常喜欢记住The Milk SmartAdd编辑框。这是在一个地方设置所有信息的简单而有效的方法。

http://www.rememberthemilk.com/services/smartadd/

Answer 22

我认为最好的简单，最古老的javaScript UI增强API之一是 Highslide （http://www.highslide.com/）。它绝对用于所有地方（请参阅Implementations），可用于内联，ajax或非现场内容。简单，有效，精彩。

我在我的网站上使用它来获取简单的照片（www.rogoff.uk.com），但我们也将它用于工作中更复杂的基于Web的应用程序。允许多个移动窗口轻松地最大化浏览器中的空间和内容。

Answer 23

Grooveshark的新HTML5界面非常棒。

Answer 24

某些网络论坛应用程序弹出窗口的方式，而不是工具提示窗口，其中包含帖子的第一段或第二段。当您查看主题列表时，尝试确定哪些主题值得阅读，单击是否繁琐，等待整页刷新，单击后退按钮，再次等待页面刷新。由于主题列表和主题线程的页面布局（以及思维过程）是如此不同，因此是否有一种AJAXy方法来处理这一点并不明显。但是这个可以在有或没有AJAX的情况下实现的小功能对于使浏览论坛成为一种更愉快的体验还有很长的路要走。

许多网页都使用悬停在各种各样的眼睛糖果上，有时他们真的过度使用到令人烦恼或难以使用的页面，但这个帖子预览悬停是很棒的东西。

Answer 25

我喜欢基于flash的真实全屏效果...