细节经验：输入框设计的 4 个细节要点

很多新人朋友由于工作经验少，常常会心理没底，因为对一些工作上的设计细节并不了解，不过没关系，以后菜心会多分享一些关于工作上的细节经验，希望对大家有所帮助。我们常常会看到网上有很多同学做一些概念稿：这些界面视觉上非常酷炫。当然，我从来都不否定概念稿的作用与价值，它可以为我们提供配色、形式、创意等等，但是我今天要补充的是这些概念稿没有的东西，就是实打实在工作上需要考虑的细节。今

交互体验 2017年06月12日

账号，没那么简单的产品设计

​本文作者将对知乎上关于账号关注量和浏览量最高的问题，表达下自己的观点和解答。不管是电商型平台，还是社区型应用，账号体系都是重中之重。没有成功的引导用户进行登录/注册的转化，则一切都是0。而对于搜狗输入法、百度地图等工具型应用，账号体系也是提高用户体验的关键路径。通过获取用户在不同终端的数据，分析挖掘用户行为，可提供如关键词联想等更个性化的服务。以上我们可以看到， 账号

产品设计 2017年06月12日

在画原型之前，请先拟好“流程图”和“信息结构”

上一篇《 真实案例分享：做交互，别急着画原型 》中说到画原型前先要理解功能，并且从用户角度思考如何绘制适合用户的流程图。而今天将和大家讲讲，画原型图前比较重要的两个因素：“流程图”与“信息结构”。首先，当拿到一个功能需求时，需要大致知道这个功能是干什么的：哪些角色有需求要通过这个功能来完成什么目标（具体的用户需求不细说）。如果这个整体方向都不能确定，那这个需求要么是不完整的

原型设计 2017年06月12日

用户引导：让设计不再小透明

从产品的角度来说，需要通过用户引导，让新用户快速了解使用产品；吸引用户使用操作新功能或指定对象；提前给予用户帮助，提升产品体验的愉悦度。用户引导，在生活中随处可见。医院的科室指向标、交通警察的指挥手势、男厕内为了达到“精准射击”的小苍蝇……然而，当我们看到不知是该“推”还是“拉”的门把手、看不出状态的开关、摸不清头绪的指示标，便会产生迷惑甚至焦躁。引导是通过某种手段或方法，

产品设计 2017年06月12日

真实案例：红包项目问题与调整复盘

不管是制定运营规则还是规划产品原型，最需要的就是把自己当作用户，通过还原用户的操作场景，使得整个活动符合用户的操作习惯。在一个风和日丽的早晨，收到产品总监发来的一条微信，问：”运营想做一个红包活动，你要不要试试？“知道真相的我眼泪掉下来，我的产品经理之旅又添了一块瓦。跟运营简单沟通了一下，自觉已经了解运营所有的小九九，气势庞博地写了一个40页的需求文档，画了一个巨复杂的流程

产品设计 2017年06月12日

7 个步骤，学懂 APP 客户端数据埋点

文章为大家分析了数据分析的第一步：数据埋点的实操方法。希望大家可以有所收获。如果你遇到了下面这些问题，那么看这篇就对了。领导说，APP需要加一下统计，你负责搞定 研发说，APP需要统计哪些地方，你列一下埋点需求 研发说，APP的数据统计SDK用哪家的？你选好了注册一下 、运营说，咱们的APP都能看哪些数据？平台在哪？怎么查首页的UV？ 作为一名产品经理

产品运营 2017年06月13日

如何避免设计出“烦人”的登录和注册页面

往往当用户想要在某一个网站或APP上登录或注册一个账号时，登录和注册页面就显得尤为重要。登录或者注册表单是网页和APP设计中最重要的元素之一，所以在设计网站和APP的时候，表单的设计需要慎重考虑。好的登录/注册表单可以鼓励用户成为注册者，订阅者甚至成为你的常驻业务客户。一个拥有干净的外观，优质的创意以及视觉吸引人的表单必定会提高访客的转化率。设计一个有效和干净的登录/注册表

原型设计 2017年06月13日

P2P 会员体系从 0 到 1（二）：会员体系建立

本文主要讲的是P2P行业，准确地讲是P2P募资端/资金端的会员体系。既然是从0到1，整体内容会略多，请耐心阅读。前文讲到为什么做会员体系和应该从哪里入手。本篇为续篇，文中所涉关键信息均已脱敏。未阅读上篇文章的伙伴们请看这里：《 P2P 会员体系从 0 到 1：会员体系的建立该从哪里入手？ 》先把当时粗略成形的框架贴给大家，下文中将一点点分解。会员体系框架：另外要谨记的一句话

产品经理 2017年06月12日

从微信版本历史，学产品功能迭代和用户体验（下）

本文延续上篇 从微信版本历史，学产品功能迭代和用户体验（上） 的内容。3.X版本是微信发展的第二个重要阶段，上篇结尾介绍了3.0版本，本篇将继续分析接下来的版本。本文大纲： 微信历史版本迭代及功能分析（3.1—4.5）微信的功能优先级布置及细节优化（4.X之前）一、微信历史版本迭代及功能分析（3.1—4.0）1.微信3.1功能迭代：1.语言设置中支持英文界面；2.新增语

产品设计 2017年06月13日

色生心中：人性化的 HSL 模型

对于视觉设计师来说，RGB、CMYK什么的就像左右手一样熟悉。但如果仅用心算的方法，不借助于Photoshop拾色器或任何类似的工具，你可不可以快速说出“海棠红”所对应的RGB色值？如果再加一点橙色进去，把亮度提高一点，色值又是多少？很难回答，是吧……面对这些坑爹的问题，视觉设计师/前端工程师们通常只能打开Photoshop，输入当前颜色对应的色值，在色板上调出新的颜色，再

产品设计 2017年06月13日