web页面PC端和移动端的区别

PC端和移动端的区别你知道吗？

截至2015年11月，中国手机上网用户数已超过9.05亿，软件移动化成为一种趋势，移动产品经理成为了产品经理的一个重要分支，那么对于移动端和PC端到底有什么区别呢？在设计过程中有什么差异？下面我们逐一分析。

一、PC端与移动端区别

有人说手机端无非就是PC端的移植，功能设计照搬就行了，这是对于移动设计最大的误解，其实PC端与移动端是千差万别的。

操作方式

PC端的操作方式与移动端已经有了明显的差别，PC端使用鼠标操作，操作包含滑动、左击、右击、双击操作，操作相对来说单一，交互效果相对较少，而对于手机端来说，包含手指操作点击、滑动、双击、双指放大、双指缩小、五指收缩和苹果最新的3Dtouch按压力度，除了手指操作外还可以配合传感器完成摇一摇、陀悬仪感应灯操作方式，操作方式更加的丰富，通过这些丰富的操作可设计不同新颖吸引人的交互互动设计。

屏幕尺寸

随着时间的推移，移动端的设备屏幕逐渐增大，但是你再大也是大不过PC电脑屏幕的，这是毋庸置疑的。PC端屏幕大，所以他的视觉范围更广，可设计的地方更多，设计性更强，相对来说容错度更高一些有一些小的纰漏不容易被发现。移动端设备相对来说屏幕较小，操作局限性大，在设计上可用空间显得尤为珍贵，在小小的屏幕上使用粗大的手指操作也需要在设计中避免原件过小过近。

网络环境

当下不管是移动端还是PC端都离不开网络，PC端设备连接网络更加稳定，而移动端可能遇到信号问题导致网络环境不佳，出现网速差甚至断网的问题，这就需要产品经理在设计中充分考虑网络问题，更好的设计相应的解决方案。

传感器

移动端设备重磅武器来袭，完善的传感器是PC端设备望尘莫及的，压力、方向、重力、GPS、NFC、指纹识别、3Dtouch、陀螺仪等等等等，就是因为这些传感器的存在才使得我们的生活更加丰富多彩，有了他们你才能玩赛车游戏才能摇妹子才能统计每天走了多少步，产品在设计中巧妙地使用传感器能让产品添姿加彩。

使用场景与使用时间

这两块我们一起来说，因为PC端设备的使用场景多为在家或者学校公司等一些固定的场景，所以其使用时间偏向于持续化，在一个特定的时间段内持续使用，而移动端设备不受局限可以吃饭用、坐车用、拉屎用、无聊打发时间用、躺着用、坐着用、倒立着用都没人管你，随时随地想用就用，所以他的使用时间更加灵活，时间更加碎片化，所以在操作上更偏向于短时间内可完成的。

软件迭代时间以及更新频次

你有没有很久都没有更新你的PC软件了，但是你的手机软件确实永远保持着最新的状态，这就是他们两者的区别，对于移动端他的软件迭代时间较短，用户更新率较高而PC端软件迭代时间较长，除非出于需要用户一般不会主动更新软件，软件更新率低。

续航

除了笔记本PC端台式机只要有点他就从没有考虑过这个问题，移动端设备则需要考虑。

二、在功能设计上的区别

你有没有在移动端看到过下拉菜单，有没有在PC端看到过滑动解锁，相同的功能在不同的设备上有其自己的展现形式，下面我们罗列一二，因为例子实在太多就不一一展开。

文字输入

在文字输入中，PC端一般使用文本框解决。
而在移动端中因为手机屏幕尺寸以及UI风格的原因我们基本没有在手机上看到过PC端这样的展现形式，而是采用另起一页输入或者文字后直接输入方式，这就是各个平台根据自身特性的展现形式。

内容选择

在PC端中，一般使用下拉菜单或者是单选按钮形式完成内容选择。
而在手机端由于手指的操作便捷性考虑一般不采用PC端的选择方式而是通过列表选择或者其他交互来完成。
这样的设计点不胜枚举，就不一一展开了，还需要在日常生活工作中多多留意，切不可把PC端的设计模型照搬到移动端。

web页面PC端和移动端的区别相关推荐

web、pc客户端、app测试的区别
一.系统架构 - web为b/s结构,只有一个版本,服务端和web端更新了之后,刷新一下页面也就同步更新了 - pc.app为c/s结构,服务端更新了,需要对各个主流版本进行兼容测试及回归测试,客户端 ...
web页面PC端和移动端的区别有哪些？
操作方式:PC端的操作方式与移动端已经有了明显的差别,PC端使用鼠标操作,操作包含滑动.左击.右击.双击操作,操作相对来说单一,交互效果相对较少,而对于手机端来说,包含手指操作点击.滑动.双击.双指放 ...
手机web页面PC浏览器打开有滚动条，手机浏览器打开没有
在PC浏览器和谷歌浏览器手机模拟器里都是正常的, 用手机测试一下,只能显示一屏,不能上下滚动. 结果查看CSS,发现在CSS里有这一句: body { touch-action: none; } 把这 ...
web、pc、wap、app的区别
通常情况下web=pc,wap=app,前者指电脑用的程序,后者指手机用的程序: 更深层的区别: web电脑上网页,pc电脑上软件,wap手机上网页,app手机用软件
eNSP配置web防火墙登录华为防火墙Web页面
目录 eNSP配置web防火墙登录华为防火墙Web页面基本定义防火墙功能重要性意义与特征主要类型关键技术部署方式具体应用未来趋势 eNSP配置web防火墙登录华为防火墙Web页面 P ...
【护眼阅读】PC端通过主流常用浏览器打开本地WEB页面阅读本地TXT小说
自用-通过WEB页面阅读本地小说,生成章节导航,设置字色和背景色达到护眼目的,HTML+CSS+JS 章节导航需求分析 HTML代码 CSS代码 JS代码总结章节导航从分析需求入手,查找资料, ...
Web页面适配移动端方案研究
源宝导读:由于我们ERP目前大都是在在PC上面运行,大家现在关注移动端比较少,谈到移动端适配时,可能都有些生疏也可能比较好奇.以前做过一些移动端的little项目,那么借助这次分享的机会,和大家一起讨 ...
移动端web页面自适应和rem
web页面的自适应开发,要求就是跨平台,跨浏览器,一般mobile+pc,前几天写了几个pc端全屏页面,用的是百分比,在手机上看了下效果相去甚远.这么看来mobile+pc 的自适应有些时候就是个 ...
WEB前端浏览器兼容性问题(PC端及移动端)
WEB前端浏览器兼容性问题(pc端及移动端) PC端 (一)html部分1.H5新标签在IE9以下的浏览器识别 <!--[if lt IE 9]> <script type=&quo ...
移动端Web页面适配方案（整理版）
@(概述)[基本概念|百分比|rem|vw/vh|响应式设计] 移动端web页面的开发,由于手机屏幕尺寸.分辨率不同,或者需要考虑横竖屏问题,为了使得web页面在不同移动设备上具有相适应的展示效果,需 ...

web页面PC端和移动端的区别

web页面PC端和移动端的区别相关推荐

最新文章

热门文章