原型的价值与注意事项

原型的价值:

对于产品经理来讲在工作中原型的价值主要体现以下三个部分:

  1. 在原型设计阶段花费的时间,可以避免额外的工作,节省总体时间、精力和成本。

  2. 原型是展示、讲述、体验之源,常用于做早期评审,以确保你的想法符合目标市场。

  3. 相对于文档,产品原型更加有效,观感更直接。

原型的布局方式:

将重要的内容和功能放在权重高的位置,将重要的元素放在前半屏,对于阅读习惯从左到右的用户来讲,更贴近左侧的位置容易引起关注。也可利用视觉表现形式来分配权重,一般视觉上尺寸较大的元素具有更高的权重,相比尺寸小的元素更能吸引用户目光。

在绘制原型时要注意的事项:
  1. 第一版冷启动,各种功能的引导功能和文案。
  2. 每个地方的引导文案,如何让用户无感觉自动被引导其他页面。
  3. 载入过慢时、断网时载入过程中的提示。
  4. 由WiFi切换移动网络时的提示是否继续使用流量提醒。
  5. 按钮,图标,链接不可用时,如何呈现。
  6. 文本长度超过标准被截断时该如何显示。
  7. 确认button是在左边还是右边。
  8. 下拉框,列表框的默认定位。
  9. 时间的展现方式:YYYY-MM-DD HH:mm:ss
  10. 选中与被选中的状态。
  11. 原型要先画默认状态(没有任何操作之前的状态),然后再绘制交互后的效果。
  12. 产品经理在设计交互逻辑时,为了避免让用户陷入更深层级中,一般要求单流程最多跳三次(特殊情况除外),常见的临时视图不占次数。
  13. 在设计强制执行页面时(如强制注册)一般不提供其他跳转出口,让用户保持高度专注,形成逻辑闭环,减少错误发生。(慎用)。
  14. 弱执行流程(比如浏览、查看详情等)可提供跳转出口(如分享),增加流量。
  15. 完成阶段一般可以设置快速返回,让用户更快从深层返回。
内容模块注意事项:
  1. 内容谁来更新,是否牵扯到运营端的职责,是的话如何配合。、
  2. 如何让用户最快看到想要的,最快去掉不想要的内容,页面层级不要太深。
  3. 上线第一版如何让用户不感到内容过少。
  4. 内容该如何分类,分类是否具有可持续扩展性,合理。
  5. 内容的排序逻辑。
  6. 列表页为空时的显示效果。
  7. 列表页图片在文字左边还是右边。

单位规则:

字段内容格式
日期时间格式yyyy-MM-dd HH:mm:ss
手机号176****9303 176 6666 666611
姓名昵称首位不可使用空格,不可使用数字及除“•”外的标点符号2 < X <20
登录密码中文、宇母、数宇、标点符号自由组合,一个中文字=1个字符,用.隐藏密码6 < X <20
验证码仅限数字4/6位
个人标签4 < X < 10
提示框文字2 < X < 20
评论内容6 < X < 500
文章标题4 < X < 32
文章缩略内容超出内容以 … 显示1 ≤ X ≤ 3行
网络异常网络异常,请重试toast提示

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/572032.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

华为8545m5补全shell_华为hs8145v5 改华为界面和默认超密(一)

重点从电信界面改华为界面要点&#xff1a;修改配置文件必须要有 Root 权限&#xff0c;也就是要能登陆 Telnet 和补全 Shell 。开 Telnet 方法&#xff1a;1.需要有超密&#xff0c;登陆到电信管理页面&#xff0c;打开 Telnet 选项。在后台页面点击“安全”--->“ONT访问控…

08、单链表编程考点

单链表编程考点 1、将单链表的第一个结点放在单链表的最后一个结点的后面 /* 设h是无头结点的单链表&#xff0c;如果线性表h的长度不小于2&#xff0c;则将首元结点删除并插入到表尾 将单链表的第一个结点放在单链表的最后一个结点的后面 */ typedef struct node {elementype …

ios nstimer实现延时_iOS中定时器NSTimer的使用

1、初始化 (NSTimer *)timerWithTimeInterval:(NSTimeInterval)ti target:(id)aTarget selector:(SEL)aSelector userInfo:(id)userInfo repeats:(BOOL)yesOrNo; (NSTimer *)scheduledTimerWithTimeInterval:(NSTimeInterval)ti target:(id)aTarget selector:(SEL)aSelector us…

小程序产品的特点

认识小程序&#xff1a; 小程序&#xff1a;一种不需要下载安装&#xff0c;即可使用的应用。 小程序的特点&#xff1a; 开发成本低。 流畅的使用体验。 庞大的流量池可供使用。 用完即走&#xff0c;不占用手机内存&#xff0c;但是有使用记录供用户可方便的再次找回产品。…

数据库优化 - 多列索引经典题目

题目 假设某个表有一个联合索引&#xff08;c1,c2,c3,c4&#xff09;一下——只能使用该联合索引的c1,c2,c3部分 A where c1x and c2x and c4>x and c3x B where c1x and c2x and c4x order by c3 C where c1x and c4 x group by c3,c2 D where c1x and c5x order by c2,c3 …

nemesis什么车_狂野飙车9TrionNemesis介绍 S级车Trion复仇女神属性详解

狂野飙车9S级车Trion Nemesis介绍&#xff0c;狂野飙车9S级车Trion复仇女神属性详解&#xff0c;下面雨落就为大家带来狂野飙车9S级车Trion复仇女神的改装升级所需卡牌已经金币等攻略。【赛车属性】&#xff1a;S级车Trion Nemesis初始油量&#xff1a;4补充时间&#xff1a;15…

网站设计规范

网站不同于移动应用&#xff1a; 屏幕适配&#xff08;屏幕尺寸、分辨率&#xff09;。 交互方式不同&#xff0c;鼠标相对手指具备更精准的点击范围&#xff0c;有更多的控件状态。 在设计网站原型时&#xff0c;并没有具体的控件大小和条栏规范&#xff0c;需要注意相关设计…

产品设计七大定律

Alan Cooper&#xff08;交互设计之父&#xff09;&#xff1a;除非有更好的选择&#xff0c;否则就遵从标准。 许多设计准则都基于人类心理学&#xff1a;人们如何感知、学习、推理、记忆&#xff0c;以及把意图转换为行动。 菲茨定律&#xff1a; 菲茨定律用来预测某点到目…

函数的定义

什么是函数&#xff1f; 先上一个函数格式&#xff0c; def 函数名(参数1,参数2):       #函数的定义函数名&#xff1a;这是一个解决什么问题的函数:param 参数1: 传入一个参数:param 参数2: 传入第二个参数:return: 返回一个列表                #函数…

插入网站连接_带你了解网站设计的五个基本步骤

网站制作设计并不是一件简单的事情&#xff0c;一个好的网站不但里面包含的内容要全面&#xff0c;而且还要能够持续运转&#xff0c;为我们带来流量。下面简单为大家介绍一下网站设计的基本步骤&#xff0c;希望能够帮助大家更好的了解网站建设。网站设计1、站点定位确定网站的…

内容型的产品该怎么做?

内容产品&#xff1a; 什么是内容型产品&#xff1a;以图文、视频/直播、音频等形式提供服务的产品形态。 例&#xff1a;抖音、快手、微博、今日头条、知乎、得到… 内容产品的发展&#xff1a; 内容产品生态&#xff1a; 内容产品用户角色及职责&#xff1a; 内容模型&#x…

ssh免密码登陆(三个节点master slave1 slave2)详细带命令版

准备工作&#xff1a; 首先修改三个节点的名称分别为master slave1 slave2。建议以vim /etc/sysconfig/network的方式修改 修改三个节点的/etc/hosts文件 如下形式&#xff1a; 192.168.43.202 master 192.168.43.253 slave1 192.168.43.113 slave2 前面为各自机器对应的IP 配置…

复杂电路简化经典例题_一天搞定考试系列之电路原理(3)

经过了前两章对阅读理解学习法的实践运用&#xff0c;想必大家知道该怎么做了&#xff0c;至于效果&#xff0c;我不敢保证对每个人都有效&#xff0c;欢迎大家实践后给予反馈&#xff0c;大家一起寻找更好的方法。下面进入第三章&#xff0c;需要说明的是前两章虽然简单但是很…

【前端】Github Pages 与域名关联简明教程

Github Pages 与域名关联简明教程 1. 向你的 Github Pages 仓库添加一个CNAME(一定要*大写*)文件 其中只能包含一个顶级域名&#xff0c;像这样&#xff1a; example.com如果你是用 hexo 框架搭建博客并部署到 Github Pages 上&#xff0c;每次 > hexo g > hexo d 后会把…

登录注册页怎么做

app常见页面&#xff1a; 引导页&#xff1a; 概念&#xff1a;第一次安装App或者更新App后第一次打开App时所展示的可以滑动的页面。 作用&#xff1a;主要是用于展示产品本身的一些核心功能点或者特色。 启动页&#xff1a; 概念&#xff1a;App被用户打开后&#xff0c;在启…

怎么把东西去掉修图_很多人花几千块学习商业修图,其实跟把钱扔了一样。?...

很多人花几千块学习商业修图&#xff0c;其实跟把钱扔了一样。我所说的商业修图是指那些杂志、明星修图&#xff0c;很多人觉得修杂志、明星就是大师&#xff0c;就非常厉害&#xff0c;其实商业修图重要的不是技术&#xff0c;而是资源、圈子&#xff1b;大部分人看作品也不是…

算法入门经典-第七章 例题7-2最大乘积

最大乘积 输入n个元素组成的序列s&#xff0c;你需要找出一个乘积最大的连续子序列。如果这个最大的成绩不是正数&#xff0c;应输入-1&#xff08;表示无解&#xff09;。输入0结束输入。1<n<18,-10<Si<10。 样例输入&#xff1a; 3 2 4 -3 样例输出&#xff1a; …

Golang_String常用操作

字符串操作&#xff1a; 字符操作不会影响原字符串&#xff0c;如果处理后又返回给原字符串则会改变&#xff0c;但一般是使用新变量接收处理 len&#xff1a;统计字符串的长度&#xff0c;但如果有中文时会出现乱码的情况&#xff0c;转换为range可以解决 func main() {str :…

h5页面生成图片分享到微信js_html2canvas 动态生成微信分享海报的优质js库

如何把网页上的内容用javascript来实现截图&#xff1f;今天分享的html2canvas就可以。介绍在微信项目中经常会遇到动态生成海报的需求&#xff0c;Web前端合成图片往往会使用canvas。canvas虽然强大&#xff0c;但用来合成海报非常繁琐&#xff0c;一不小心就几百行代码了。而…

去重+排序板子(set+map)

题意&#xff1a; 给定n个数&#xff0c;去重排序后输出个数和每个数 1.map实现 #pragma GCC optimize("O2") #include<iostream> #include<cstdio> #include<cstring> #include<algorithm> #include<cmath> #include<queue> #i…