原型设计：如何实现淘宝的五星好评？
对购买后的物品进行评分，是常有的事，那么这类应用点击星星进行评分的原型效果，是如何实现的呢？我们在淘宝购物或大众点评点餐时，经常需要对商家的服务进行评价。那么这类应用点击星星进行评分的原型效果，是如何实现的呢？本文在这里向大家分享制作这类原型效果的实现过程。准备元件，设置交互样式拖动一个矩形至设计区域，宽和高均设置为50，将其转换五角星形状。连续复制4个相同的五角星，呈水平
原型设计
2018年04月10日
如何快速搭建系统原型（三）：内容区（详情页）设计
之前的两篇文章，我们讲了整体的系统页面结构框架可以怎么搭建，讲了首页的设计思路，现在我们来讲讲详情页（详细的功能、内容页面）可以怎么设计，如果你准备好的话，那我们可以新的旅程啦。详情页概述上一章节，我们讲到正文内容区域如果是首页的时候该怎么设计，同时简单介绍了一下详情页：详情页一般是查看/操作页面，常以列表、表单、信息详情的形式展现。下面我来来详细的介绍内容详情页的设计思路
原型设计
2018年03月27日
5个方面，总结产品从0到1
文章为作者对产品工作从0到1的简单总结，希望与大家共勉。寂静的房间里时不时传来敲击键盘的声音。经过无数个加班后，产品已正式上线有些日子了。刚刚又接收到种子测试用户的反馈情况，已经做了记录。心里也是十分兴奋的，经历了几个月之后。产品终于顺利的上线了。想好好总结一下项目的细枝末节。然后继续前行。1.市场调研在百度等网站输入关键字搜索相关行业的文档。还可以去做行业分析报告的网站上
原型设计
2018年03月14日
2018 年交互设计旅程中的 7 个设计趋势
以下内容由Mockplus团队翻译整理，仅供学习交流，Mockplus 是更快更简单的原型设计工具。不可否认，2017年用户体验是件大事情，从产品界面到消费内容，各种各样的数字平台都在讨论用户体验。在过去的一年中，有很多基于Web端和移动端的产物出现，但是很快又消失了。而这些失败的产物大部分可能与交互设计的缺陷和失误有关。在接下来的一年中，将用户体验纳入设计之中将继续成为头
原型设计
2018年03月08日
干货！不得不知的 UI 界面中“行为召唤按钮”设计秘诀
数字产品的有效交互系统由具有其任务和功能的小元素组成。为了建立丰富的交互系统，关注所有小元素的设计细节至关重要。按钮是用户界面的核心交互组件，它在质量用户体验以及网站和应用程序的转换率方面发挥着重要作用。UI按钮根据其功能的不同，可以分为不同的类型。本篇文章致力于讲解“行为号召（CTA）按钮”，涵盖了他们的本质，在直觉导航中的角色以及它在业务目标中的重要性。让我们一起来看看
原型设计
2018年03月01日
从产品小白到产品大白，我 get 到了7条经验……
从与技术相爱相杀的产品小白到运筹帷幄决胜千里的产品大白，本文作者在此分享了其心得体会，一起来看看吧~17年对于我来说，一个全新的挑战，产品零经验的我，幸得几位大家长的信赖，临危受命担任公司新项目产品负责人，期间欢笑与泪水共存，和开发伙伴相爱相杀，从光杆司令到招兵买马，临时从各个部门东拼西凑拉人成立一个虚拟项目组，兢兢业业早出晚归废寝忘食总算不负众望。走过了太多坑坑洼洼和磕磕
原型设计
2018年02月12日
交互原型工具：好的工具是利器，坏的工具是钝器
好的工具是利器，坏的工具是钝器。每个人都可以找得到最适合他的利器，我希望你也一样。如果你是 UX/UI 设计师，你一定会听说过无数个交互原型工具。设计资讯网站总是不厌其烦地介绍新的交互原型工具，标题通常是：《这款最新的设计工具，也许你该上手试试》《动效设计神器！Sketch 绝佳搭配》《30 秒制作交互原型的新晋神器》《这才是适合设计师的动效制作工具》《2016 年十佳原型
原型设计
2018年02月12日
给你灵感的 23 个优秀线框原型图示例
如何在产品初始阶段以最快的方式展示设计思路？我想大多数的UX/UI设计人员都会倾向于快速构建一个线框原型图。这的确是一个非常明智的选择。那么问题来了，设计师如何才能做出一个优秀的线框图设计呢？设计师可以在哪里获取更多设计灵感？需要使用线框工具呢还是用笔纸作图就足够？今天，我整理了23个最佳移动端和网页的线框图示例，希望能给您带来灵感。最后还有快速高效的线框图工具推荐哦。看完
原型设计
2018年02月09日
让原型更加高保真，重要的规范是字体、字号、间距、对齐
现在部分产品职责中要求中高保真的原型，而是否要求产品经理输出高保真原型有着相反的两种主张，主要矛盾在于时间成本以及影响到了设计师设计。这篇文章里不讨论这个问题，仅仅表述下，笔者作为一个技术出身的产品经理，如何学会能够快速地产出高保真原型的，以下写的也是 态度篇 ，文字较多，期望能够给各位看官大老爷提供个参考。方是方，圆是圆，规范最重要。以前我的做法会是找找优质元件库
原型设计
2018年02月09日
Aure原型如何根据使用场景来设置页面样式
页面样式是我们画原型的时候不太关注的功能，但是需要修改的时候又会发现特别费时间。希望通过本文让大家快速了解页面样式的使用场景和具体用法。设置单个页面的样式当我们需要对某个页面设置对齐、背景色等属性，请在该页面的空白处点击，然后在右边的“页面-样式”中进行设置。调整页面排列， 是指页面所有内容的排序方式，而不是某一部分。 如果你画软件原型旁边还有文字标注逻辑，选择居中
原型设计
2018年02月08日
不得不看的 8 大经典着陆页设计案例
着陆页设计的目的在于如何吸引用户、留住用户，提升转化率。许多网站的成功，关键体现在它们的着陆页设计。这些成功的案例无一例外都有一个共同点：它们拥有最棒的UI/UX设计师，拥有最吸引人的页面设计。优秀的登录页所展现的内容不仅仅是华丽的页面视觉设计，更是提升用户体验，提升转化率的良好契机。优秀的设计师应该知道，一个正确的登陆页面设计应清楚地传达产品或服务的独特卖点（USP），并
原型设计
2018年02月06日
系列篇 - 如何画出专业的原型图（上）
本片文章（原型上篇）重点内容：清晰的视觉层次视觉流结构功能预见性信息的焦点即为视觉的焦点足够简单考虑到边界条件（文末彩蛋附送交互设计自查表&网易高级产品经理系列课程）首先，我们要明确原型图是画给谁看的，通常是以下几类人：开发、部门领导、UI设计师和测试，一个完善的产品流程离不开着几个角色。开发通常最关心的是有多少功能，功能的复杂度怎么样，边界条件是什么，异常情况怎么处理等。
原型设计
2018年02月02日
一个关于手机版原型设计中标记注释的小方式
本文作者分享了一个关于手机版原型设计中标记注释的小方式，让原型展示更简洁明了直观。enjoy~我们产品汪常年和各个部门打交道，尤其对技术同事的爱更是突破天际，吐着舌头跪着舔都不一定让大家伙开心，如何在产品管理过程中让沟通变得更为有效一直是我辈努力之方向。先让大家看看它，节省高段位玩家的时间，后面再补上具体实现的方式，很简单，期望可供各位看官老爷参考。原型中填写注释常见有这两
原型设计
2018年01月24日
从零开始画产品原型：信息架构篇
画产品原型的时候，不要迷恋工具的使用，也不要着急着动手画图，要先梳理好信息架构，一个好的架构会让你在后面的工作中持续的尝到甜头。产品原型是指用线框图的方式呈现的产品方案，通过产品原型可以很清楚的看到一个产品的信息架构，页面布局、功能模块，内容信息，交互逻辑等元素，是产品落地过程中最重要的一个输出物，画产品原型也是一个产品经理必备的硬技能，当拿到一个产品需求以后，除了模仿和抄
原型设计
2018年01月15日
快速缩减原型设计重复工作量的七种武器
画原型占据了PM的大量时间，我们可以通过减少原型设计过程中的重复工作量来提升工作效率。根据我对原型软件的了解，总结出七种武器可以达到这样的效果。Axure&墨刀&Mockplus都有这几个功能。下文以Axure来演示讲解。尽量从功能的设计初衷和使用场景来给大家讲方法论，不会涉及到功能的具体操作。这样对功能的理解会深入透彻，而不会浮于表面。1、母版当你需要在多个页面重复画出相
原型设计
2018年01月04日
Aure技巧：将产品资料关联到Aure原型并显示内容
当原型无法完全表现产品需求的时候，PM需要提供相关资料辅助大家理解。那么除了单独发送这些文件，还有更好的方法来处理吗？如果你使用的是Axure，可以利用功能“链接到url或文件”方便的在原型上关联这些产品文件。如果你的浏览器支持该文件格式，还可以完美显示其内容。接下来我会详细讲解如何关联并显示常用的产品文件。比如产品介绍video、产品图片image、功能清单excel、逻
原型设计
2018年01月02日
记我第一次主导产品新版本的全过程
做了2年开发，现在找了一份画原型的工作，是的，就是画原型的工作，除了画原型，没有任何分析与统计的工作去做。这是我第一次以产品身份主导一个版本迭代，内容不多，主要是一个小版本的迭代，但是公司只有我一个产品，也没有测试人员，条件有点艰苦，但在这里我想尝试着给自己做一次总结吧。一. 优化背景这个产品是一个只针对安卓平台的定制化下载器应用，定制化的意思就是，下载器在打包的时候就会规
原型设计
2017年12月28日
产品经理忽视的产品逻辑：前端>后端？
一个好的产品经理，要有同理心，不仅要在用户的角度，还要在设计的角度，开发的角度，运营的角度，还有老板的角度去思考。我们都是善于望文生义的，再加上市场上大多数产品书籍和网络上泛滥的产品文章的诱导， 他们不是偏于宏观的方法论就是偏于前端的UI和UE ，导致入门者对产品经理这个职位是有误解的，我也是从误解走过来的。前端好比衣服，而后端就如身体构造，衣服是有装饰作用的，很容
原型设计
2017年12月27日
移动端APP原型设计三部曲
画原型是移动端PM的必备技能，今天我来系统性的讲解一下移动端APP原型设计三部曲：定保真；画页面；加交互。希望通过这篇文章，能够让初级PM知道比较规范的原型设计步骤，而不是盲目的根据自己的感觉来画原型，来设计APP。希望可以让大家少走一些弯路。根据7年的产品运营经验总结得来，不一定适合所有的移动端APP团队，但是对于大部分中小团队还是比较有借鉴价值。移动端APP原型设计三部
原型设计
2017年12月19日
工作4年，经历2家公司，我写下这些感悟
人在职场上工作到一点阶段后个人技能的提升就会陷入到一个瓶颈阶段，我现在也深有感触了。最近突然想写篇文章回顾一下自己的职业生涯，从毕业到现在做了四年多的产品经理，一直没换过职业。虽然到现在依然是个小产品，没有一款知名的产品能提高下个人知名度，也没有BAT的背景能让自己吹嘘。但我这样的职业经历也代表了很多人，还是有很多人的职业发展路径跟我比较相似的。所以我想我自己的职业经历和个
原型设计
2017年12月15日
