用户端产品设计

文章目录

用户端产品设计
一、确定用户端产品核心功能
- - 产品简介：
  - 产品描述：
  - 关键词：有态度的技术分享；
  - 产品定位：技术性头条；
  - 目标人群：IT行业从业者；
  - 使用场景：遇到技术难题时，查寻解决方案，空闲时，查看最新科技资讯；
- 1、MVP设计：
二、低保真原型设计规范
- 1、尺寸规范
- 2、字体规范
- 3、颜色规范
- 4、元件规范
- 5、页面及页面命名规范
- 6、在绘制原型时要注意的事项
- - 注意事项前置条件
  - 功能是否必须；
  - 细节注意事项
三、引导页、启动页和闪屏页产品设计
- 1、引导页
- 2、启动页
- 3、闪屏页
四、注册登录及个人资料页产品设计
- 1、注册登录页产品设计
- - 为什么要注册登录？
  - 注册方式
- 2、个人资料页产品设计
五、列表首页及内容详情页产品设计

一、确定用户端产品核心功能

产品简介：

xxxx是一款基于数据挖掘的推荐引擎产品,它为用户推荐有价值的、个性化的科技资讯,提供连接人与信息的新型服务；

产品描述：

基于个性化推荐引擎技术，根据每个用户的兴趣、爱好等多个维度进行个性化推荐，推荐内容为技术类文章、技术视频、科技资讯等内容。根据其阅读行为、地理位置、职业、年龄等挖掘出兴趣；

关键词：有态度的技术分享；

产品定位：技术性头条；

目标人群：IT行业从业者；

使用场景：遇到技术难题时，查寻解决方案，空闲时，查看最新科技资讯；

1、MVP设计：

Minimum Viable Product
最小可行化产品
硅谷创业家Eric Rise在其著作《精益创业》一书中提出了“精益创业”（Lean Startup）的理念，其核心思想是，开发产品时先做出一个简单的原型——最小化可行产品（Minimum Viable Product, MVP），然后通过测试并收集用户的反馈，快速迭代，不断修正产品，最终适应市场的需求。

二、低保真原型设计规范

1、尺寸规范

在制作低保真原型图时，尺寸规范没有固定的尺寸要求，通常是根据适配机型来制作低保真原型，例如根据IPhone 6适配的低保真原型图的尺寸为“375 × 667”；

2、字体规范

绘制原型时，为了使低保真原型图协调统一，需要注意字体规范，但是低保真原型图并没有既定的尺寸要求，一般情况下，导航栏内的标题字号要大于内容标题字号，内容的标题字号要大于内容字号，一般选择阿里巴巴普惠体、微软雅黑、PingFang、Arial等常用字体；

3、颜色规范

原型中包含了多种颜色，但是在低保真原型中，没有具体颜色规范，除了元素自带的且不能更改的颜色外，一般采用黑白灰三色，以免妨碍UI设计师设计页面；

4、元件规范

为了使原型图更清晰整齐，一般情况下，元件与元件之间需要对齐，善于使用网格、辅助线。

5、页面及页面命名规范

有页面尽量分开展示；

页面的层级要有明显区分，为了快速找到页面，页面的名称一般可以采用页面的标题名。

6、在绘制原型时要注意的事项

注意事项前置条件

确定导航架构，进而设计合理的产品结构图；
确认核心用户的使用流程；
确认原型默认功能注意事项

功能是否必须；

第一期该如何取舍功能；
技术实现成本是否能接受；
针对当前版本的优先级考虑，设计合理的功能；
功能图标的位置放置；
图片是否能查看大图，大图的展示形式；

细节注意事项

第一版冷启动，各种功能的引导功能和文案；
每个地方的引导文案，如何让用户无感觉自动被引导其他页面；
载入过慢时、断网时载入过程中的提示；
由WiFi切换4G时的是否下载消耗流量提醒；
按钮，图标，链接不可用时，如何呈现；
文本长度超过标准被截断时该如何显示；
确认button是在左边还是右边；
下拉框，列表框的默认定位；
时间的展现方式：YYYY-MM-DD 或YY-MM-DD；
选中与被选中的状态；

三、引导页、启动页和闪屏页产品设计

1、引导页

概念：第一次安装App或者更新App后第一次打开App时所展示的可以滑动的页面；
作用：
主要是用于展示产品本身的一些核心功能点或者特色；
案例：

2、启动页

概念：启动页：App被用户打开后，在启动过程中被用户所看到的过渡页面；
作用：App打开的过程中需要一定的时间，启动页就是为了给用户一个过渡页面，缓解用户打开App时的焦虑心情；

3、闪屏页

概念：闪屏页：一般是紧跟在启动页之后的页面
作用：主要用于做一些开机的广告，可以是品牌的宣传，可以是商品的宣传，也可以是各种活动的宣传等等

四、注册登录及个人资料页产品设计

1、注册登录页产品设计

为什么要注册登录？

系统：
区分用户
1、记录不同用户的信息
2、分发信息时能够区分出是属于哪个用户
…
用户：
获得身份
1、使用产品的功能（例如转发、评论、点赞、收藏）
2、获得资产（例如积分）
3、获得个性化推荐
…
自媒体：
用户运营
1、拿到用户信息
2、个性化推荐
3、精细化运营
…

注册方式

1、手机号 + 验证码
一方面便于用户在手机端进行注册验证相关的验证；
另一方面企业也想收集用户的手机号码，便于后期的广告、活动相关的通知和发放；
手机号错误的情况及提示：
号码为空：提示“请输入手机号”；
号码已被注册：提示“账号已被注册”；
号码错误：提示“请输入正确的手机号码”；
验证码错误的情景及提示
验证码为空：提示“请填写验证码”；
验证码错误：提示“请输入正确的验证码”；
验证码过期：提示“验证码已过期，请重新获取”；
2、手机号 + 验证码 + 密码
一方面绑定用户手机号，另一方面直接设置密码，方便用户下次使用手机号+密码登录；
密码错误的情景及提示
密码为空：提示“请设置密码”；
密码错误：提示“请输入6~16位的字母或数字”；
3、邮箱+密码注册
注册凭证上不同，是早期账号注册的衍生物，由于早期的注册多采用ID账号，本身容易被遗忘，也不具备推广促活的属性，所以衍生出用邮箱注册；但是邮箱注册现在也不常见了，因为验证邮箱在手机上不容易实现，容易导致注册流失；
邮箱错误的情景及提示
账号为空：提示“请输入邮箱账号”；
账号已被注册：提示“账号已被注册”；
邮箱号错误：提示“请输入正确的邮箱账号，如example@163.com ”；
密码错误的情景及提示
密码为空：提示“请设置密码”；
密码错误：提示“请输入6~16位的字母或数字”；
4、无需注册（快速登录）
（1）是使用手机号+验证码进行快速登录（即手机号注册）；
（2）是通过第三方联合登录，常见的是通过微信、QQ、新浪微博等获取昵称、头像等信息；
（3）是一号多用，即通过一个注册账号可以登录多个不同的App，比如腾讯、阿里、百度大家族。
验证码错误的情景及提示
验证码为空：提示“请填写验证码”；
验证码错误：提示“请输入正确的验证码”；
验证码过期：提示“验证码已过期，请重新获取”；
5、注册时需要用户同意注册协议

2、个人资料页产品设计

个人主页常见的信息有哪些？
头像、昵称、性别、简介、地区、生日等
个人主页的常见功能有哪些？
消息、设置、我的作品、我的收藏、用户反馈

五、列表首页及内容详情页产品设计

在这里插入图片描述](https://img-blog.csdnimg.cn/d3b357057a6f4c0e987e0dbb45d5d476.png)

产品经理基础--07用户端产品设计相关推荐

产品经理基础-10运营平台端产品设计(完结~撒花~）
10运营平台端产品设计文章目录 10运营平台端产品设计一. 运营平台端产品功能规划二.平台端用户管理产品设计 1.用户列表 2.用户审核三.平台端内容管理产品设计 1.内容审核 2.分类管理 ...
产品经理如何基于需求迭代产品（下篇3）：产品的整体设计之逻辑层和交互层...
上一篇:产品经理如何基于需求迭代产品(下篇2):产品的整体设计之业务层和系统层整体设计逻辑层:实体建模.角色结构.逻辑流程逻辑层顾名思义,就是逻辑上的东西,是系统和业务的内在逻辑.逻辑明确才能开 ...
产品经理之路：产品经理基础
前言: 说明:本文主要内容来自B站-<懂设计的产品人>,为本人学习总结引用 a. 产品经理不是一个软件,也不是一个专业技能,他是一个思维量变的过程: b. 课程介绍:p1-讲解产品经理的基 ...
互联网产品策划经验总结（用户端产品）
pmirror来微信一周年时总结了一些产品策划心得.每次总结都是一次结果,为之后的播种预留能量.今天是圣诞节,作为礼物感谢关注pmirror的伙伴们.简单的笔记(隐去了不方便详尽剖析的实例,可以留言讨 ...
微众AI产品经理熊猫杨：AI产品设计的6点心得体会
微众AI产品经理熊猫杨:AI产品设计的6点心得体会作者介绍:熊猫杨,微众银行AI产品经理,曾就职于腾讯,负责游戏运营.4年人工智能实战经验,6年互联网行业背景,参与并负责人身核验.ocr.智能客服. ...
数据产品经理基础技能：数据需求说明文档怎么写？
公众号后台回复"图书",了解更多号主新书内容作者:草帽小子来源:一个数据人的自留地作者介绍 @草帽小子数据产品经理一枚~ 用户画像.埋点.指标体系.BI.广告投放等系列文章作者 ...
产品经理如何平衡用户体验与商业价值？
近期负责前端产品设计工作的小李忍不住抱怨:公司总是要求客户第一,实现客户良好体验,但在实际操作过程中,面向用户体验提升的需求,研发资源计划几乎很难排上,资源都放在公司根据业务价值排序的 ...
产品经理基本功：消息推送设计
拉新.促活最有效的方式,在目前除了有效的活动运营外,消息反馈机制也是必不可少的.以消息推送为例,借助第三方的推送工具,可以有效的提升产品的打卡率与用户活跃度. 但第三方工具只能在产品外部帮助提醒用户, ...
产品经理如何与G端领导沟通
从事G端产品已经一年有余,之前都是做的B端产品,自从接触G端产品后,发现做事的方式有了一些变化. 下面谈谈自己的一些沟通技巧,主要从以下几方面进行探讨. 选择合适的时间如果找政府人员进行产品需求的调 ...

产品经理基础--07用户端产品设计