发表于: 2019-04-21 23:40:41
2 674
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin
把线框原型图给完整了(把原型图的画的规范了一些)
了解一下师姐回复提到的to b和to c的概念
写任务二的深度思考
明天计划的事情:(一定要写非常细致的内容)
做ppt,尝试着找一些有说服力的数据放上去
遇到的问题:(遇到什么困难,怎么解决的)
暂无
收获:(通过今天的学习,学到了什么知识)
一、
上网找了相关资料,把自己的原型图更加规范化,同层级使用相同的字体,保持页面字体呈现一致,利用字体元素颜色加重以及采用深色块填充页面模块凸显重点内容或区分重要层级页面,明白原型图的重点是功能和逻辑结构的梳理与呈现。
二、
to c产品是需要去挖掘用户需求,是从无到有的创造产品,是发现用户需求,定义用户价值,考核市场量证明利益点,提供相应数据并推动项目达成目标,这一类产品是属于业务性产品,占比和盈利是目的。
to b产品是公司战略或相关方提出要求,产品经理将这类“已有的需求”系统化,达到提高现有流程的效率的目的。就是出原型图纸,推动项目建设,完成甲方需求,这类产品一般都是支撑型的平台产品,提高效率是主要目的。
对于 to c 产品,产品经理要做的事情就是:需求分析、功能设计、用户体验、迭代推进等等。做这些工作让产品变得更有价值、让用户更难以拒绝,制作出用户愿意买单,给用户无法拒绝的理由是它的核心思想
对 to c 产品的产品经理来说,需要具备的能力:
对市场和用户敏感,懂得做调研、访谈和分析
有很好的用户嗅觉,能准确提炼用户真实需求
对需求和场景敏感,可以做好功能设计
有较高的交互设计能力和用户体验感知,懂审美
对产品的市场化方向和用户利益能找到平衡点
有沟通、团队协作和管理能力
有数据分析管理,能够根据数据结果反推产品功能
熟悉运营、营销方面的知识,能根据用户反馈不断优化产品
能明确公司战略和产品方向,对产品的整体感觉不欠缺
to b 的产品有两种,一是内部产品,比如后台产品、CRM 系统等,这是针对公司的需求让很多工作结构化、信息化以及流程化,公司未必是做 to b 的产品的;二是公司的商业产品原本就 to b,做外包团队或者试图填充整体中部分环节的公司,
对前者来说,产品经理要关注的是公司的产品,以及公司团队的整体协作方式。产品的所有价值就是让团队的工作更加高效、快捷和方便。
对后者来说,产品经理要关注的则是整个产业链的情况、整个 tob 市场的状况。对自己公司产品做一个 SWOT 的分析
to b 的产品经理,更需要:
关注产业链和公司所处行业的位置
能了解甲方、需求方的真实诉求
关注信息化、结构化和流程化,让产品足够高效
有强大的逻辑分析和描述能力
要有强力的项目推进能力
理解和实施公司战略,能很好的将已有流程系统化
三、任务二深度思考:
1.为什么做竞品调研的时候不允许写流水账,一定要先总结出所有的主流场景,再举相关案例,再找当前的要做的产品适合哪些场景?
我们做一个竞品调研得到的产品讲究的是适用性,不是任何一个产品都能化为己用,橘生于南则为橘,橘生于北则为枳,只有进行主流场景的整理和总结,才能尽可能的获取很全面的用户需求,毕竟用户需求场景不一样提出的就会多变,如果不那么做的话,这样提出的方案使比较片面性的,较容易与实际需求产生偏离,举例子是为了看有没有相似的地方,避免入坑,在后面根据实际情况进行更好的调整或者变通
2.App中通常用哪些常见的列表布局,分别适用什么样的场景?
https://juejin.im/post/5caecedd5188251b117f7ee5
list 列表布局
优点 纵向长度没有限制,上下滑动可以查看无限内容;在视觉上整齐美观,用户接受度很高;可以展示内容长和次级文字的标题。
缺点 页面跳转后总是从头开始; 一页展示内容过多,用户疲劳度增加; 页面重点内容不突出。
场景 常用于并列元素的展示,包括目录、分类、内容等
宫格布局
优点 各入口展示清晰,方便快速查找
缺点 扩展性不如list列表; 标题不易过长。
场景 适合展示较多入口,且各模块相对独立
仪表布局
优点 展示更加直观
缺点 信息展示量少,过于单一
场景 适合表现趋势走向的展示
卡片布局
优点 每个卡片信息承载量大,转化率高;每张卡片的操作互相独立,互不干扰
缺点 每个卡片页面空间的消耗大,一屏可展示信息少,用户操作负荷高
场景 适合以图片为主单一内容浏览型的展示
gallery布局
优点 单页面内容整体性强,聚焦度高;线性的浏览方式有顺畅感、方向感
缺点 可显示的数量有限,需要用户探索;不具有指向性查看页面,必须按顺序查看页面
场景 适合数量少,聚焦度高,视觉冲击力强的图片展示
瀑布流布局
优点 图片展现具有吸引力;加载模式能获得更多的内容,容易沉浸其中;错落有致的设计巧妙利用视觉层级,同时视线任意流动缓解视觉疲劳。
缺点 页面跳转后需要从头开始,加载量不固定,理论上是无限延展;用户返回查找信息困难很大。
场景 适用于实时内容频繁更新的情况
手风琴布局
优点 两级结构可承载较多信息,同时保持界面简洁;减少界面跳转,提高操作效率高
缺点 同时打开多个手风琴菜单,分类标题不易寻找,且容易将页面布局打乱
场景 适用于两级结构的内容,并且二级结构可以隐藏
多面板布局
优点 减少界面跳转;分类一目了然
缺点 两栏设计使界面比较拥挤;分类很多时,左侧滑动区域过窄,且不利于单手操作
场景 适合分类多并且内容需要同时展示。
3.App里的导航栏为什么都会是在底部?为什么不是全部放在顶部?有哪些App是在顶部放置导航栏的?
个人从用户的方面考虑是这样的,对于操作习惯来说,现在网络社交互动是最主流最经常的活动方式,我们使用移动设备的时间里,手部处于设备下方的时间是最多的,也是最频繁的,根据用户习惯反馈或者拇指热图的数据反馈,导航栏放在底部更符合用户的行为习惯,帮用户省时间,让用户更舒服,就是帮自己获得更多的利益
从一个视觉的角度去分析,也是大概如此,放在下面很明显,与一般的手机自带home键靠近,看的频率更多,更自然
导航全部放在顶部操作起来不是很方便,而且顶部位置可见性是相对较差的,和上面说的为什么要放在底部可做一个对比
bilibili,腾讯视频,知乎,网易云音乐,QQ音乐,企鹅视频等app,但是这些都是综合性质的,不是单独只有顶部导航栏
4.网页分别有哪几种常见的布局?分别适用于什么场景?首页通常会怎么设计?
https://blog.csdn.net/wuxie__/article/details/85081459
1.列表式:内容从上向下排列,导航之间的跳转要回到初始点。文本信息大,比如新闻类。
2.陈列表式:布局比较灵活,即可以平均分布这些网格,也可以根据内容的重要性做不规则分布。适合对比展示商品。
3.九宫格式:相比陈列馆式,九宫格布局比较稳定为一行三列式,适合用户快速查询
4.选项卡:导航一直存在,具有选中状态,可快速切换另一个导航,适合用户有多项选择
5.旋转木马式:相重点展示一个对象,通过手势滑动查看更多内容,适合重点突出主题
6.行为扩展式:能在一屏幕内显示更多的细节,无需跳转页面,适合查看对应信息和分类
7.多面板式:能同时呈现比较多的分类及内容。
8.图表式:用图表的方式直接呈现信息
首页总体:banner图+简单栅格
头部:LOGO+导航栏+登录注册+搜索栏
主体:产品封面及简介+各类资讯(行业,公司等文本类信息)+主体特色(网站主体的优势,特点等)
尾部主要以超链接为主:备案信息+联系方式+网站介绍+各大类平台链接+公司地址
5.如果需要把二级菜单放侧边栏,应该在左边还是在右边,都有哪些知名网站用到了侧边栏,各自放到左或者是右的原因是什么?
其是淘宝京东等电商类网站
需要用到侧边栏作为二级菜单的网站,大多将其放在了左边,因为F区满足用户的视觉习惯,是页面关注的热区所在,尤其是淘宝京东等电商类网站,都将其放在了用户最容易关注到的地方。
淘宝,京东、携程、58同城、bilibili等网站
淘宝,京东、携程等放在左边,因为左边区域满足用户的视觉习惯,是页面关注的热区所在,消费性质的网站是主张将其放在了用户最容易关注到的地方。
58同城、bilibil等放在右边,这边的普遍是放一些二维码、联系反馈或者一键返回等功能, 主要是为了提高用户浏览效率,提升用户的体验
6.PC导航一般有几种类型?应该在顶部导航中加入二级菜单吗?
https://wenku.baidu.com/view/abc1541c172ded630b1cb6fb.html
1、图标导航 2、弹出导航 3、双选项卡导航条 4、垂直导航条 5、扩展菜单 6、下拉框导航 7、滚动菜单导航 8、伸缩导航条 9、图片类导航
https://www.zcool.com.cn/article/ZNTYyMjg0.html?switchPage=on
1、全屏导航 2、底部导航 3、垂直导航菜单 4、无导航模式 5、滑出菜单 6、巨型菜单 7、动画导航元素 8、卡片式导航选项 9、无按钮导航 10、单页滚动导航
可以在顶部导航加入二级菜单,但是二级菜单的内容应该适当,不能过多,不然会影响用户切换操作,画面看起来也会有点拥挤显得不美观
7.拆分Story的依据是什么,一个Story应该是在多少天研发完成才合理?
https://www.cnblogs.com/xianrou/archive/2012/04/01/6328084.html
按步骤来划分story,按主要流程来划分story,要求独立有价值,可测试,可估算时间,每个需求为一个story,一个story应该在1-4周内完成(sprint)
8.Story中做为一个XX(角色),这里角色需要细分到什么程度?什么是用户使用的场景,场景怎么和Story结合在一起?
角色主要是谁要使用这个功能,具体到功能的需求者。
用户使用的场景就是,假定一种情况,在这种情况下,用户会需要这个功能
例如:
人才推荐: 作为一个缺乏人才的用户,我想获得更多人才的补充,以便公司能够良好的运转以及能够开拓新的业务
9.什么是Story,Story的三要素是什么,为什么要用Story的方式去描述需求?
用story描述需求,可以站在用户的角度上,或者说是真正需要这个功能的人的角度上,来考虑这个功能所能呈现的商业价值
用户故事,用来描述用户渴望得到的功能
三要素:谁使用,什么功能,能带来什么好处(价值,商业价值)比如:作为一个<角色>, 我想要<活动>, 以便于<商业价值>
用Story描述是站在用户的角度上,作为一个真正需要这个功能的人的角度上,来考虑这个功能所能呈现的商业价值
10.web、APP有哪些设计规范?
web原型图的界面尺寸为1024*768
app默认使用iPhone6的原型规范如下:
1、界面尺寸布局:满屏尺寸375*667
2、高度电量条高度20px,导航栏高度44px,标签栏高度49px;
3、各区域图标大小导航栏图标22px,标签栏图标25px;
4、各区域文字大小电量条文字11px,导航栏-文字16px,标签栏字10px;
5、常用的文字大小:16px,15px,14px,13px,12px,11px,10px;
6、常用的颜色:背景浅灰色#f2f2f2,文字深黑色#323232,边框色深灰#CCCCCC;
7、常用可点击区域的高度:44px;
8、单行文字的背景框的高度:44px,双行则为:88px,三行则为:132px;
9、常用间距:亲密距离:10px;疏远距离:15px,其它距离:5px,22px等
评论