童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

Axure用例:如何适配产品原型到不同平台?

3月15日 凉夕夏投稿
  作者对如何适配产品原型到不同平台分享了一些见解,与大家分享。
  当APP发展到一定阶段,老板要求做个H5版来覆盖不想下载的用户,或者说小程序那么火,我们也上一个吧。此时PM应该如何适配不同平台。
  是直接拿着以前的原型PRD给技术去开发?还是拿以前的原型PRD修改了再给?当然也可以选择重新整一遍新的原型PRD。
  我相信大部分PM使用的是前面2种,但事实上有更好的方法。
  一、什么是适配不同平台
  具体来说就是PM的工作如何指导UI和前端工程师开发不同平台,也就是PM产出物“原型和PRD”需要具备此特性。
  请注意PM适配,不是指前端视觉交互的适配,也不是指服务端兼容多种环境的前端调用和共享数据库。
  什么不是适配
  适配不同平台,不代表你的原型就是高保真。有些初级PM的理解水平真的很一般。
  适配不同平台,和适配不同屏幕,是2个概念。后者适配不同屏幕通常是指你的APP是否兼容iPhone7、iPhone7plus、iPhone5、iPhone4等屏幕并完美展现页面内容和交互。而前者肯定不是这个意思。
  二、哪些情况下需要适配
  当APP发展良好,需要快速补充H5
  比如唯品会核心是APP,然后wap环境下使用H5做了一版本。
  小程序版本来覆盖不想下载APP的用户
  比如摩拜单车APP,和摩拜单车小程序。
  当你做的是H5APP,想兼容一下Web环境
  比如SameAPP有个H5官网,然后适配了Web环境。
  当你主营Web网站,想移植核心功能到H5环境中
  这个案例太多了,比如天猫Web,到天猫h5。
  当你主营APP,然后想兼容Web环境
  比如饿了么先有APP,后续增加了Web版本的定外卖服务。
  一般是这样适配不同平台
  使用一份原型和PRD写APP,需要适配其他平台的时候,则在有差异的地方做一下标注。但是这样做会有很多问题。
  当差异超过一定程度的时候,很难去标注。
  如果需要同时迭代多个平台,原型和逻辑是不是要写多份。并且容易遗漏。
  服务端童鞋很难理解不同平台的原型,他需要如何去支持接口和数据库层面。
  推荐使用Axure的自定义视图来适配不同平台
  使用Axure创建原型并标注逻辑的方式来作为PM交付物PRD,并且使用Axure的自定义视图功能来设计不同分辨率下的原型。
  我大概记得知乎最早是上线web版本,然后是wap版本,最后是app。
  设计知乎的web和wap这2个版本可以使用Axure创建一套原型。这里花费的时间精力不是N,顶多1。x罢了。
  仔细看,你会发现知乎web和知乎wap其实很多地方是很类似的,包括上导航和列表。
  当做好了web,去设计wap的时候,用此种方法画原型写逻辑是最合适的事情。如果只是再差异的地方单独标注,连产品demo都无法让大家直观的理解。之前分享过很多PM经验,就是通过此方法创建的。
  总结
  事实上很多国外的网站,特别适合用Axure原型直接画好web、wap。比如Facebook的web,wap版本。
  Axure当初发布自定义视图功能的时候就是考虑到这些不同分辨率不同平台的差异,所以才推出此功能。如果有需求,请善用之。
  如果大家感兴趣,下一篇具体讲讲Axure自适应视图的具体用法。
  相关阅读
  善用Axure写PRD,全面通用的移动端产品规范V2。0
  Axure如何生成适配手机屏幕的APP原型
  如何把原型放到网络上
投诉 评论 转载

高保真Axure组件:一套原汁原味的layui风格(附下载地layui是一套经典的模块化前端框架,由职业前端倾情打造,面向所有层次的前后端程序猿,业界最容易使用的前端UI解决方案。你可能不知道layui,但是layer你应该是知道……Axure教程:微信聊天列表原型制作(一)对于Axure的学习,就是要多做练习,本文是微信原型制作的第一章,希望对同样正在学习的朋友有所帮助。本章主要制作聊天列表原型,实现滑动效果。原型基于Axure8制作。……Axure教程:如何画出曲线图?在做数据可视化类型的页面时,会遇到这样的问题:我想在我的柱状图上画出一条曲线怎么办?第一步:在左侧的元件库中点击水平线(或者垂直线都可以),拖动到图中第二步:……Axure设计之2048完全设计教程:4步打造可玩的小游戏打飞机、挖掘机,除了这些之外,Axure还可以设计一个真正可玩的小游戏:2048。赶紧来看看是怎么弄的吧废话不多说,简单来说,这篇文章就是为了纪念我的Axure修炼之路,……功能设计:手势密码开启关闭重置和手势登录交互手势密码是手机端比较常用的一种身份验证方式,主要用来验证身份,保护隐私数据。本篇文章将用流程图及页面流来描述开启设置,关闭,重置手势密码和手势密码登录。一、开启设置手势密……华为官网首页交互:移动和透明度动画应用华为手机越来越爱到众多消费者的喜爱,体验方面无论从手机终端,还是官网设计,都体现出一个知名企业所拥有的品质。以华为官网首页的交互为例,交互虽然简单却体现了对细节的追求。我们就以……一个好的原型应具备的5个特点一款成功的产品,一定是团队共同努力的结果,绝不仅仅是产品经理一个人的功劳。在产品的初期,产品经理需要让团队成员了解到产品做什么,为什么做,以及怎么做,而产品原型就是最好的沟通语……如何正确地画出页面流程图说到页面流程图,看似很简单。但是其实很多人画得不规范,不能清晰表达产品整体的页面架构。希望我的经验可以对一些不太会画图建模的PM有点启发。页面流程是什么页面流程是指……MDVC框架:产品文档最优雅的结构今天分享一个产品文档的优雅结构:MDVC框架。供大家参考,与大家共勉!区分概念什么是PRD?什么是MRD?什么是BRD?这些问题都是老生常谈的。我从整理了一些,供大……如何用Axure画出适配不同平台的原型上篇文章《PM应该如何适配不同平台》讲解方法论,这篇文章讲解工具操作。以AxureRP8为例,讲解如何绘画兼顾不同平台的原型。一、以产品的主平台为基础来设计原型当你……Axure用例:如何适配产品原型到不同平台?作者对如何适配产品原型到不同平台分享了一些见解,与大家分享。当APP发展到一定阶段,老板要求做个H5版来覆盖不想下载的用户,或者说小程序那么火,我们也上一个吧。此时PM应……自定义微信元件库:Axure基本元件的应用(下)阅读本篇之前,如果没有了解上篇,请点击这里查看《自定义微信元件库:Axure基本元件的应用(上)》。下篇讲解的是微信以下自定义元件的实现过程:弹出菜单消息列表……
电商优惠券的这一生设计移动端App时容易忽略的30个方面(中)淘宝省钱专区的挽回弹窗设计分析电商风控:聊聊反骗赔对抗经验电商实时分销方案:售前准备正向交易设计移动端App时容易忽略的30个方面(上)手把手带你从零搭建人力资源系统(1)概述如何用阶级制度解释QQ用户成长体系?注销功能不是用户流失的背锅侠如何设计出色的深色主题界面?论设计系统的销售:展示产出,而非操作过程网站设计:长租公寓官网iPhone12系列MagSafe保护套将新增深紫色等新颜色您认为怎么样才能教育孩子?您在教育孩子的过程中会吼孩子吗?预设确认?索尼A7R5即将发布索尼疯了,佳能傻了美术教学总结九州缥缈录台网夺冠领跑暑期档周播会员收官刘昊然成王毕业季的作文300字公安机关现场辨认笔录规定是什么?课文我要的是葫芦的教学设计范文马伊琍罪名成立,可否逃过一劫?宝贝计划男人不该“缺位”9858!辽宁男篮打疯了,球迷却吐槽差距太大,比赛没意义晏子使楚教学反思优秀范文

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界