手机端APP的产品规划,原型交互的设计方法
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
APP的求好评或退出设计
大多数用户习惯右手操作,吸引用户点击的按钮可以 放到右侧,或字体加粗和深颜色来重点突出。 求好评或退出挽留的语言可以更可爱或吸引用户群体。
APP里文案效果的设计
提示语让用户人群感觉简单、易懂,样式设计上有排列和突出重点。 也可以有标题面向高级用户直接看懂,不懂的可以展开解释说明看。 操作前可以有默认设定和提示语,甚至能记住用户上次选择。 让用户看着和操作都舒服,如下图右侧:
舵式导航适合有核心操作的产品,底部导航中介较突出的操作按钮。 TAB导航适合快速切换展示对应的内容。 情景分布式导航适合游戏或体验类应用,结合背景图场景或物体来分散放几个按钮。
• PC端 Windows+MAC的软件: 能播放、剪辑全景视频(自己开发或用第三方);
工具提升 体验和用 户量
硬件 • 双目全景相机,相对便宜、支持4K拍摄、可直播;
• 配件全,适合多种使用场景,如潜水、运动等。
硬件产生 销量收入
产品架构功能和流程的规划
可以从大到小的规划,先有几大功能的架构,在按界面和功能来细化成表格和需求文档,同时 也要考虑用户行为对应的产品流程和规范,例如页面和功能的先后顺序和实现条件。 如下举例:
支持PC端播放和移动端H5网页播放全景漫游,手机和电脑屏幕 里能看,在VR头盔里看; V2.0版 支持 PGC 模式,找合作方和专业拍摄者,能提供全景漫游;有 Q2 PGC+CGC 合作方管理后台能进行上传,数据统计与分成后台; 客户有需要可以帮助做,也可直接发布成应用形式。 V3.0版 UGC 用户能制作全景漫游,能上传多张全景图和音乐到平台上。应 用里能看到某用户发布的全景漫游。需要有审核后台看到用户 Q3-Q4 信息和上传内容。
手机端APP设计的类型
产品经理对移动APP要设计的类型:可以通过Mindmanager或Visio设计结构和流 程,在通过Axure或墨刀等软件设计原型和交互。 页面和模块: 分类导航、首页、列表页、详情页、用户行为的功能操作页、注册登 录页、用户管理页、设置页、更新页、帮助页; 还需设计相关页面里的运营推荐、专题+活动、排序、程序算法、分类导航、搜索 和标签、 push通知、应用启动画面、新手引导、对话框、升级通知和好评。 还需设计产品对应的内容发布和数据统计等后台。 做APP还需设计开发相关的包名,名称、图标,版本号,相关页面里的UI和交互里 的统一性,UI和功能开发的通用性。
APP原型设计的部件库
可直接用AXURE里的部件库,能从网上找到热门机型和系统的素材,导入到部件库里通用于各 类APP设计。墨刀等设计软件里一些软件素材,网上也有很多模板和素材可用。
APP的通知PUSH设计
在锁屏状态下能收到通知PUSH,提示语的设计非常重要,基本上是显示核心内容告送用户,引 导打开APP提升活跃度或商业收入。 如下图举例,感觉设计并不好,用户看到通知内容后不一定点击,因为缺少了引导性。 有如下建议: 考虑显示一句通用提示语吸引打开APP:查看雾霾、紫外线、锻炼、穿衣等指数>>考虑显示一 句个性化提示语,判断用户看过洗车指数或限号信息的,就显示出来。 考虑显示商业化内容,品牌提示+一句关心语。 例如”耐克”提醒您天冷多穿衣服。
APP里打开全景漫游可暂停 或继续或返回或开关音乐 网页上看:默认视角可滑 动、全屏平铺看、陀螺仪 看、VR分屏看 可以制作和发布,可 以资源包形式后台上 传,在APP里能打开
全景漫游频道: 多个分类、OGC/PGC发布 有推荐位: 首页或频道上面有推荐位 全景漫游的操作: 分享、收藏、下载
全景漫游APP 产品架构
产品周期和排期的规划
可以先确定一两年内做几个大版本,然后按季度和月度来细化要实现的功能和小版本。 如下是某APP的举例: 版本 V1.0版 OGC 需求描述 排期建议
先确定类型,确定实现全景漫游打开方式;建议实现全景漫游, 以资源包的形式打开,在VR头盔里看。 Q1 增加全景漫游频道,有运营后台维护全景漫游,应用端能看到 推荐的全景漫游;建议显示全景图赏里,然后是PicoVR里。
APP设计前的调研
简单说就是5w2h原理,谁在什么地方或环境里,什么时间做了什么事情或行为,因为什 么原因或目的,结果做的程度和数量怎么样?。
使用者是什么人? 什么状态下可以进行操作? 进行什么样的操作? 为什么需要这样的操作? 在哪个页面操作? 操作后状态会发生什么? 是否有时间限制? 是否有地理位置限制? 是否有设备限制? 是否有异常或出错情况该如何处理? 是否有逆向流程的操作? 是否需要发布的后台,审核的后台,统计的后台?
手机端APP原型设计的介绍
APP的原型也叫线框图Wireflows,是为了体现各页面的排版布局,元素模块位置和顺序。 如下举例
APP原型设计的举例:用户中心
ABaidu NhomakorabeaP原型设计的模板:用户、社交类
APP原型设计的模板:多媒体类
APP原型设计的模板:文件管理类
APP原型设计的模板:工具、事件类
APP原型设计的模板:表单、提交类
手机端APP的产品设计培训
1 产品战略和定位的规划
2
3
产品架构和功能的规划
产品周期和排期的规划
4 5
APP要设计的页面和模块
APP产品原型和交互的设计
产品战略和定位的规划
公司先确定做什么软件和硬件,软件适配哪个终端系统,面向什么人群提供什么产品服务,实现什么目的。 如下是个相机公司的规划举例:
• 自有平台,APP(2D+VR)、网页:
APP导航的设计
不同类型的app需要选择合适的导航,对用户活跃度或商品销量会有提升。 内容或商品较多,可以选择底部有导航,上面有二级分类或标签式的导航。 分类少或工具类应用,可以选择3、6、9宫格式居中的应用。 功能较多或非并列关系的导航可以选择下拉展示/抽屉式的。
列表式导航使用简单清晰的展示导航,例如微信里的发现。
两平台
• 开放平台 网页:
平台产生 面和电脑网页版;先OGC模式需运营后台,后UGC模式需审核后台。 用户量和 收入
移动APP聚合拍摄的全景图、全景视频、全景直播;实现移动端H5页 开放全景内容给第三方平台,拍摄和直播的功能SDK开放给第三方;
• 移动端 IOS+安卓的APP:
两工具
拍摄全景图、全景视频;发起全景直播;播放器支持多种观看模式;