- 1、本文档共10页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
PAGE 9
原型设计案例
摩拜单车周边服务
移动产品规划与项目管理
一、Roadmap(路线图、蓝图)
需求预期管理:优先级、完成时间
更注重未来的时间周期
弱化具体的任务,具体任务有甘特图或者项目计划进行详细描述
突出关键节点
注:入驻餐饮商家数,主要参考美团和糯米,普通餐饮小店数量可能更多(可作为直接参考的 饿了么 没能找到数据)
二、原型
原型是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而交互设计是一种使得产品易用,有效的把人使用产品的过程变得愉悦的技术。
低保真:利用线框图,把信息的组织架构通过图形的模式展示。工作中多数情况为保证快素便捷进入沟通、开发,多采用低保真原型。初期也可以采用手绘、线框图,后续版本迭代中可以在已有界面基础上采用PS、Axure等。
(相见文章开头“在线演示”中框出部分)
高保真:利用高功能性、高互动性完整的把用户的操作流程表现出来。高保真原型制作可以博保障完成效果,但往往比较耗时,可能采用的场景:
部分特殊需求,如对体验效果特别看重,或功能极其复杂,需拟定较好的高保真demo
以便技术实现后期与预期对比的情况
(详见文章开头“在线演示”中框出部分)
注:右侧“首页”、“个人中心”等是便于每次刷新后快速进入某一页面,非必须内容。
三、Axure小技巧
1、动态面板的使用
动态面板:使某一区域可以存在多种显示状态,可以进行切换。动态面板具有”拖动“系列交互事件,可实现拖动切换或者其他效果。预览中,动态面板具体显示为某一状态。
利用动态面板最简单的示例是可以实现banner,定时切换或者点击切换。
2、热区的使用
热区:可以使页面中被覆盖区域具有交互能力。一般配合静态图片或者背景使用。
如下图所示,背景为一张截图,热区”1″添加点击用例后,返回到上一层界面;热区”2″点击后跳转到”我的优惠“界面。热区在预览中为透明色,不影响背景内容。
3、拖动效果
step1:创建动态面板(“地图可视区”),添加“map”状态,双击进入编辑
step2:在“map”状态中,添加图片(“模拟地图”)
注:图片要大于动态面板尺寸,如:动态面板388*593,模拟地图1766*900;示意图:
step3:动态面板(”地图可视区“)添加用例:交互-拖动时
注:参考示意图,拖动操作的移动对象为”模拟地图“;有效边界不操出可视区域。
4、图标滑动效果
step1:创建两个文本标签“全部单车”、“周边服务”
step2:创建一个无边框矩形,背景色设置,圆角半径(高度的一半)
step3:布局,水平居中;文本标签置顶,矩形框置于“全部单车”下方
step4:文本标签分别添加用例:交互-鼠标单击时
注:“切换区-图标”是无边框矩形的名称;(77, 15)是需要移动到的xy坐标值,可以分别将矩形框置于两个文本标签下获取。
5、蒙版效果
step1:创建无边框矩形,位置-尺寸 和背景内容相等
step2:层级关系,位于背景和消息框之间
step3:颜色,黑色、不透明 30%;默认隐藏
step4:点击“显示”、“隐藏”即可
本文引用于:/rp/635281.html
您可能关注的文档
- 养猪与猪病防制 养猪与猪病防制 191猪丹毒防制.doc
- 养猪与猪病防制 养猪与猪病防制 209猪布氏杆菌病防制.doc
- 样板房陈设专题设计 样板房陈设基础技能 《样板房陈设专题设计》电子教案_第3单元_于虹军_20160602.doc
- 遥感原理与制图 遥感图像光谱增强处理 技能训练---ENVI遥感图像NDVI计算.docx
- 遥感原理与制图 遥感图像几何校正 技能训练---ENVI图像几何校正.doc
- 遥感原理与制图 遥感图像几何校正 实训指导书-遥感图像几何校正.doc
- 药品经营质量管理实务 3.1申请验收 3.1申请验收.docx
- 药物制剂设备 灌装设备 口服液灌装设备.docx
- 药物制剂设备 胶塞清洗机 胶塞清洗机.docx
- 药物制剂设备 软胶囊压制机各装置作用 软胶囊压制机的结构装置介绍.docx
文档评论(0)