网站开发之如何创造可触界面
.............................................................................................................................
随着新技术的发展，网页界面在最近几年来也发生了巨大改变。对网站开发者来说这可能不足为奇，但是很多人已经意识到在网站设计方面技术的灵活度与日俱增，但是很多时候这却成为他们的烦恼。我们团队最近接受了一个任务就是为公司的主打产品重建网站，但是运转起来要更像一个网站程序而不是一个单纯的网站。
这当然是个好主意。成千上万的帖子都在讨论这一产品，而且成千上万的blogger的选择是不会错的。
看起来多数网站开发人员都把精力集中到使用AJAX以提高数据处理的速度，减少页面刷新。对许多网站来说这当然是个不错的改进方法，但是要使整个网站更像一个程序，这样做的帮助并不大。程序有下载时间，观点改变时文件夹一部分一部分的更新，而且桌面用户习惯于这种方式。桌面程序处理数据时速度比网站程序快，而且大体上比网站程序更有触感，但是桌面程序的触感没能很好的转换到网站程序上来。
我们开始建造一系列桌面程序用户熟悉的tactile界面的机制，并寻找把这些机制引至我们的程序的方式。经过研究讨论，我们得出了一系列界面特征，在桌面程序中很常见，但是我们还希望能把它转换到网站程序中。
拖放操作
最常见的鼠标操作技术就是拖和放。网站上已经做出了很多工作区，但是对未能充分使用的桌面来说这是核心程序。我们开始创造可拖放的元素，而不是从下拉菜单中选择种类。这样做可以使界面看起来更舒服，也使得数据组织更容易。这一特征对所有附着在种类，文件夹或其他组织或分类系统来说添加起来是比较容易的。
有些网站程序已经被很好的执行。检查一下Yahoo Pipes 和Flickr查找一下拖动的帮助意义。执行起来也不错。许多可用的javascript数据库都支持跨浏览器的拖放。
选择组
有了可拖动元素，我们意识，从逻辑的角度看，下一步就是创建选择项。能把文件拖入文件夹并不是那么有帮助的一个功能，除非可以一次拖放多个文件。桌面上由多种可供选择的方式都可以执行选择多个文件的操作或者命令。你可以通过拖动周围的某个box上移点击，控制点击或者选择文件。
Shift click和control click都可以通过javascript处理，但是要使其在不同的浏览器上都运行正常就要多花些功夫了。像多数有关鼠标事件的信息一样，shift键和control键的状态都是可用的，但是在不同的浏览器中有不同的位置。
可定制界面
我们决定在程序上需要添加的最后几项之一是一个更具活力的网站。很多桌面程序都有一定程度的定制界面。Photoshop CS3就是灵活性的完美案例。多数菜单都有一种只显示图标而不是所有菜单或者是整个控制板的collapsed 模式。这可以作为一种最大化screen real estate 同时又不限制功能的方式。菜单和控制板都可以被删除或者重新安排。这两种定制方式为给更多观众更好的用户体验提供了很好的技术。初级用户可以保持菜单开放并使用最小数目的控制板或者功能。高级用户可以分割文件并在屏幕上有更多选选项。
这三种技巧可以用在网站程序开发中，使得程序多一些可触感。多数情况下，这些都可以跟许多JavaScript数据一起很方便的执行。我们用Scriptaculous，因为它支持拖放操作，可选择元素和基础的AJAX工具，但却只使用少量的外部代码。
上一页:网站建设开发的全球概念
下一页:网站可用性在网站建设中的地位
↑top
