如何做网页设计

一、需求的确认

当我们与业务沟通时，我们需要确认是，业务虽然有一定的需求需要通过网站来满足，但使用对象才能决定需求边界的范围和深度。

此时，确认我网页的信息框架好的办法就是深入业务场景，通过调研、仿真、模拟，对需求深入了解，确认我们产品的终形态，从而设计信息框架。

二、设计页面

一个合理的页面清楚的显示每个用户界面元素位于布局的位置，我们可通过以下方式来使我们的布局更加合理。

2.1 让我们的页面符合用户的浏览习惯，有更好的预测感。

具体可以参考同类网站，来找出页面上需要哪些元素与位置。

2.2 使用低保真确认页面信息

在用真实元素构建页面之前，先创建一个线框图，分析他，然后去掉哪些不是必要的东西。

进行视觉层次构建，经常使用的两种模式：F形模式和Z形图案

三、视觉设计

需要考虑页面的的元素同一性，交互信息更加符合用户认知方向，可以从以下几点考虑：

3.1按钮：

确保按钮看起来像点击的

按钮文案表达符合用户期望值。

如【提交】按钮的文案为【确认】，用户就不能明白信息的去处。

遵循一致的按钮规范

用户通常会记住网站细节，浏览网站时，他们会将特定的形状与按钮联系起来

3.2图像化

与一段精心设计的文本相比，图像更能被浏览者所接受。

确保图像与其内容相关

避免通用的人物照

可用性测试表明，通用的照片不仅建立了非常糟糕的信任感，也不会增加设计价值，更是损害用户的体验

四、测试

4.1 持续测试

测试是用户体验设计过程的重要组成部分。和设计周期的其他部分一样，这是一个持续的过程。

4.2 页面加载测试

4.3 A/B测试

当你在两个版本(如现有版本和重新设计版本的页面)之间进行选择时，A/B测试是理想的选择。这种测试方法包括将两个版本一个随机显示给相同数量的用户，然后分析哪个版本下用户更有效地完成了目标