首页 > 代码库 > 产品设计

产品设计

1.用户故事

--编写用户故事可以站在不同视角进行产品需求分析。

--用户故事三要素:角色、活动、商业价值,即是谁想要干什么以便于什么用。

--团队可以将用户故事写在卡片上,进行分类、去重、排级、细化。避免遗漏关键问题,分出优先级别。

--卡片分类法:规划和设计互联网产品或者软件产品的信息构架的方法。在用户研究过程中,用来比对网站设计者与使用者在对网站资讯分类上的认知差异,作为调整架构的信息依据。

--需求分析要点:用户角度思维、团体集体决策。

2.概念模式(来源《设计心理学》)

--设计模式:设计人员所使用的概念模式。

--用户模式:用户在与系统交互中形成的概念模式。

--系统表象:基于系统的物理结构(包括用户使用手册和各种标示)。

--设计模式与用户模式匹配度高,可实现产品的留存和产品迭代。

       技术分享

3.用户分类

--根据对产品的不同使用深度,对产品有不同的迭代需求,分为小白用户、普通用户、专家用户。

--单一需求:不同用户对产品的需求是相同的。可以通过对功能的合理隐藏来满足不同层次用户的需求。

--多样化需求:不同用户对产品的需求可能是不同的。若各类用户是互相促进的关系,则大家可以各取所需和谐发展。若用户直接存在不可调和的冲突,则必须隔离不同用户群或者放弃一部分用户。

--用户分类在于分析用户需求,抓住核心。

         技术分享

4.MVP(最小化可行产品)Minimum Viable Product

--MVP,本质上就是抓住用户的核心需求,用最小的成本验证你的想法。

5.PMF(产品与市场匹配)Product/Market Fit

--你提供了新产品,考虑产品成本+销售成本+替换成本,仍然比原有方案节省一半的费用,你的产品与市场就匹配了。

6.分层设计(来源《用户体验要素》)

--经典五层设计模型:战略层、范围层、结构层、框架层、表现层,描述设计从抽象到具体的过程。

         技术分享

7.界面设计

--三大理念:灰白化、栅格化、组件化。

----灰白化:不增加不必要的色彩,以确保组件重要性传达正确。

           技术分享

----栅格化:将页面用N个栅格化分,组件对齐可以让视觉上觉得舒适。

           技术分享

----组件化:把一些标准功能封装成组件,不论是对工程师还是用户都会觉得更加清晰。

           技术分享

 ----组件可以再次组合成新的组件。

             技术分享

-----《写给大家看的设计书》设计四要点: 亲密性、对齐、对比、重复 。

8.色彩设计

         技术分享

----色彩系统:HSB(色相+浓度+明度,人)、HSL(色相+浓度+亮度,人+机器)、RGB(发光加色,显示器)、CMYK(反光减色,印刷品)。

            技术分享

9.字体设计

--特殊的标题需要使用大字体文字时,可以用图片来代替保证显示效果,其余最好优先使用系统默认字体。尽量避免细字体的使用。

--推荐《黑客与设计》

10.隐喻设计

--生活中人们会对色彩和符号形成认知经验,比如红绿灯、警示牌。当我们在做产品设计时,合理地使用隐喻,会让用户觉得产品更容易理解。

--比如:文件->详细数据,铅笔->编辑,小扳手->设置,垃圾桶->删除,铃铛->报警。

         技术分享

11.情感化设计

--如果你的产品无法在功能上相比于竞品形成优势,那不如考虑让你的产品充满情感。

--比如京东的狗、天猫的猫、QQ的企鹅、蜜芽的兔子、锤子的罗永浩。当然不一定要具化形象,比如社区的氛围也是一种情感化的体现。

 12.动效设计

--动画曲线:Linear,匀速;Ease,逐渐变慢;Ease In,慢变快;Ease Out,快变慢;Ease In Out,慢变快变慢;Spring,弹簧动画。

13.机制设计

--机制设计,是产品设计中最有意思的地方。一个正确的机制,可以省去大片的运营。比如 Dropbox 的拉新用户加存储空间,滴滴的分享也可以领优惠券,朋友圈只有相互为好友才可以看到留言。

--比如知乎的一个答案,你可以“赞同”、“反对”、“感谢”、“收藏”、“分享”。知乎的同一个问题,你只能回答一次。知乎的用户可以通过评论和私信进行交流。分析:“赞同”,可以将答案选出。“反对”,可以将答案掩埋。“感谢”,可以给答主正向反馈。“收藏”,可以结构化内容。“限写一次”,可以防止内容灌水。

14.心理学设计(用户体验设计)

--比如:字太小,用户会烦;内容宽度相对越窄,用户读的越细;临时记忆量不是7+-2,而可能是4;图片在内容文本上方更合适;动效快慢会影响用户的感知;强关系圈人数上限是 150 人。

--推荐《设计师要懂心理学》

15.产品架构设计

--业务不同,产品的架构也就不同。不同的业务虽然整体架构不同,但组件很可能是共通的。

--不论做什么类型的社区,你都需要内容管理系统,都需要反垃圾系统,都需要账户系统,都需要数据分析可视化系统。有大量标准系统的积累,产品架构能力自然提升。根据业务逻辑,把这些系统像组件一样组装再一起,就可以轻松不出错地完成产品架构设计。

--账户系统、权限系统、订单系统、积分系统、数据分析可视化系统、反垃圾系统、计费系统、内容管理系统、第三方授权系统。

---------------------------

A.工具:Sketch、Framer、MindNote、Evernote 等。

B.文档: Markdown 格式。

C.图书:《用户体验要素》、《设计心理学》、《写给大家看的设计书》、《设计师要懂心理学》、《黑客与设计》、《微交互:细节设计成就卓越产品》。

D.框架: Ant Design - One Design Language

 

 

 

 

 

 

    

 

产品设计