产品设计

1.1 App后台的功能 远程存储数据 消息中转 1.2 App后台架构 如何快速提炼架构核心点，掌握架构的精髓？ 是在什么业务逻辑遇到哪些问题； 采用了哪些技术解决方案。 架构设计有哪些特点？ 架构是和业务紧密相关 架构的演变是由业务驱动 架构不是为了炫耀技术 1.3 App和App后台的通信 一般情况下，选择 HTTP协议 足够了；除非对App的安全性和性能要求极高，而选择私有协议。 App和服务器通信使用 短连接 ，除手游和聊天推送服务外，使用长连接。 App后台以 API的形式 提供给App使用。 App后台API以 JSON作为返回数据的格式 ，它比XML格式更省流量 。 1.4 App后台和Web后端的区别 App后台要慎重考虑网络传输的流量，主要在API设计、图片处理上 移动手机弱网络环境 手机电量有限 1.5 选择服务器 App产品经常会出现在毫无征兆的App访问量爆发的情况，解决访问的压力最快、最有效的方法是升级服务器的硬件，如升级CPU，升级内存容量或者升级带宽。 传统的IDC要升级CPU或升级内存容量的流程如下。 和客户经理商谈所需硬件的价格或在线选择具体的配置。 在线支付或银行转账。 确认钱到帐后，等待IDC安排工作人员升级硬件。 这个流程由于需要人工介入，很难做到几分钟内完成硬件升级。 而使用云服务器升级硬件就很简单，流程如下。

当我们初次接触 产品需求文档 时，首先会从网络上寻找 产品需求文档模板 ，希望从中了解和学习具体的写作要求，但实际上，现在网络上绝大部分的 PRD文档 都是与实际工作不相符的，或者说是复杂的。 前几天一位从事产品类工作的朋友，发来一份他写的产品需求文档目录截图给我(下图)，当时我就郁闷了，这些类目更像是 MRD文档 ，而不是 PRD文档 了，因此我决定写几篇讲述写作PRD文档的文章，分享一些我关于PRD文档的见解和写作方法。 PRD 是英文 Product Requirement Document 的缩写，中文的意思是产品需求文档，具体的名词介绍大家可以询问 Google 。 PRD文档 是基于 BRD 、 MRD 的延续文档，主要用于产品设计和开发使用，因此阅读这份文档的人群绝大多数是设计与技术人员。在这类人群中，设计师更多依赖于原型进行交互或视觉的设计，因此看这份文档的人就会偏向于技术人员。相对于技术人员，他们不太关注产品的商业需求和市场愿景，因为在进行产品讨论立项时，产品的定义就已经向参与设计和研发的人员宣讲过，因此技术人员更多的是关注界面、功能、交互、元素等等内容，因此PRD文档是一份详细的产品功能需求说明文档，是产品文档中最底层和最细致的文档。 PRD文档 是一份没有闲话，直入主题的功能说明文档，因此我们在写作时，脑海里构思的是成品产品的界面功能的逻辑线框图

所有工具在appstore都可以搜索下载，或者购买到。不断试用新品，不断更新心得，也欢迎分享推荐好工具使用。目前急缺可直接生成交互文档的移动端APP原型工具（墨刀暂时不行）。 　　一，头脑风暴阶段 笔记本和铅笔 iOS 自带备忘录（很好用，和MAC/PAD 也是同步的，这一点让我很满意） Carbo,手绘记事本, iOS APP,可以直接把草图转换成PNG格式供我使用。 Carbo.jpg simplemind free,脑图工具，简单的用途也已经可以满足了。 Simplemind free mindnote pro,脑图工具，现在正在用，有时候流程图也偷懒用它了。对比simplemind free，结构扩展很方便，而且看起来更清爽。 mindnote pro 　　二，原型阶段 流程图：Office 系统用Visio,在Mac系统用Omni Graffle在线工具可以尝试 Processon 原型工具：移动 APP原型设计 ：墨刀 Web 原型：Axure 高保真原型／核心页面设计：Sketch 　　评价很好的Ominifocus尚未尝试过。 　　三，交互文档的制作 　　Axure可以直接生成文档，具体可以去看看小楼的视频。移动端的原型工具目前似乎没有这个功能，可以用Omni Graffle, 脑图＋原型页面，或者key note。 　　四，项目管理 　　omni plan 　　附

自然易懂：使用用户语言 用户获取信息的方式多样，并且对信息的理解程度也各有不同，所以使用用户平时使用和理解的表达方式去传递信息，则更加可以被用户所接受。 简洁清晰：使信息最简化 “少即是多”。应当提倡使用最少的元素来表达最多的信息。如果信息繁杂，将使用户承担大量的信息负担，造成信息过载，影响效率，不能帮助用户解决问题。 信息表述的种类 页面布局 界面中的信息布局，会直接影响用户获取信息的效率。所以，一般界面的布局因功能不同考虑的侧重点不同，并且会让用户有一种“区块感”，方便用户对信息的扫描性浏览。 页面布局设计原则 ①界面布局尽量有秩序，排列整齐，防止过紧或过松，有明显的“区块感”。切忌混乱。 ②布局要充分表现其功能性，对于每个区域所代表的功能应有所区别。如：标题区，工作区，提示/帮助区等 ③页面中最重要的信息所在的模块将是在屏幕中最明显的位置上。并且，应该是最大的。 ④布局中的信息需要有明显的标志和简单介绍，比如标题栏和标题等。 ⑤信息的位置保证一致性，让用户可以无需重新建立对页面信息分布的理解。 交互文本 交互文本指产品界面涉及交互操作中需要用户理解并反馈的所有的文字：包括标题、按钮文字、链接文字，对话框提示、各种提示信息、帮助等。这些文字直接影响用户在交互过程中对预期的理解，好的交互文本设计，可以提高用户完成任务的效率。 界面色彩 人眼一共约能区分一千万种颜色

APP测试基本流程以及APP测试要点 https://www.cnblogs.com/dengqing9393/p/6497068.html 性能测试：https://blog.csdn.net/xiaomaoxiao336368/article/details/83547318 APP测试设计测试用例的要点 http://blog.itpub.net/69915785/viewspace-2663955/ 1流程图 1.2测试周期 测试周期可按项目的开发周期来确定测试时间，一般测试时间为两三周（即15个工作日），根据项目情况以及版本质量可适当缩短或延长测试时间。 1.3测试资源 测试任务开始前，检查各项测试资源。 --产品功能需求文档； --产品原型图； --产品效果图； --测试设备； --其他。 1.4日报及产品上线报告（内部报告机制） 1）测试人员每天需对所测项目发送测试日报。（也就是我这边有邮件通知测试项目的时候一般均属于输出测试日报） 2）测试日报所包含的内容为： \\Dell-server\网站软件app等开发\产品测试部\测试知识区域\测试文档类模板\项目测试报告邮件输出模板.doc 4）不同版本测试报告输出 2 App测试点 App测试点整理 一． 功能性测试 根据产品需求文档编写的测试用例进行测试 功能性包括客户端的单个功能模块，以及功能业务逻辑（功能交互） 1

墨刀原型链接 ：https://pan.baidu.com/s/1qrVI_je8NONVHT_FwH6Pwg UML设计链接 （附带第一次会议总结）：https://www.cnblogs.com/lfxy/p/11885545.html 需求文档链接 ：https://www.cnblogs.com/lfxy/p/11788767.html 一、个人定位 在这次项目中，我的定位类似于产品经理师 承包设计师与美工的部分，做出ui的平面设计与素材收集及制作 确认接口，衔接设计与程序还有需求 确认软件需求，设计软件ui平面设计，设计软件使用流程 后期帮助其他组员编写页面 为写好的功能的页面进行排版 二、个人分工 (一) 素材收集及制作及文档编写 一个app需要足够的图标，logo，以及图库，而我负责这些素材的准备 1) Logo，加载页面，登陆界面图片的制作 2) 图标与图片的收集、与整理 3) 素材制作及收集阶段总结 我总觉得，很多人在轻视这个阶段和过程。但我觉得素材准备和收集还有整理和分类是一个极为重要的步骤。当你有一个充分的准备时，你将会有很多好处 i. 后期的测试会变得十分简单，图片可以十分容易的从你想要的文件夹取出，大小也是你想要的，裁剪好的大小。而如果前期不做准备，后面的测试会很难进展 ii. 会让后续步骤变得更流畅，相较于一边做一边设计，我更加认同设计好了

我们在日常的软件设计中经常会涉及到原型的设计。设计一个原型，无非就是三个目的：第一个目的是给自己看的，为了方便之后的下一步设计；第二个目的是给开发看，说服开发，完善软件；第三个目的是给客户看，让客户满意，推动合作。 但是，在工作中经常有些小白同学拿着应当给开发看的原型去给客户看，导致客户不满意，谈判过程异常艰难；也有一部分人拿着应该给客户看的东西去找开发，结果却效率低下，有的会被开发拒绝，部分情况可能导致更严重的沟通问题。更有甚者拿着该给自己看的东西去给开发和客户看，后果请自行脑补。那么，究竟该用什么工具做什么原型给谁看？今天熊先生就来跟大家简单讨论一下，在目标明确的情况下，我们到底该怎么办。 一、给自己看 重点：草图 工具：白板、纸笔、 Balsamiq 、 Xmind 既然是给自己看的，那就没什么多说的了，随心所欲的记录下一切可能的想法，保证自己能看得懂，也就足够了。这个阶段里，外界的干扰越少越好。简单方便的纸笔和白板就成了最好不过的工具，它们不会限制你的思维，任你想出无数想法。如果你希望把这些线框图更有效的整理出来，可以使用Balsamiq，这款工具虽然没有交互设置，但是其素描的风格相信也会为一些用户提供灵感的来源。而且Balsamiq作为原型设计工具，组件虽然不是很多，但也完全可以满足线框图的要求了。当然，有些时候为了整理自己的头绪

1 APP测试基本流程 1.1流程图 1.2测试周期 测试周期可按项目的开发周期来确定测试时间，一般测试时间为两三周（即15个工作日），根据项目情况以及版本质量可适当缩短或延长测试时间。 1.3测试资源 测试任务开始前，检查各项测试资源。 --产品功能需求文档； --产品原型图； --产品效果图； --测试设备； --其他。 1.4日报及产品上线报告（内部报告机制） 1）测试人员每天需对所测项目发送测试日报。（也就是我这边有邮件通知测试项目的时候一般均属于输出测试日报） 2）测试日报所包含的内容为： \\Dell-server\网站软件app等开发\产品测试部\测试知识区域\测试文档类模板\项目测试报告邮件输出模板.doc 4）不同版本测试报告输出 2 App测试点 2.1安全测试 2.1.1软件权限 1）扣费风险：包括发送短信、拨打电话、连接网络等 2）隐私泄露风险：包括访问手机信息、访问联系人信息等 3）对App的输入有效性校验、认证、授权、敏感数据存储、数据加密等方面进行检测 4）限制/允许使用手机功能接人互联网 5）限制/允许使用手机发送接受信息功能 6）限制/允许应用程序来注册自动启动应用程序 7）限制或使用本地连接 8）限制/允许使用手机拍照或录音 9）限制/允许使用手机读取用户数据 10) 限制/允许使用手机写人用户数据 11) 检测App的用户授权级别、数据泄漏

原型设计是软件设计开发过程中必不可少的一部分，但是现在我们能够看到的原型设计工具种类多到让人眼花缭乱。如果你只是选择了其中的一款工具，并且觉得原型设计工具只需要一个，对于整个设计开发过程就足够了，那你就大错特错了。事实上，这些原型设计工具连接起来，才是一个完整的设计流程。 草图/线框图阶段：纸笔、白板、Balsamiq、 Mockplus 无论是美术设计还是用户体验设计，或者是用户界面设计，首先要做的事情就是画草图、打草稿。当我们天马行空的进行想象的时候，记录的工作交给它们就好了。纸笔和白板不用多说，千百年来老祖宗留下的好东西为我们解决了太多的记录问题。Balsamiq、Mockplus以及其他的可以产生线框图的工具是新世纪科技带给设计师们的福音。Balsamiq作为一款静态的线框图工具凭借素描的风格收复了不少用户。虽然近几年版本之间的改动并不是很大，但仍然有着坚实的用户基础。Mockplus作为行业新秀，不仅传承了素描风格，同时加入了写实的线框图，满足更多人的需求。 交互设计阶段：Axure、Justinmind、 Mockplus 、UXPin 线框图的设计告一段落，下一步就是为它们添加交互动作。交互，作为程序运行中影响用户体验的关键因素，一点也马虎不得。产业初期并没有专业设计师的时候，很多程序员同事担当起了原型设计的重任，也正是因为如此

某公司的产品面试，面试前该公司让面试者做一道笔试题，笔试题目为： 针对以下需求提供一个解决方案：在卡牛 -信用卡管家APP里面，我们的用户需要一个寻找 附近银行网点/ATM 的功能： 请交付你针对这个需求，设计的 Axure 原型界面的解决方案 在原型里面标明业务规则和你对这个需求的分析思考过程（脑图、流程图等等） 通过本道题目，将讲述为某产品添加一个功能需求，从策划到上线将会走那些流程。 在一家小型的创业公司，从项目的需求 ——项目的落实——项目的上线，他们大致会走这样的流程： 产品策划 – UI设计 – 研发评审 – 测试评审 – 研发阶段 – 测试阶段 – 上线 。结合那个面试题，详细的讲述产品策划这块，简要的描述一下后续几个流程。 根据以上笔试题，我们可以得知：卡牛 -信用卡管家 APP 的用户反馈得知，用户希望在卡牛 APP 有一个可以寻找 附近银行网点／ATM的功能。 # 产品策划 在产品策划中，首先是获取产品需求、然后对产品需求进行筛选、评估。获取产品需求主要来源可以分为 内部渠道和外部渠道。外部渠道的来源于 “用户反馈、用户调研、竞品分析、市场、合作伙伴”；内部渠道的来源于“公司战略、产品经理本身、产品数据分析、其他部门的反馈” 。 当获取到产品需求时，接下就会进行需求评估， 需求评估将会利用以下方法：客户满意度、马斯洛需求、重要紧急四项型、调研强制排序