最新的web界面交互设计September 27th 杨掌柜
- Amazon的钻石搜索界面
特点:将对比结果数据图形化。通过托拽和勾选,在本页内直观看到结果数量。

- 鱼眼菜单(Fisheye menus)
适合比较大型有序的菜单,指针光标拂过,字的尺寸会随之逐渐变大清晰,指针远去,菜单也会慢慢缩小。这种界面很可能实现一个快速的导航,不需要按钮,滚动条甚至层次结构。

- 树地图(Treemap)
Treemap在显示复杂多元信息时有其独特的优势。它通过面积、排列和颜色来显示复杂的数据关系。
Smartmoney website网站是一个优秀的例子。用户通过Treemap来查看成百上千的股市行情变化。面积大小可以判断上市公司的资本多少,颜色显示价格波动,比如红色是下跌,绿色是上浮。

- 托拽(Drag and Drop)
这个动作windows用户是相当熟悉了,但网页上才开始应用起来。
Panic Room’s online store的购物车是个典型的例子》

拖进去这个动作,和生活中放进购物车的体验很匹配(比以往的点击按钮容易理解多了)。当然,你不用在到处寻觅自己的购物车躲在哪个角落了。您可以随时买单。
作者:Tim Fidgeon. (Tim’s crazy about web usability - so crazy that he now works for Webcredible, an industry leading web usability and accessibility consultancy. When he’s not running Webcredible’s web usability training course he can usually be found conducting usability testing)
相关链接:Webcredible

links for 2006-10-08 at 琪缘的BLOG
2006-10-09 0:12
[...] 最新的web界面交互设计 (tags: design ui) [...]
油茶会 - 每周一站:图片的应用(like.com)
2007-12-26 10:08
[...] 搜索产品的方式更是本站名字的来源,革新独创,使用拉出图框,选择感兴趣的部分,进行类比搜索,还可以选择你是相中选中部分的形状?颜色?材料?,然后获得非常靠谱的结果。圈了颗珍珠试了下,震惊~您自己去使用一下就明白。我们常见的搜索选项,进行了一些革新,在前一个月的帖子中贴过亚马逊的搜索了,赏心悦目,又容易用,happy啊~ [...]