精华内容
下载资源
问答
  • web页面PC端和移动端的区别

    万次阅读 2018-10-17 10:48:13
    截至2015年11月,中国手机上网用户数已超过9.05亿,软件移动化成为一种趋势,移动产品经理成为了产品经理一个重要分支,那么对于移动端和PC端到底有什么区别呢?在设计过程中有什么差异?下面我们逐一分析。 一、...

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

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

    一、PC端与移动端区别

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

    1. 操作方式

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

    1. 屏幕尺寸

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

    1. 网络环境

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

    1. 传感器

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

    1. 使用场景与使用时间

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

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

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

    1. 续航

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

    二、在功能设计上的区别

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

    1. 文字输入

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

    1. 内容选择

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

    展开全文
  • 传统PC端的页面开发一般都会选择给页面设定一个固定宽度,两侧有留白,但是移动端的页面由于其载体手机屏幕比PC要小很多,一般都会选择尽可能多的在手机屏幕上显示内容,这就要求移动端页面要能够充分适应各种屏幕...

    页面的适配性:

    传统PC端的页面开发一般都会选择给页面设定一个固定宽度,两侧有留白,但是移动端的页面由于其载体手机屏幕比PC要小很多,一般都会选择尽可能多的在手机屏幕上显示内容,这就要求移动端页面要能够充分适应各种屏幕尺寸的手机并进行最大程度的利用。从这一点上来说移动端页面的适配难度更高一些。

    屏幕尺寸:

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

    操作方式:

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

    传感器:

    压力、方向、重力、GPS、NFC、指纹识别、3Dtouch、陀螺仪等等,移动端设备的传感器的存在使得我们的生活更加丰富多彩,有了他们你才能玩赛车游戏才能统计每天走了多少步。

    web app开发特指的是用html5技术开发,之所以叫web app是因为他比较接近客户端应用程序的用户体验,可以和系统深度融合,调用一些只有客户端才能调用的功能,比如在移动设备上利用html5开发出的网页可以访问电话、摄像头等本地功能。

    使用场景与使用时间:

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

    软件迭代:

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

    网络环境:

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

    续航:

    PC端的台式机和笔记本只要有电就行,也就没有考虑过这个问题,移动端设备则需要考虑。

    功能设计:

    你有没有在移动端看到过下拉菜单,有没有在PC端看到过滑动解锁,相同的功能在不同的设备上有其自己的展现形式。

    新技术的使用:

    由于移动端浏览器主要以webkit内核为主,对于HTML5等新技术支持的更好,可以更大范围的使用新技术,而PC端由于很多场景下要求兼容IE等老版本浏览器,就限制了新技术的使用。

    在部分事件的处理上,移动端多出来的事件是触屏事件,而缺少的是鼠标事件,另外包括移动端弹出键盘,这样的问题在PC端都是遇不到的。

    在动画特效的处理上,PC端由于要考虑IE的兼容性,所以通常使用JS做动画的通用性会更好一些,但是CSS3做了很大的牺牲,而在移动端做一些动画特效等,第一选择肯定是CSS3, 既简单、效率又高。

    百度地图的一些API接口使用的是LBS移动定位服务。

    最好能掌握一套完整的前端开发架构,比如模块化、打包、压缩、缓存、自动化测试等等。

    性能优化方面包括首屏的打开速度、用户响应延迟、渲染性能、动画帧率等在手机上都需要特别注意。

    硬件设备的适配性:

    PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器的内核都是webkit内核,所以说做移动端开发,更多考虑的应该是手机分辨率的适配,和不同操作系统的略微差异化。

    展开全文
  • web页面PC端和移动端的区别有哪些?

    千次阅读 2020-05-28 17:51:48
    PC端的操作方式与移动端已经有了明显的差别,PC端使用鼠标操作,操作包含滑动、左击、右击、双击操作,操作相对来说单一,交互效果相对较少,而对于手机端来说,包含手指操作点击、滑动、双击、双指放大、双指缩小、...

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

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

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

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

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

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

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

    功能设计:你有没有在移动端看到过下拉菜单,有没有在PC端看到过滑动解锁,相同的功能在不同的设备上有其自己的展现形式。

    展开全文
  • 毕设导师让我们做软件,不能做WEB,但是我只做过WEB,想要做Android话需要新学一些技术,不知道PC端软件和Web开发区别大吗,需要什么技术呢? 网络上PC开发教程好少呀,找不到什么有用信息...
  • 之前参加的项目有涉及Web端测试移动端测试,简单的记录下他们之间的区别: 1、记录bug 在Web端可以通过系统自带的截图QQ截图等方式来截取bug的图片,对于错误的地方可以用工具自带的标识来重点标记。 对于移动端...

    之前参加的项目有涉及Web端测试和移动端测试,简单的记录下他们之间的区别:

     

    1、记录bug

        在Web端可以通过系统自带的截图和QQ截图等方式来截取bug的图片,对于错误的地方可以用工具自带的标识来重点标记。

        对于移动端设备可以用手机自带的截图工具来截图然后传到电脑上,个人一般习惯安装微信的windows版本,通过文件传输助手发送到PC端。还有一种比较便捷的方式,将手机用数据线连接到电脑,本地配置android的运行环境,下载asm.jar,在cmd运行java -jar asm.jar,即可实时同步手机端画面,对有bug的页面直接使用PC端的截图工具进行截图(该工具在另一篇文章中会具体介绍)。IOS可以在PC安装itools,要额可以同步画面。

        对于记录bug建议:

        bug主题尽量的言简意骇,在bug描述中可以详细描述,对于操作步骤比较复杂的bug要详细的写上操作步骤。必要时附带上相关的log,记录上测试的环境,手机版本等等。对于必现喝非必现的bug也要详细说明,减少不必要的沟通成本。

     

    2、测试环境

        Web端的测试环境很多时候是通过hosts进行切换,switchhosts工具可以方便的切换需要的host,但是移动端设置起来比较复杂,比较简单的方式是电脑端设置代理,手机端直接连接代理。注意,手机和电脑必须连接 同一个网络。

        设置代理推荐使用Fiddle,可以抓到手机端的数据包。

     

    3、兼容性

        web端的测试一般都是主要使用一种浏览器,待系统基本稳定的时候,再去专门测试浏览器的兼容性。

    但是,对移动端来说,这样的方式是行不通的,因为移动端主要分为安卓和IOS,而这两端出现的问题一般是不一致的,一致的问题主要是数据问题,这时候是需要后台处理的,所以我们测试的时候需要两端都重点测试,而不会出现先着重测试某一端的问题。

    注:一般方式是在测试一端时,出现问题则立马查看另一端是否也有这个问题。

     

    4、移动端的特性

        移动端与web端相比较来说,移动端有很多自己的特性:

    ① 网络种类多

    移动端有多种网络:无线网络、2G、3G、4G等,断网、网速较差及网络之间的切换时页面的显示等,这些对于移动端来说很重要。此外,在非wifi下,还需要注意网络使用量问题。

    ② 间断问题

    移动端有一个很重要的问题,一般情况下在使用软件的过程并不是长久的,这中间可能发生很多中断,如电话短信、通知、断电等等,软件需要特殊处理这些特殊情况。

    打开一个页面,或在操作的过程中(点击一个按钮后),将手机屏幕锁住,再打开时,应用能否正常处理。

    ③ 屏幕的限制

    图片及文字的显示;上传不同的图片尺寸显示是否正常;图片和文字一起显示时,效果如何。

    操作区域;web端的应用,一般不会受 到屏幕的限制,而且通过鼠标操作更加准确。但是移动端由于屏幕较小,页面及按钮会受到屏幕大小的限制,再加上用户都是通过手指进行操作,一些按钮、选择框 等是否容易点击,多个可点区域位置较近时,点击部位稍微偏移,也许就会造成不同的结果,这种情况下是否可以达到预先的效果。

    ④ 软件启动运行

    移动端启动、卸载、升级几个特性,这是比较常见、也很重要的,比如升级时用户的数据怎么办,卸载后用户的数据怎么处理,卸载再安装用户登录数据的显示等。

    ⑤ 手势

    移动端还有一大特性,就是移动端有自己比较简单的手势,用户可以通过手势进行一个操作,比如左滑删除、右滑返回上一个页面、左右滑动图片等,软件需要对这个手势进行适配。

    ⑥ 分享

    移动端一般会装有很多软件,用户下单或者产品有活动时,用户都会进行分享,但是分享时的权限、软件是否存在等问题,需要特殊处理测试。一般的软件或应用, 都会开放一部分页面,允许用户不登录时即可访问,而有些页面是必须要求用户登录的,主要针对这两种权限不同的页面做分享,然后通过分享进入本页面,查看权 限的控制是否正常。

    ⑦ web和移动端的同步

    用户在web端的操作,在移动端是否可以正常的进行同步、显示;在移动端的操作,用户登录web账号,信息是否同步等。

    转载于:https://www.cnblogs.com/sundalian/p/5122744.html

    展开全文
  • 手机app 端和 电脑web端测试的区别

    千次阅读 2019-03-03 22:44:20
    关联性测试:测试手机端与PC端的交互。 2)异常性测试: 来电、来短信打扰性测试 低电量测试 插拔数据线、插拔耳机等操作看会不会影响客户端 断网、服务器异常等情况下,看能否正常处理,保证数据正确性。 安装...
  • Web端&移动端测试的区别

    千次阅读 2016-09-06 20:10:06
    之前参加的项目有涉及Web端测试移动端测试,简单的记录下他们之间的区别: 记录bug 在Web端可以通过系统自带的截图QQ截图等方式来截取bug的图片,对于错误的地方可以用工具自带的标识来重点标记。 对于移动端...
  • 首先来看看PC端和移动端在前端开发上一些区别: (1)PC考虑是浏览器兼容性,移动端开发考虑更多是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器用都是webkit内核,所以做移动端开发,...
  • webpc客户端、app测试的区别

    千次阅读 2020-07-01 14:21:38
    - web为b/s结构,只有一个版本,服务端和web端更新了之后,刷新一下页面也就同步更新了 - pc、app为c/s结构,服务端更新了,需要对各个主流版本进行兼容测试及回归测试,客户端更新话,还需要重新安装或升级应用 ...
  • 之前参加的项目有涉及Web端测试移动端测试,简单的记录下他们之间的区别: 1、记录bug 在Web端可以通过系统自带的截图QQ截图等方式来截取bug的图片,对于错误的地方可以用工具自带的标识来重点标记。 ...
  •   ▊ 元素偏移量offset 使用offset可动态的得到元素的位置(偏移)、大小等 注:偏移是指相对于带有定位的父元素;大小是指自身整个盒子的宽高;...offsetWidthstyle.width的区别(height同理)
  • 这篇文章只是我深入了解移动领域开发过程中不断整理总结,其中涉及到很多概念,观点,个人看法,有不确切地方,...区别为手机浏览器是webkit天下,pc端是三足鼎立IEfirefox chorme。手机网页可以理解成pc
  • 移动前端开发和web前端开发其实都属于前端开发范围,目前前端发展趋势就是大前端,可以说是包罗万象,当然也就包含PC端和移动端领域,而现在前端开发人员也已早就不是当年切图仔了,需要学习和掌握大前端...
  • 移动前端开发和web前端开发其实都属于前端开发范围,目前前端发展趋势就是大前端,可以说是包罗万象,当然也就包含PC端和移动端领域,而现在前端开发人员也已早就不是当年切图仔了,需要学习和掌握大前端...
  • 如果说非要有区别的话应该就是开发的软件方式不同,因为他们本来就不属于一端的东西,具体来看看下面: web前端开发 ...那么这两者有什么区别呢,依据本人的经验来看,pc端的网页开发要考虑更多样式兼容...
  • 移动前端开发和web前端开发的区别

    千次阅读 2019-05-21 14:26:45
     移动前端开发和web前端开发其实都属于前端开发范围,目前前端发展趋势就是大前端,可以说是包罗万象,当然也就包含PC端和移动端领域,而现在前端开发人员也已早就不是当年切图仔了,需要学习和掌握大前端...
  • web前端开发 ... 那么这两者有什么区别呢,依据本人的经验来看,pc端的网页开发要考虑更多样式兼容性的问题,ie,火狐,chrome等各大浏览器内核不一,使用到新特性的时候需要给样式加上最基础的兼容前缀...
  • 一.PC端网页特效 01.元素偏移量offset系列 1.1 offset概述 1.2 offset与style区别 02.元素可视区client系列 03.元素滚动scroll系列 3.1元素scroll系列属性 ...mouseentermouseover的区别 04.动...
  • 移动前端开发和web前端开发其实都属于前端开发范围,目前前端发展趋势就是大前端,可以说是包罗万象,当然也就包含PC端和移动端领域,而现在前端开发人员也已早就不是当年切图仔了,需要学习和掌握大前端...

空空如也

空空如也

1 2 3 4 5 ... 10
收藏数 197
精华内容 78
关键字:

web端和pc端的区别