APP推广合作
联系“鸟哥笔记小乔”
页面布局要怎么做才算合格?
2020-09-25 15:53:15

说起初级产品经理的工作流,将收集到的问题提炼转化为需求,再将需求落地成具体方案。

然后对接开发设计,跟进测试验收,最后完成上线。

其中最占我时间的,就是出方案,也就是画原型。

起初,我只负责 PC ,直到今年开始正式接手 App。

做了一段时间发现,我自己在页面布局上存在很大问题。

不仅延用了 PC 那一套平铺思维,最重要的是缺少页面布局的逻辑。

对此,我自己是没有感觉的,多亏设计和开发及时“怼”我,才让我没有误入歧途。

事后我也有意识的补充相关知识,才发现这个真的很重要。

接下来,我会对页面布局做个梳理,希望能对你有些启发。

一、什么是页面布局?

01、PC 的页面布局

拿语雀为例,我们看下它的布局结构。

图1.png

红色是整体的框架,分为顶部全局的导航栏、左侧分类的侧栏、中间的内容展示区;

操作上,当我们顶栏 1 选择工作台,侧栏 2 对应展示分类。

选中文档,右侧区域 3 展示相应数据。

不知道你有没有发现,整个操作和展示是一个「Z」型?

这也是我们常说的,网页排版「Z型模式」。

在这种模式下,两个标签页(紫色框内),以及搜索栏(蓝色框内)有什么区别?

导航栏的标签页和搜索栏,影响的是全局,而内容区的只影响自己的局部。

以上,就是 PC 布局最基本的理解。

02、App 的页面布局

说完 PC 的布局,那么 App 的有什么不同呢?我们先来看下这3张线框图。

图2.png

重点关注顶部,你觉得这三者有什么区别吗?

首先我们可以判断,标签页(列表、日、月)是对列表的快速筛选。

因此它的位置不是关键,主要关注的是搜索。

(1)左图的搜索,做的是全局搜索,一般点击会跳转到新页面。

(2)中图的搜索,同样也是做的全局,但它既可以停留在当前页面,也可以跳转。

(3)右图的搜索,从布局逻辑上看,是搜索选中标签页下的数据。

当然,右图也可以做成和中图逻辑一样,停留在当前页面做全局搜索。

但这样的话,从页面布局自上而下的逻辑上来看,它是错误的。

最重要的,它会影响用户理解。

以上,是页面布局最基本的理解与认知。

二、页面布局到底有什么用?

从细节上来说,这部分属于交互设计层面。

但对做产品的我们来说,也还是需要有基本的理解与认知。

这里拿 App 「我的」页面举例,这部分知识也是向好友 Evelyn 学之后,有了更深理解。

图3.png

上图是生日管家 App 「我的」页面


对比其他 App ,可以发现它顶部个人信息占了很大空间。

这也是基于它产品定位本身,是希望用户补全自己信息的。

往下走是增值服务入口的区域,大多数 App 都是在这,毕竟黄金位置是要服务商业模式的。

说句题外话,从视觉的角度来看,一进到这个页面是不是觉得这个金色更醒目呢?

再往下走,本质是依次按照使用频率,优先展示常用功能。

简单说,App就是要在有限的区域,展示更重要的信息。

同时,也要保证用户的操作逻辑,以及便利性。

这才是布局本身最核心的点。

三、写在最后

作为产品经理,平时在使用产品的时候要多注意积累。

在一些细节问题上,用得多了、看得多了、想得多了,潜移默化的会提高自己的设计。

拿我来说,之前就是这方面做得不好,导致我踩了不少坑。

不过好在有同事们的支(dui)持(wo),自己也慢慢获得了提升。

当然,我也希望以上这些,能给你一些启发,加油。

-END-


鸟哥笔记,营销推广,老虎,渠道,推广,技巧,营销

分享到朋友圈
收藏
收藏
评分

综合评分:

我的评分
Xinstall 15天会员特权
Xinstall是专业的数据分析服务商,帮企业追踪渠道安装来源、裂变拉新统计、广告流量指导等,广泛应用于广告效果统计、APP地推与CPS/CPA归属统计等方面。
20羽毛
立即兑换
超级nice便签砖
超级超级超级奈斯!
1000羽毛
立即兑换
一书一课30天会员体验卡
领30天VIP会员,110+门职场大课,250+本精读好书免费学!助你提升职场力!
20羽毛
立即兑换
空
发表文章12
视频监控行业SaaS产品经理,就职杭州某创业公司,分享产品实践感悟,以及个人成长进阶。
确认要消耗 0羽毛购买
页面布局要怎么做才算合格?吗?
考虑一下
很遗憾,羽毛不足
我知道了

我们致力于提供一个高质量内容的交流平台。为落实国家互联网信息办公室“依法管网、依法办网、依法上网”的要求,为完善跟帖评论自律管理,为了保护用户创造的内容、维护开放、真实、专业的平台氛围,我们团队将依据本公约中的条款对注册用户和发布在本平台的内容进行管理。平台鼓励用户创作、发布优质内容,同时也将采取必要措施管理违法、侵权或有其他不良影响的网络信息。


一、根据《网络信息内容生态治理规定》《中华人民共和国未成年人保护法》等法律法规,对以下违法、不良信息或存在危害的行为进行处理。
1. 违反法律法规的信息,主要表现为:
    1)反对宪法所确定的基本原则;
    2)危害国家安全,泄露国家秘密,颠覆国家政权,破坏国家统一,损害国家荣誉和利益;
    3)侮辱、滥用英烈形象,歪曲、丑化、亵渎、否定英雄烈士事迹和精神,以侮辱、诽谤或者其他方式侵害英雄烈士的姓名、肖像、名誉、荣誉;
    4)宣扬恐怖主义、极端主义或者煽动实施恐怖活动、极端主义活动;
    5)煽动民族仇恨、民族歧视,破坏民族团结;
    6)破坏国家宗教政策,宣扬邪教和封建迷信;
    7)散布谣言,扰乱社会秩序,破坏社会稳定;
    8)宣扬淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪;
    9)煽动非法集会、结社、游行、示威、聚众扰乱社会秩序;
    10)侮辱或者诽谤他人,侵害他人名誉、隐私和其他合法权益;
    11)通过网络以文字、图片、音视频等形式,对未成年人实施侮辱、诽谤、威胁或者恶意损害未成年人形象进行网络欺凌的;
    12)危害未成年人身心健康的;
    13)含有法律、行政法规禁止的其他内容;


2. 不友善:不尊重用户及其所贡献内容的信息或行为。主要表现为:
    1)轻蔑:贬低、轻视他人及其劳动成果;
    2)诽谤:捏造、散布虚假事实,损害他人名誉;
    3)嘲讽:以比喻、夸张、侮辱性的手法对他人或其行为进行揭露或描述,以此来激怒他人;
    4)挑衅:以不友好的方式激怒他人,意图使对方对自己的言论作出回应,蓄意制造事端;
    5)羞辱:贬低他人的能力、行为、生理或身份特征,让对方难堪;
    6)谩骂:以不文明的语言对他人进行负面评价;
    7)歧视:煽动人群歧视、地域歧视等,针对他人的民族、种族、宗教、性取向、性别、年龄、地域、生理特征等身份或者归类的攻击;
    8)威胁:许诺以不良的后果来迫使他人服从自己的意志;


3. 发布垃圾广告信息:以推广曝光为目的,发布影响用户体验、扰乱本网站秩序的内容,或进行相关行为。主要表现为:
    1)多次发布包含售卖产品、提供服务、宣传推广内容的垃圾广告。包括但不限于以下几种形式:
    2)单个帐号多次发布包含垃圾广告的内容;
    3)多个广告帐号互相配合发布、传播包含垃圾广告的内容;
    4)多次发布包含欺骗性外链的内容,如未注明的淘宝客链接、跳转网站等,诱骗用户点击链接
    5)发布大量包含推广链接、产品、品牌等内容获取搜索引擎中的不正当曝光;
    6)购买或出售帐号之间虚假地互动,发布干扰网站秩序的推广内容及相关交易。
    7)发布包含欺骗性的恶意营销内容,如通过伪造经历、冒充他人等方式进行恶意营销;
    8)使用特殊符号、图片等方式规避垃圾广告内容审核的广告内容。


4. 色情低俗信息,主要表现为:
    1)包含自己或他人性经验的细节描述或露骨的感受描述;
    2)涉及色情段子、两性笑话的低俗内容;
    3)配图、头图中包含庸俗或挑逗性图片的内容;
    4)带有性暗示、性挑逗等易使人产生性联想;
    5)展现血腥、惊悚、残忍等致人身心不适;
    6)炒作绯闻、丑闻、劣迹等;
    7)宣扬低俗、庸俗、媚俗内容。


5. 不实信息,主要表现为:
    1)可能存在事实性错误或者造谣等内容;
    2)存在事实夸大、伪造虚假经历等误导他人的内容;
    3)伪造身份、冒充他人,通过头像、用户名等个人信息暗示自己具有特定身份,或与特定机构或个人存在关联。


6. 传播封建迷信,主要表现为:
    1)找人算命、测字、占卜、解梦、化解厄运、使用迷信方式治病;
    2)求推荐算命看相大师;
    3)针对具体风水等问题进行求助或咨询;
    4)问自己或他人的八字、六爻、星盘、手相、面相、五行缺失,包括通过占卜方法问婚姻、前程、运势,东西宠物丢了能不能找回、取名改名等;


7. 文章标题党,主要表现为:
    1)以各种夸张、猎奇、不合常理的表现手法等行为来诱导用户;
    2)内容与标题之间存在严重不实或者原意扭曲;
    3)使用夸张标题,内容与标题严重不符的。


8.「饭圈」乱象行为,主要表现为:
    1)诱导未成年人应援集资、高额消费、投票打榜
    2)粉丝互撕谩骂、拉踩引战、造谣攻击、人肉搜索、侵犯隐私
    3)鼓动「饭圈」粉丝攀比炫富、奢靡享乐等行为
    4)以号召粉丝、雇用网络水军、「养号」形式刷量控评等行为
    5)通过「蹭热点」、制造话题等形式干扰舆论,影响传播秩序


9. 其他危害行为或内容,主要表现为:
    1)可能引发未成年人模仿不安全行为和违反社会公德行为、诱导未成年人不良嗜好影响未成年人身心健康的;
    2)不当评述自然灾害、重大事故等灾难的;
    3)美化、粉饰侵略战争行为的;
    4)法律、行政法规禁止,或可能对网络生态造成不良影响的其他内容。


二、违规处罚
本网站通过主动发现和接受用户举报两种方式收集违规行为信息。所有有意的降低内容质量、伤害平台氛围及欺凌未成年人或危害未成年人身心健康的行为都是不能容忍的。
当一个用户发布违规内容时,本网站将依据相关用户违规情节严重程度,对帐号进行禁言 1 天、7 天、15 天直至永久禁言或封停账号的处罚。当涉及欺凌未成年人、危害未成年人身心健康、通过作弊手段注册、使用帐号,或者滥用多个帐号发布违规内容时,本网站将加重处罚。


三、申诉
随着平台管理经验的不断丰富,本网站出于维护本网站氛围和秩序的目的,将不断完善本公约。
如果本网站用户对本网站基于本公约规定做出的处理有异议,可以通过「建议反馈」功能向本网站进行反馈。
(规则的最终解释权归属本网站所有)

我知道了
恭喜你~答对了
+5羽毛
下一次认真读哦
成功推荐给其他人
+ 10羽毛
评论成功且进入审核!审核通过后,您将获得10羽毛的奖励。分享本文章给好友阅读最高再得15羽毛~
(羽毛可至 "羽毛精选" 兑换礼品)
好友微信扫一扫
复制链接