如何做网页设计

如何做网页设计

　　一、需求的确认

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

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

　　二、设计页面

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

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

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

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

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

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

　　三、视觉设计

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

　　3.1按钮：

　　确保按钮看起来像点击的

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

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

　　遵循一致的按钮规范

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

　　3.2图像化

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

　　确保图像与其内容相关

　　避免通用的人物照

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

　　四、测试

　　4.1 持续测试

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

　　4.2 页面加载测试

　　4.3 A/B测试

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