Tool Software

让您的客户在设计需求里涉及到的显示设备列表上签字，这是非常必要的。大家确认后才会不用花费时间和精力在各种不必要的修改里。

移动设备市场正在蓬勃发展，许多即将推出的移动设备与现有设备大不相同。网站设计必须要迎合各种终端。 别在您的网页中广泛使用表格和嵌套表格。那里的大多数移动浏览器对复杂的表嵌套不是很友好。为移动世界创建门户的最佳方法是将各个部分堆叠在一起。我更喜欢设计一个简单的主页，使您可以在门户网站的每个部分中进行采样。如图A所示，这些部分突出显示中的每个突出显示都一个接一个地排列。单击“更多...”按钮将带您到相应的部分页面。单击其中一个链接将直接带您到所选项目的详细信息。

图A

用户配置文件和隐式个性化在这里非常重要。如果您的门户网站销售电子产品，请在确定部分高亮显示内容的同时查找用户的购买历史记录。

我们还对这些部分进行了重新排序，以便如果用户从我们这里购买了笔记本电脑，那么我们会将“附件”部分推到顶部，并在其中放置笔记本电脑配件。

请记住，无论速度有多快，在小型手持设备上进行浏览的体验仍然相对繁琐，并且用户希望以最小的点击量即可获得所需的内容。 尽管新的高级设备确实支持javascript，但不要在网页上使用javascript。 

做确保对于高端触控手机，您的页面呈现方式略有不同。用手指单击小链接并不容易。请使用稍大的字体，或者确保链接显示在某些块标签中，并且整个标签都放在超链接中。

这将使触摸电话用户更轻松地用手指单击链接。我们将维护每个缩略图的多个版本，并根据设备的UA教授提供适当的版本。

我们为不同类型的设备（触摸，非触摸，240x320等）维护一组不同的XSL，并为XSL转换应用适当的XSL。 

不要在菜单或网页中使用鼠标悬停效果。大多数触摸电话要么不支持此功能，要么以某种奇怪的方式支持它。 请确保使用简单且基本的调色板，以避免对某些手机产生奇怪的影响。 请勿在表格和段落中使用背景图片。

许多电话浏览器都有默认的浏览器设置，它们会忽略背景图片。 做确保（如果您使用的是我在图中建议的UI）将每个部分的标题存储为图像。我们以八种不同的尺寸制作图像，并将其保存在数据库中。然后，根据呼叫设备的UA教授，我们提供适当的标题图像。这样可以确保我们充分利用屏幕空间。我们发现这种方法比使用HTML的table width属性设置宽度更好。这是因为某些旧的电话浏览器无法识别width属性。标题部分的图像会自动设置包含该部分的屏幕/表格的宽度。我们以大多数电话屏幕（或多或少）具有的标准8尺寸制作标题图像。 不要使用框架集，iframe等。

当然，这绝不是详尽的清单。我将在以后的博客文章中介绍更多内容。同时，请在评论中分享您在设计手机网页方面的经验。