web端 网站建设移动端和web端的区别

1.场景不同，需求不同

首先，对应的需求场景不同，会导致功能点优先级相应变化，进而影响界面控件和信息元素。比如公众评论网的web端优先让用户写评论，移动端更喜欢找周边的餐厅。比如用户在web端登录淘宝，倾向于“购物”和购买，而在移动端，由于碎片化和实时在线的特点，用户更喜欢“闪购”、“秒杀”等产品。然而，随着越来越多的用户剩余时间转移到移动终端，用户对网络终端和移动终端的需求之间的差异变得模糊。

2.场景不同，用户心理也不同

在web端，显示区域比较大，显示效率比较高，用户的耐心比较好，适合在一个页面上显示丰富的内容和安排复杂的操作；在移动端，显示面积比较小，显示效率比较低，用户的耐心也不好，不适合像web端那样包罗万象，但一定要重点突出，产品链接尽量短。

3.操作尺度不同

web端可以隐藏用户不太关注的元素，仅在鼠标hover时才展示出来。而手机没有hover事件，同时面积又小，逼迫设计师学会更多藏信息的方法。Web端鼠标的操作尺度比较小，点击是一件准确的事情；触屏的操作尺度就比较大，点击误差大，所以元素必须做大。这一点淘宝网页的web版和移动版是个非常良好的例子。Web版淘宝能就必须另弹界面让用户详细输入。web端可以隐藏用户不太关注的元素，只在鼠标悬停时显示。但是手机没有悬停事件，面积小，迫使设计师学习更多隐藏信息的方法。鼠标在Web端的操作规模相对较小，点击是一件精准的事情；触摸屏的操作规模比较大，点击误差大，所以元素一定要大。淘宝网页的网页版和手机版就是很好的例子。淘宝的Web版还要再玩一个界面让用户详细输入。

4.界面布局

web端屏幕宽，布局灵活，在产品设计中要注意有序的组织信息。如果网页比较长，还需要注意的是，跳出来的用户越多，那么网页的第一屏应该是导航和最重要的块，中间的是操作比较复杂，内容比较吸引人的块，后面的是优先级最低的块和分流块。

移动终端可视区域小，与传统网页布局不同。它需要充分利用空之间有限的空间来显示信息，需要对用户需求有更准确的把握，每页呈现的元素更准确。页面流程简单明了，复杂的操作尽量分段显示。隐藏不常用的功能，可以放在侧边栏或弹出层。因为移动终端是直接用手指操作的，不是鼠标。所以响应元素的点击区域应该比较明显。虽然屏幕宽度小，但是上下滑动的体验还是不错的，可以上下排列布局。