什么是您在网站上看到的最聪明的UIfunction?

什么是您在网站上看到的最聪明的UIfunction? 一些东西:

  • 使用户体验更直观
  • 大大增加了应用程序的有用性。
  • 添加到应用程序的“哇因素”
  • 或者…你认为重要的任何东西;)

也可能是一些标准,但特别是很好的实施。

请限制这个标准的networking技术(HTML,AJAX等),没有Flash或插件请!

谢谢

ColorSchemeDesigner

我们可以通过select一个配色scheme来进行页面预览,这个配色scheme在帮助我devise应用程序的网页方面帮了我很大忙。

我已经看到了一些完全违背所有标准的东西,这也是一个实验,但它肯定有它的好处。 这就是所谓的“ 不要点击它”,而不是点击而使用UI。 尝试一下自己,你会惊讶你经常想要点击(至less这是我的经验)

使用户体验更直观

支持后退button和标签浏览,其中GMail就是一个很好的例子。

我使用了太多(基于Oracle的时间预订系统似乎是最糟糕的),如果在点击链接之前使用“返回”返回到您所在的页面,那么这种情况就会很糟糕。

在一个网站nationalrail.co.uk上,几乎不可能在不同的标签中打开两个不同查询的列车时间,因为它以每个用户为基础存储查询。 (所以如果你打开一个标签,做一个旅程查询,打开另一个标签,做另一个查询,然后要求在第一个选项卡上获得第二次旅程的详细信息)。 有时我必须打开Chrome和Firefox,或者使用多台计算机来计划我的旅程。

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

对search框的下拉build议,如易趣,亚马逊等,都在他们的网站上使用,以方便用户findsearch关键字。 谷歌也有这个function,但是这个function对于网站特定的search来说可能更有用,因为你不会得到任何不适用于该网站的随机关键字。

几年前,我参与了MSDNsearch的searchbuild议function,从那时起使用度量标准非常突出:多达20%的英文search使用了自动build议function。 在search中,如果有超过3%的search使用了该function,那么该function通常会成功,因为几乎所有search时间的人都会select默认的用户界面并继续前进。 20%的使用是闻所未闻的 – 没有其他searchfunction,我见过(在任何网站)接近。

searchbuild议特别好的地方在于,当有人真正需要时,他们只会占用屏幕空间(在search框中键入),否则就占用零页面的空间。

此外,你可以扩展他们超出简单的build议名单 – 你可以显示预览用户界面(如IE8的浏览器,工具栏search框的预览图像,甚至允许一键链接search结果,如果用户想绕过search)。

对我来说,最聪明的UIfunction就是当我执行某种操作之后,我被带到/专注于下一个可能需要的应用程序的位置。

例如:ToDo应用程序 – 我添加一个项目到我的待办事项列表文本框。 点击进入。 该应用程序添加我的项目,然后给文本框的重点,让我上车并添加下一个待办事项。

我发现这样的东西使得应用程序比任何真正的花俏的应用程序都更容易使用 – 关于用户如何使用特定function的一点想法使得所有的区别变得…

超链接 。

我知道这不是魅力或光滑,但想象一下,在1965年回想起来!

太聪明了!

Google主页的高效简单。

在stackoverflow上创build一个帐户非常简单,而且与OpenId有很好的集成。

我现在要考虑使用OpenId,无论何时我需要一个网站的login系统,现在我已经体验到了它的工作效果。

潘多拉 。 当然,我惊异地能够挑选出我所不熟悉的音乐,但界面的整体美观和stream畅度也让整个第一次体验了难忘的快感。 当然也很容易。

我特别记得的其中一个特点是 – 它仍然存在 – 就是下一首歌曲的标题牌从窗口的右边缘窥视一下。 一个微妙的挑逗,还有更多的未来。

(整个描述听起来比我的意思更有性…)

替代文字

我真的很喜欢祛斑的界面。 他们可以很容易地跟踪他们的界面。

我很难挑选一个最喜欢的UIfunction。 但是当我想到好的用户界面时,想到的是SmugMug。 在我看来,他们在所有在线照片库网站中都有着最好的用户界面。

请允许我随机选一个画廊:

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

我将列出一些使其非常好的UIfunction:

  1. 当你点击一张小照片时,它将把你带到一个新的页面锚(而不是一个新的页面),同时dynamic切换你正在看的中等大小的照片。 首先,这意味着网站不必再重新加载页面,这只是在浏览图片时浪费时间。 其次,因为它是一个页面定位器,所以浏览器的后退/前进button可以工作! 我同意Pete Kirkham的观点,当一个网站被devise成当你打“Back”的时候,它会打你。 幸运的是,SmugMug不是这些网站之一。 实际上他们拥有的是理想的设置。 最终的结果是照片画廊,很容易浏览,而且比其他任何东西都快。

  2. 它符合您的浏览器的宽度。 这并不是所有网站都需要的,但是在图片库中它肯定有帮助。

  3. 他们已经实现了自己的Lightbox-esque效果,当你点击大的图像,使其更大。 这会使您在查看照片时变暗背景,并提供更多尺寸选项。

所以这不仅仅是一个function,事实上在这些方面都没有突破性的突破性function。 但是这是好的用户界面实践的结合,使这个网站非常好用。

Google Analytics击败了我见过的其他任何事情(IMO)。 一个直观的用户界面,以清晰的方式呈现大量信息的完美例子。

Ajax日历例如

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

真正有用(一周中的哪一天?),不要妨碍。

Facebook是ajax网站的一个很好的例子。 看起来不错,运作良好(不完美;))

Gmail :令人惊叹的响应能力和键盘快捷键(所有这些,但特别是标签快捷键:应用标签,移动到标签,去标签)。

谷歌日历 :聪明的用户界面允许查看,添加和拖放事件从一个date到另一个,而无需重新加载页面。

在这两种情况下,使用Gears的离线模式是一个不错的select。

stackoverflow提醒栏是美丽的 。 我喜欢它。 现在我就是那种每次打开200个标签的人,所以每当我重新启动Firefox时,至less有十几个网站提供了最愚蠢的提示…而且<some word here>真的<some word here>

我喜欢jQuery UI ThemeRoller] 1 ,它可以让你自定义jQuery的GUI主题。 特别酷的是它的Firefox书签 ,它可以让你采取一个jQuery的UI页面,并dynamic地玩它的外观。

这有点深奥,因为它确实适用于wiki技术,但是我认为某些wiki的编辑function非常棒。 我必须使用几个不同的wiki,当你编辑一个不支持逐段编辑(或者更糟糕的是,也不支持预览你的差异)的wiki中的一个非常大的页面时,你觉得每一个变化都可以导致灾难。

我被Similie Widgets的时间轴控制吹走了。

非常容易使用,了解和导航。 完全用Javascript编写; 没有闪光可见,最重要的是它的开源,所以任何人都可以使用它。

我看到它使用的第一个地方是Netbeans站点上的路线图页面 。

我非常喜欢Remember The Milk SmartAdd编辑框。 在一个地方设置所有信息是一种简单而强大的方法。

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

我认为最好的简单,最古老的javaScript UI增强API之一就是Highslidehttp://www.highslide.com/ )。 它绝对无处不在(请参阅实现 ),可用于内联,ajax或非现场内容。 简单,有效和辉煌。

我在我的网站上使用它来制作简单的照片( http://www.rogoff.uk.com ),但是我们也在工作中使用它来处理更复杂的基于Web的应用程序。 允许多个移动窗口轻松地最大化您的浏览器的空间和内容。

Grooveshark新的HTML5界面非常出色。

我喜欢基于Flash的真正的全屏效果…

一些networking论坛应用程序的方式popup一个窗口,而不是一个工具提示窗口,其中包含第一个或第二个post。 在查看主题列表时,尝试确定哪些内容值得阅读,点击可能会比较乏味,等待整页刷新,单击后退button,等待页面再次刷新。 由于主题列表和主题线索的页面布局(和思考过程)是如此不同,所以是否有AJAXy方法来处理这个问题并不明显。 但是,这个可以通过或不通过AJAX实现的小function,使浏览论坛的过程变得更愉快。

很多页面都使用徘徊在各种各样的眼睛,有时他们真的过分恼人或使页面难以使用,但这张贴预览hover是伟大的东西。