移动产品开发_移动端产品开发_移动开发移动 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

移动产品-体验设计

一、使用环境的体验 1.使用移动产品的用户，时间是碎片化的 a.不要让用户等待（下载安装、产品流畅度、响应速度） b.不要增加学习成本（操作学习、界面学习） 2.移动终端会存在很多不确定因素... a.不要让用户莫名其妙（合理的信息反馈，但不要画蛇添足） b.不同的环境因素，产生不同的体验 3.移动产品有月末效应 4.移动产品有着更为丰富的传感器二、操作习惯的体验之用户成本

6113 0

java移动端开发_移动端开发

1.移动端视口问题视口是指浏览器的可视区域，移动端的视口到底是多宽呢？现在市面上的大部分手机，比如iphone X，它的默认视口宽度为980px，而一个iphone X的屏幕宽度仅仅为375px。...好在HTML给我们提供了一个关键字device-width ，该关键是读取当前移动设备的宽度。因此，我们只需要使用下面的代码，即可让所有移动设备的视口宽度和其自身的宽度相等。...3.移动端尺寸是同一个网页在不同尺寸手机中的效果。...这样一来，就要求我们在开发移动端的页面时，当遇到字体大小、宽高、margin、padding等尺寸类的属性时，不能设置固定的像素值。注：border边框大小除外 (既然有问题，怎么会没有解决办法呢？...注意：在移动端，如果使用了背景图(比如雪碧图)，记得用同样的方式调整背景图的尺寸。题外话：移动端看上去是不是很麻烦？视口那么小，还要引入各种东西，里面要添加的又杂又乱，还要计算数值，是不是很麻烦？

5K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

移动产品的指标初探

移动互联网产品的本质是信息与数据的传输和交换，其商业模式与数据流量息息相关，因而会产生面向运营的产品设计等诸多方法。流量统计是指对产品使用的相关指标进行统计。...互联网和移动互联网的产品指标是基本类似的，但移动互联网产品用着自己的特点。 1.常用指标 1.1....数据流量KPI 数据流量统计的KPI是最常用来对移动互联网产品的效果进行评价的，主要的统计指标包括： 1）访问量（PV）：即应用打开或页面浏览量及点击量，用户每次访问均被记录1次。...5) 独立设备：指在一天之内（00:00-24:00），访问产品的独立设备总数数。互联网中一般使用IP，相同IP地址只被计算1次。但是移动互联网中不能用IP区分，而是使用移动设备标识进行区分。...10）重度用户使用数量：是指某个用户或移动设备除第一次访问之后，又访问或使用产品的次数。 11）人均使用页面数：指对应时间范围内，每个用户使用产品的平均页面数。 1.2.

1.4K2 0

银行移动产品从团队敏捷走向产品敏捷 | 洞见

中国银行业的数字化转型刚刚拉开帷幕，移动产品成为了中国银行业的新战场。...这篇文章作者将以多个实际案例出发，为大家揭晓银行业的移动产品如何从团队敏捷走向真正的产品敏捷。...---- 团队敏捷是必要的，它是产品敏捷的必经之路银行移动产品的敏捷转型很难一蹴而就，团队已经适应了“慢节奏”，习惯了阶段式的开发方式，敏捷的导入，无疑是一场变革。...---- 总结在移动金融产品的新战场上，银行的移动产品需要从“发芽生长”的团队敏捷，走向“开花结果”的产品敏捷。...三个关键点助力产品迈向产品敏捷：通过产品开发过程端到端的梳理与定义，电子工具的引入，基于VSM的持续改进，来持续缩短产品的TTM，构建产品快速响应的能力；使用设计思维打造产品，并建立产品内部的创新机制

7333 0

移动互联网产品的设计

移动互联网产品的方法论：手机作为一种联系工具，天然决定了移动互联网的主要服务对象是人群而非个人。移动互联网产品经理的主要任务是服务人群，主要工作是研究人类群落的行为模式。...移动互联网产品经理的素养： 1、敏锐感知潮流变化。移动互联网产品会从相对匮乏时代进入相对富足时代，用户可以选择的产品会随时日流逝而日渐增加，产品终将成为一种时尚业。...移动互联网的最大特点是变化极快，传统的分析用户，调研市场，制定产品三年规划，在新的时代里已经落伍。人类群落本身也在迁移演变，产品经理更应该依靠直觉和感性，而非图表和分析，把握用户需求。...移动互联网产品设计的原则： 1、绝不考虑Web形态，一切考虑都基于APP。 2、产品优先级： ①有趣高于功能，产品必须有趣，必须Cool，才可能形成传播和口碑。...开发不可以为了炫技而展示功能，产品不可以为了炫耀而功能堆砌。 8、拒绝个性化。除了依靠设计特色而立身的APP，换肤一类的个性化设计，除了让产品经理幻觉自己做了许多工作而自我满足之外，没有任何价值。

1.2K4 0

移动web开发

今天终于进入前端的新篇章啦,现在开始学习web开发....移动web开发之流式布局 01 移动端基础浏览器现状比如我们现在用谷歌浏览器打开刚刚做的旋转木马,按下F12进入调试界面,就能看到一个小手机的图标,这样我们就能模拟手机进行调试了,...经过测试,代码中375开发像素(px)占满了750的物理像素点(dpr),所以存在1:2的像素比....contain: contain只要宽度或者高度一条边够到了就可以:图片中,宽度已经达到了所以不再继续放大. 04 移动端开发选择单独移动端页面(主流) 通常情况下,网站域名前面加m(mobile...)可以打开移动端,如果是移动设备打开,则跳转移动端页面.

2.3K2 1

移动开发实用

font-family 中文字体使用系统默认即可，英文用Helvetica /* 移动端定义字体的代码 */ body{font-family:Helvetica;} 参考《移动端使用字体的思考》...移动端字体单位font-size选择px还是rem，对于只需要适配手机设备，使用px即可，对于需要适配各种移动设备，使用rem，例如：只需要适配iPhone和iPad等分辨率差别比较挺大的设备 rem...200-300 ms的延迟响应移动设备上的web网页是有300ms延迟的，玩玩会造成按钮点击延迟甚至是点击失效。...造成的后果用户纯粹单击页面，页面需要过一段时间才响应，给用户慢体验感觉，对于web开发者来说是，页面js捕获click事件的回调函数处理，需要300ms后才生效，也就间接导致影响其他业务逻辑的处理。...，可明示用户有些事情正要发生，是一个比较好体验，但是移动设备中并没有鼠标指针，使用css的hover并不能满足我们的需求，还好国外有个激活css的active效果，代码如下， <!

6.5K3 0

精益产品开发 —— 精益软件开发 & 精益产品开发

Switching）生产过剩多余功能（Extra Features）运输移动（Motion）不良品的返工缺陷（Defects）额外步骤（Extra Processes）对需求的过多细化以及不必要的文档工作...移动（Motion）信息在移动的过程中，经手的人越多，需要交接的地方越多，花费的代价就越高。所以减少信息的移动步骤就是减少浪费。...2 增强学习面对开发团队以及最终的产品大小的额外挑战，可以说软件开发是个持续学习的过程。最佳的改善软件开发环境的做法就是增强学习。在代码完成后马上进行测试可以避免缺陷的累积。...精益产品开发 2017 年《精益产品开发》书籍的问世，从产品角度引入精益思想和精益理念，结合产品开发特点和流程，将精益生产的理念与产品实践进行提炼、适配和优化。...环境及工具的改进精益产品开发价值与影响传统的产品开发把内部资源作为中心，在实践上强调任务的分解与分配，以及计划的制定、执行、跟踪和控制。假设通过局部效率的改进，可以提升整体效益。

1.3K1 0

精益产品开发 —— 精益软件开发 & 精益产品开发

）生产过剩多余功能（Extra Features）运输移动（Motion）不良品的返工缺陷（Defects）额外步骤（Extra Processes）对需求的过多细化以及不必要的文档工作，额外的步骤（过度处理...移动（Motion）信息在移动的过程中，经手的人越多，需要交接的地方越多，花费的代价就越高。所以减少信息的移动步骤就是减少浪费。缺陷（Defects）缺陷并不创造价值，缺陷是影响价值交付的一大障碍。...2 增强学习面对开发团队以及最终的产品大小的额外挑战，可以说软件开发是个持续学习的过程。最佳的改善软件开发环境的做法就是增强学习。在代码完成后马上进行测试可以避免缺陷的累积。...精益产品开发 2017 年《精益产品开发》书籍的问世，从产品角度引入精益思想和精益理念，结合产品开发特点和流程，将精益生产的理念与产品实践进行提炼、适配和优化。...环境及工具的改进精益产品开发价值与影响传统的产品开发把内部资源作为中心，在实践上强调任务的分解与分配，以及计划的制定、执行、跟踪和控制。假设通过局部效率的改进，可以提升整体效益。

8472 1

产品开发中如何优化产品价值？

您是否在开发对组织来说有价值的产品？如何判断产品是否有价值？如果没有经常提出这两个问题，那么您可能忽略了产品价值方面的问题。产品是目前工作所要达成的目的，是组建团队的原因。...如果开发的产品没有人想要或使用，那么产出就毫无价值。作为一名以传统项目管理作为职业起点的PMP，我对项目思维模式非常熟悉。...因此，必须在开发产品的时候让价值涌现。产品Backlog代表计划开发的产品及开发顺序。而通过产品Backlog的细化过程来使价值涌现时，需要注意3点：将任务分解到足够小——以便更灵活快速地交付价值。...拉远推近的频率取决于产品开发的情况、市场中验证假设的频率以及业务变化大小。...就像开发出一款可运行的产品一样，想清楚要做什么同样复杂且具有不可预测性。所以要学会边做边学，根据所学知识做出决策。

1.1K3 0

移动开发即服务，腾讯云移动开发平台打造开发新模式

互联网“下半场”，移动App开发对于质量、效率的要求更加苛刻。传统移动开发的模式是移动开发者手动集成所需的各种移动服务，和后台服务紧耦合去打造精品移动应用。...三、赢在起跑线，打造云端一体化开发模式腾讯云移动开发平台MobileLine针对开发者比较普遍的需求，首先开放一些开发者需求比较迫切的移动服务，让移动开发者能够享受到腾讯在移动开发这里成熟的积累，实现云和端一体化的闭环开发体验...腾讯移动分析(MTA)：实时数据统计分析服务，监控版本质量、渠道状况、用户画像属性及用户细分行为，通过数据可视化展现，协助产品运营决策。 2....异常崩溃检测（Bugly）：为移动开发者提供专业的异常上报和运营统计，帮助开发者快速发现并解决异常，同时掌握产品运营动态，及时跟进用户反馈。 4....上面说的是Android下移动分析的集成，事实上对于iOS也是做到了零代码集成。具体可以查看我们的移动开发平台和产品文档哦。

31.6K42 0

移动开发即服务，腾讯云移动开发平台打造开发新模式

互联网“下半场”，移动App开发对于质量、效率的要求更加苛刻。传统移动开发的模式是移动开发者手动集成所需的各种移动服务，和后台服务紧耦合去打造精品移动应用。...三、赢在起跑线，打造云端一体化开发模式腾讯云移动开发平台MobileLine针对开发者比较普遍的需求，首先开放一些开发者需求比较迫切的移动服务，让移动开发者能够享受到腾讯在移动开发这里成熟的积累，实现云和端一体化的闭环开发体验...腾讯移动分析(MTA)：实时数据统计分析服务，监控版本质量、渠道状况、用户画像属性及用户细分行为，通过数据可视化展现，协助产品运营决策。 2....异常崩溃检测（Bugly）：为移动开发者提供专业的异常上报和运营统计，帮助开发者快速发现并解决异常，同时掌握产品运营动态，及时跟进用户反馈。 4....上面说的是Android下移动分析的集成，事实上对于iOS也是做到了零代码集成。具体可以查看我们的移动开发平台和产品文档哦。

13.1K8 0

硬件产品开发流程

文章转自：Leangoo 原文链接：https://www.leangoo.com/staged-project.html#tab-id-2 下图所示的是一个硬件产品开发大体上所需要经历的全部流程：...2）启动在启动阶段，我们需要组建项目团队，确定产品参与人员，沟通是产品经理的一项职能，如何将所有的参与人员集合一起共事，如何更有效的沟通，明确各自的职责并为项目团队准备好办公区域及设备。...，确定PCB等）、软件设计及开发（包括软件原型设计，软件功能开发等）、整机验证（结构、电子、软件结合验证等）确定基本外观、功能、配置之后，进入包装设计（包装说明书、打样、材质、效果等）。...9）大批量在大批量生产中，需要对产品的工艺、操作标准以及质检的规范程度等方面进行有效的监督和保证。在产品生产的过程中产品经理需要开始编写产品维修手册，准备相应的维修更换的部件，以备售后使用。...注：对于不同企业，不同产品，可能会有不同的流程和要求。以上可作为参考～

2.7K4 1

产品开发系统框架

每个人都是产品经理，但是不是每个人都是好的产品经理；产品经理需要系统性的思维模式，这些是多次失败后的经验总结；基于多年的经验把产品开发的系统思维框架与大家分享，产品经理更多的是思维模式的修炼。...总体框架分为：产品价值分析、自我价值分析、验证价值分析。 ---- 项目评估思维导图.png

4471 0

移动开发-Flex布局

移动开发-flex弹性布局操作方便，布局极为简单，移动端应用很广泛 PC 端浏览器支持情况较差 IE 11或更低版本，不支持或仅部分支持如果是PC端页面布局，我们还是传统布局如果是移动端或者不考虑兼容性问题的

1.3K1 0

移动web开发(2)

移动端技术选型流式布局(百分比布局) 流式布局,就是百分比布局,也称非固定像素布局通过盒子的宽度设置为百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充....流式布局方式是移动web开发使用的比较常见的布局方式. 比如说,我们想要一个盒子里面放两个小盒子,那我们就采取流失布局,主要是宽度要采取百分比的形式. 当然我们也要限制宽度,不能无限的缩放,为了保护我们盒子里的内容,我们还有两个方法: 最大宽度: max-width; 最小宽度: min-width; 现在又要做案例啦,这次是京东的移动端页面...技术选型方案:我们采取单独制作移动端页面方案技术:采取流式布局放一些做案例时的小细节: 这次的案例就是做了一个这样的京东移动端的页面,比较简陋,但是也不简单

7151 1

移动Web开发（二）

这些天一直在忙iOS，Android和.Net方面的知识都有些忘记了，汗。不过还是先重温一下HTML吧，手动滑稽。

1K2 0

移动端开发流程

cnpm) 包管理工具 yarn add axios -S cnpm install axios -S -S: --save-dev 生产环境的依赖（dependencies） -D: --dev 开发环境的依赖...在命令窗口中使用vue ui，弹出页面使用模块多环境变量配置（开发、测试、生产） axios 请求拦截，响应拦截 (API统一管理) sass 预编译 rem移动端适配方案 vant-ui 按需导入...我们写入请求拦截和响应拦截，进行API的统一管理，请求分两种形式：分别为get , post 形式进行传参 3.sass预解析：意思就是说将浏览器不能识别的css代码转换成浏览器能识别的 4.rem：针对于移动端的适配问题...初始化样式问题 —我们可以在(reset.css中引入项目) 例如 box-sizing:border-box 三、路由我们经常用的有路由嵌套路由传参路由守卫 keep-alive 四、组件化开发...1.组件拆分问题：我们可以封装公共组件、功能性组件 2.组件开发：父传子、子传父、兄弟传值五、webpack配置的打包优化（vue.config.js）发布者：全栈程序员栈长，转载请注明出处：https

1.3K2 0

移动web开发01

今天移动web开发学完了，整理一下思路，移动web首先学习的就是就是flex布局。记录一下flex布局和移动适配的一些知识。...flex-direction 改变元素排列方向 row 改成x 默认值 column 改成y 移动适配移动适配使用的两种类型的单位，rem和vw/vh。...viewport widthl ，vh：viewport height 1vw = 1/100视口宽度 1vh = 1/100视口高度 vw的好处自动是视口宽度的1/100 自动计算不需要在引入额外js，不过又移动兼容性问题...设计稿一般是375px，1vw就是3.75px flexible 移动设备视口宽度很多，我们不能一个一个使用媒体查询，我们使用flexible配合rem使用 flexible.js是手淘开发出的一个用来适配移动端的

1.3K4 0

移动开发-流式布局

移动开发-百分比布局流失布局案例: 京东商城: 点击查看通过盒子宽度设置百分比来根据屏幕宽度来进行伸缩，不受固定像素限制，内容向两侧填充流式布局，就是百分比布局，也称非固定像素布局 max-width...最大宽度 – max-height 最大高度 min-width 最小宽度 – min-height 最小高度图片 CSS初始化 normalize.css: 移动端CSS初始化推荐使用normalize.css...1CSS像素=1物理像素多倍图: 在标准viewport设置中，使用倍图来提高图片质量，解决在高清设备中的模糊问题通常使用二倍图，因为iPhone6\7\8影响，还存在3倍4倍图的情况，这个看实际开发需求...background-size: 50px 50px; /*原始图片100*100px*/ 关于更多: background-size 属性多倍图切图 cutterman: 图片移动端主流方案:...单独制作移动端页面 (主流)，通过判断设备，如果是移动设备打开，则跳到移动端页面响应式兼容移动端 (其次)，通过判断屏幕宽度来改变样式，以适应不同终端, 制作麻烦，需要花很大精力去调兼容性问题移动端浏览器

1K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭