转载
截至2015年11月,中国手机上网用户数已超过9.05亿,软件移动化成为一种趋势,移动产品经理成为了产品经理的一个重要分支,那么对于移动端和PC端到底有什么区别呢?在设计过程中有什么差异?下面我们逐一分析。
一、PC端与移动端区别
有人说手机端无非就是PC端的移植,功能设计照搬就行了,这是对于移动设计最大的误解,其实PC端与移动端是千差万别的。
1. 操作方式
PC端的操作方式与移动端已经有了明显的差别,PC端使用鼠标操作,操作包含滑动、左击、右击、双击操作,操作相对来说单一,交互效果相对较少,而对于手机端来说,包含手指操作点击、滑动、双击、双指放大、双指缩小、五指收缩和苹果最新的3Dtouch按压力度,除了手指操作外还可以配合传感器完成摇一摇、陀悬仪感应灯操作方式,操作方式更加的丰富,通过这些丰富的操作可设计不同新颖吸引人的交互互动设计。
2. 屏幕尺寸
随着时间的推移,移动端的设备屏幕逐渐增大,但是你再大也是大不过PC电脑屏幕的,这是毋庸置疑的。PC端屏幕大,所以他的视觉范围更广,可设计的地方更多,设计性更强,相对来说容错度更高一些有一些小的纰漏不容易被发现。移动端设备相对来说屏幕较小,操作局限性大,在设计上可用空间显得尤为珍贵,在小小的屏幕上使用粗大的手指操作也需要在设计中避免原件过小过近。
3. 网络环境
当下不管是移动端还是PC端都离不开网络,PC端设备连接网络更加稳定,而移动端可能遇到信号问题导致网络环境不佳,出现网速差甚至断网的问题,这就需要产品经理在设计中充分考虑网络问题,更好的设计相应的解决方案。
4. 传感器
移动端设备重磅武器来袭,完善的传感器是PC端设备望尘莫及的,压力、方向、重力、GPS、NFC、指纹识别、3Dtouch、陀螺仪等等等等,就是因为这些传感器的存在才使得我们的生活更加丰富多彩,有了他们你才能玩赛车游戏才能摇妹子才能统计每天走了多少步,产品在设计中巧妙地使用传感器能让产品添姿加彩。
5. 使用场景与使用时间
这两块我们一起来说,因为PC端设备的使用场景多为在家或者学校公司等一些固定的场景,所以其使用时间偏向于持续化,在一个特定的时间段内持续使用,而移动端设备不受局限可以吃饭用、坐车用、拉屎用、无聊打发时间用、躺着用、坐着用、倒立着用都没人管你,随时随地想用就用,所以他的使用时间更加灵活,时间更加碎片化,所以在操作上更偏向于短时间内可完成的。
6. 软件迭代时间以及更新频次
你有没有很久都没有更新你的PC软件了,但是你的手机软件确实永远保持着最新的状态,这就是他们两者的区别,对于移动端他的软件迭代时间较短,用户更新率较高而PC端软件迭代时间较长,除非出于需要用户一般不会主动更新软件,软件更新率低。
7. 续航
除了笔记本PC端台式机只要有点他就从没有考虑过这个问题,移动端设备则需要考虑。
二、在功能设计上的区别
你有没有在移动端看到过下拉菜单,有没有在PC端看到过滑动解锁,相同的功能在不同的设备上有其自己的展现形式,下面我们罗列一二,因为例子实在太多就不一一展开。
1. 文字输入
在文字输入中,PC端一般使用文本框解决。
而在移动端中因为手机屏幕尺寸以及UI风格的原因我们基本没有在手机上看到过PC端这样的展现形式,而是采用另起一页输入或者文字后直接输入方式,这就是各个平台根据自身特性的展现形式。
2. 内容选择
在PC端中,一般使用下拉菜单或者是单选按钮形式完成内容选择。
而在手机端由于手指的操作便捷性考虑一般不采用PC端的选择方式而是通过列表选择或者其他交互来完成。
这样的设计点不胜枚举,就不一一展开了,还需要在日常生活工作中多多留意,切不可把PC端的设计模型照搬到移动端。
有0 个人打赏
1.PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器使用的都是webkit内核,所以说做移动端开发,更多考虑的应该是手机分辨...博文来自: weixin_34403693的博客
pc端与移动端的区别1、从兼容方面来说,pc考虑的是浏览器的兼容性,移动端考虑的是手机兼容性,因为目前不管是安卓还是ios手机,一般的浏览器都是webkit内核2、从事件处理上说,移动端主要是触屏事件...博文来自: qq_34309704的博客
视口视口是移动设备上用来显示网页的区域,一般会比移动设备可视区域大,宽度可能是980px或者1024px,目的是为了显示下整个为PC端设计的网页,这样带来的后果是移动端会出现横向滚动条,为了避免这种情...博文来自: weixin_30240349的博客
我本来一直在开发PC端的网页的,但是看到很多招聘都要求要有移动端开发的经验,所以开始学习一下!先搞清楚两个概念,移动端web开发,webapp开发1、移动web开发(pc端的页面用手机浏览器打开)这部...博文来自: Venus_j的博客
每一个程序员都有一个梦想,梦想着能够进入阿里、腾讯、字节跳动、百度等一线互联网公司,由于身边的环境等原因,不知道 BAT 等一线互联网公司使用哪些技术?或者该如何去学习这些技术?或者我该去哪些获取这些...博文来自: 平头哥的技术博文
点击上方“程序员小明”,选择“星标”今晚可以不加班!网络上虽然已经有了很多关于程序员的话题,但大部分人对这个群体还是很陌生。我们在谈论程序员的时候,究竟该聊些什么呢?各位......博文来自: 程序员小明
网上很多整合SSM博客文章并不能让初探ssm的同学思路完全的清晰,可以试着关掉整合教程,摇两下头骨,哈一大口气,就在万事具备的时候,开整,这个时候你可能思路全无~中招了咩~,还有一些同学依旧在使用ec...博文来自: 程序员宜春的博客
目录1、普通二维码2、艺术二维码3、动态二维码在GitHub上发现了一个比较有意思的项目,只需要一行Python代码就可以快捷方便生成普通二维码、艺术二维码(黑白/彩色)和动态GIF二维码。GitHu...博文来自: 不脱发的程序猿
最近一直在研究移动手机网站的开发,发现做手机网站没有想象中的那么难。为什么会这么说呢?我们试想下:我们连传统的PC网站都会做,难道连一个小小的手机网站难道都搞不定吗?其实手机网站就是一个微缩版的PC网...博文来自: HX_lei的博客
起因又到深夜了,我按照以往在csdn和公众号写着数据结构!这占用了我大量的时间!我的超越妹妹严重缺乏陪伴而怨气满满!而女朋友时常埋怨,认为数据结构这么抽象难懂的东西没啥作用,常会问道:天天写这玩意,有...博文来自: bigsai
今天给大家带来点快乐,程序员才能看懂。来源:https://zhuanlan.zhihu.com/p/470665211. 公司实习生找 Bug2.在调试时,将断点设置在错误的位置3.当我有一个很棒的...博文来自: strongerHuang
到现在为止,我们的淘宝教程已经写到了第四篇,前三篇分别是:第一篇:Python模拟登录淘宝,详细讲解如何使用requests库登录淘宝pc端。第二篇:淘宝自动登录2.0,新增Cookies序列化,教大...博文来自: 猪哥
1.PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器使用的都是webkit内核,所以说做移动端开发,更多考虑的应该是手机分辨...博文来自: XJ5210224的博客
拿我个人来说,同样的网站(如优酷),在pc上,即使有客户端我也不会主动下载安装,但是在移动设备上,我一定是找到app来用。pc端软件与移动app有可比性吗?如果有,那么他们之间的区别是什么?0赞同反对...博文来自: liu870915的专栏
作者mezod,译者josephchang10如今,通过自己的代码去赚钱变得越来越简单,不过对很多人来说依然还是很难,因为他们不知道有哪些门路。今天给大家分享一个精彩......博文来自: qq_33570092的博客
很多人都问,技术人员如何成长,每个阶段又是怎样的,如何才能走出当前的迷茫,实现自我的突破。所以我结合我自己10多年的从业经验,总结了技术人员成长的9个段位,希望对大家的职......博文来自: Python之禅的专栏
//联系人:石虎QQ:1224614774昵称:嗡嘛呢叭咪哄一、概念1、PC端和移动端有什么区别从我个人角度来说,我觉得PC端的定位就是用户视觉浏览路线,可以显示较多的内容,而移动互联网终端...博文来自: 石虎
目录Notepad++tinyccompiler(tcc编译器)Notepad++软件介绍程序员必备的文本编辑器,软件小巧高效,支持27种编程语言,兼容C,C++,Java,C#,XML,HTML,P...博文来自: 张亚楠的博客
不知道为什么,总是喜欢在晚上学习,好像晚上学习也更有效率,而且晚上我也比较喜欢瞎想。一望无垠的夜空,独自一个人站在阳台上,望着深邃的星空,便总会陷入沉思,或思索未来的生活,或怀念过往的人生。我为什么会...博文 wangweijun
在阿里的几次面试中,总是被问到移动端和PC端有什么区别,当时回答的时候主要是回答了在兼容性、网速、适配、页面布局等方面的不同,但是还是很不系统,所以这里做一个总结。第一: PC考虑的是浏览器的兼容...博文来自: weixin_30394981的博客
—引用自PC端和移动端在前端开发上的一些区别,前端里移动端到底比pc端多哪些知识1、PC考虑的是浏览器兼容性,移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏...博文来自: xiaobaixiaye的博客
如题,本文主要为博主对电脑上安装的一些软件,所做的整理,当做备份用吧。一、分类系统工具办公软件编程开发数据库相关图片视频工具网络及下载工具解压缩工具影音娱乐工具二、软件工具1.系统工具1.1.磁盘管理...博文来自: Alfred的博客
一、基础概念在了解如何做H5页面适配前,大家都应该把移动端涉及的一些概念搞明白,比如:dpr是什么意思?移动端H5解惑-概念术语(一)二、为什么要做页面适配2.1PC端为什么要解决浏览器兼容因为在PC...博文来自: DreamFive
文章目录前言下载免费高清大图下载带水印的精选图代码与总结前言在上一篇写文章没高质量配图?python爬虫绕过限制一键搜索下载图虫创意图片!中,我们在未登录的情况下实现了图虫创意无水印高清小图的批量下载...博文来自: bigsai
这是我把几个自适应的方式做了整理,供大家参考媒体查询:这段代码的几个参数解释:width=device-width:宽度等于当前设备的宽度initial-scale:初始的缩放比例(默认设置为1.0)...博文来自: jacksosion的博客
在网上搜了一下,很多面试都会被问到移动端适配方法的问题,最近看了一些文章,这里总结一下。首先,谈一下目前为止出现的一些关于移动端适配的技术方案:(1)通过媒体查询的方式即CSS3的meidaqueri...博文来自: 兔子juan的博客
这是Java网络爬虫系列博文的第二篇,在上一篇Java网络爬虫,就是这么的简单中,我们简单的学习了一下如何利用Java进行网络爬虫。在这一篇中我们将简单的聊一聊在网络爬虫时,遇到需要登录的网站,我们该...博文来自: 平头哥的技术博文
1、兼容性pc端需要考虑浏览器兼容性,移动端主要考虑屏幕分辨率和不同系统的兼容性。2、页面布局PC端常用布局固定宽度980px居中,移动端屏幕的大小和分辨率不同,多用响应式布局,使用em(以父元素为基...博文来自: anao1436的博客
首发于公众号:BaronTalk,欢迎关注每年的八九月份都是各大厂商发布年自己旗舰机的时候,最近vivo、oppo、小米、华为、苹果接连发布了自己的年度旗舰,这当中除了苹果,其它厂商均发布了5G版本手...博文来自: BaronTalk
三次握手和四次挥手是各个公司常见的考点,也具有一定的水平区分度,也被一些面试官作为热身题。很多小伙伴说这个问题刚开始回答的挺好,但是后面越回答越冒冷汗,最后就歇菜了。见过比较典型的面试场景是这样的:面...博文来自: 猿人谷
PC端:firfox:Gecko内核谷歌:webkitie:Trident内核双核浏览器:如360,百度,搜狗高速浏览器,遨游,是Trident+Webkit目前国内的智能机Android,iOS,W...博文来自: 伟伟's blog
转自:http://blog.csdn.net/fuxiaohui/article/details/23335673