![bf062491da00541f77305fd5b182360e.png](https://i-blog.csdnimg.cn/blog_migrate/d5587e6e56bbabeac4428f962c7e4061.jpeg)
【约起来】是面向大学生的陌生人社交平台,也是在线实习第一个社交类项目,本周产品同学先行第一期[活动发布模块]的脑图和原型设计。
很多产品同学已经先行掌握了不少产品理论知识,但是实际动起手来做一个商业项目的原型设计,还是有很多问题的。
本期产品分享,我们就一起来看下大家的亮点和问题。
在开始之前,如果大家不清楚本期具体的功能,可以观看官方版脑图和讲解
1. 移动端的原型页面宽度是用375PX还是750PX?
大部分同学用记375PX,这也是我们推荐的宽度。
原型使用750px宽,也是一种标准,不过产品原型使用375px为主,主要原因是方便演示。
UI的高保真图以750px为主
2. 约定的功能没有完全展现在原型图中,即漏掉了部分功能
3. 产品需要进行细节,有的模块想的太简单。如图片上传模块,原型只是简单放了一个占位图像。
(1)图片规则是非必填,为什么要放到第一栏
注意,行动型第一栏是因为,他是海报图,必须有且只能传一张。
我们这里是介绍图,功能定位不一样
(2)初始化的图片背景放什么
(3)分别取了0 1 4张的页面表现原型是怎样的,删除和增加功能要不要提供
(4)图片本身的宽高比要不要限定,
3. 功能的重要程度关系到布局和相差的位置
活动分类应该是权重最高的,页面没有展示,且没有给出所有分类;
点击分类是跳到新页面选择,还是底部弹出tab菜单?需要做选择;
在选项中,已经选择的要不要加选中;选完之后,分类怎么显示
4. 对文本长度不敏感
活动标题的字数10个够吗?怎么去定位?
可以考虑发布后的页面(详情页),标题至少是一整行,14号字体一行在20个字左右
如果是本页面设计功能,还需要加一个备注,录入文字右靠齐
5. 移动端的交互了解不多
移动端页面,一般不把输出框的功能直接与其它多输入放一个页面内
影响整个页面的展示(比如添完之后的上下功能翻动),需要跳到新页面
活动人数如果直接输入框填 “5-6”,属于偏难的填法,
用户一般一看人数就直接填个数据,且这里的横线有中文、英文加不加空格等,都可能造成用户提交不通过。
建议跳到新页面,放两个数字输入框
6. 学习一个移动前端UI库vant
希望各位同学能按照脑图和本文的注意点,自己动手画出本期的原型图,动起手来才能真正的掌握产品思维。
多种方案选择哪一种?多种交互哪个更好?等等。
完整的官方版原型图会在下周VIP群中分享给大家
就业那么难,还没有实习项目经历,来在线实习
![9ec8bf5ecbb66482bfc80f69425649f6.png](https://i-blog.csdnimg.cn/blog_migrate/b50981121b849792b8a0f4c00b31ea33.png)
拿OFFER 面向大学生校招,
是集职位介绍与推荐、职业规划、
咨询和在线实习为一体的一站式职前教育平台。
致力于帮助找工作、找实习的大学生
斩获心仪的Offer,明晰职业规划。
置顶“拿OFFFER”,我们不见不散。