无论是PC端还是移动端都会有首页，但是后台往往是不需要首页的。为什么？因为前端面对的是不了解你的用户，所以需要首页把你最想告诉的用户的东西给展示出来。而后台不同，使用的人本身就是对你的平台了解。即使是第三方服务的后台，也是信任你才使用的平台。所以前端偏重展示和简洁为主，后台偏重逻辑和使用度。所以前端页面，更注重的是UI设计的排版和布局，前端工程师切图和炫酷的效果。后台页面更注重后台工程师的逻辑、数据调用。今天主要说一说web端的首页。
web端页面展示复杂，我们以用户体验五要素（战略层、范围层、结构层、框架层、表现层）和简约至上四策略（删除、组织、影藏、转移）作为指导思想。设计的web首页的时候，我们要展示简洁大方也要思考周密，但有时候真的会有遗漏怎么办？那我们可以从以下十步去完成，不会有遗漏。
一、产品整体布局
整体布局显示从我们的业务出发，首先思考我们的用户是谁？进入首页，首屏展示一定是要告诉用户我们是干什么的？那些首页分类的导航起到就是告诉用户我们是干什么的。然后从第二屏开始，告诉用户为什么要选择我们？然后告诉用户我们是怎么解决这些问题的。从用户角度出发，首次进入首页看见的所有产品和服务的大类目。这些是我需要的吗？然后开始浏览首页下滑，找到买这个服务和商品信任的理由和价格是不是优惠。整体布局思考从WHO，WHAT，WHY，HOW的层面进行分解，简单说就是3W1H法则。
二、用户需求确认
特别电商和O2O产品在web端首页的商品分类很重要。在web端首页展示产品分类够不够直达用户心理很重要。好的产品分类可以让用户导流。所有设计产品分类时，一定是按合理的用户认知进行排列。这里分类就牵涉到用户需求。我们在确认了用户画像后，建立了用户用例。这个时候用户需求已经确认。比如用户用例把用户整体购买流程和顺序完全模拟出来。怎么确认这些需求？1、流量品的需求路径。2、流量品的路径周边盈利品类目展示。3、盈利品的需求路径。确认这些后，不仅业务也是从用户需求出发了，相近的需求安排，可以不按常规安排也是了解用户需求很重要的。从点击分类，进入列表页，再进入商品详情页，再点击购买。这一套需求路径需要站在用户角度，我们往往太局限于业务角度。
三、竞品设计分析
竞品分析有时候在我们看来可能是抄袭，但是借用乔布斯话说，这就是借鉴了。但是竞品分析依旧重要，我们必须时刻关注对手的动向。在页面布局时，其实你会发现产品思考点越来越重合，因为业务重合性的关系。设计层面却是不同的，是基于自身业务展示的。这里需要思考的是，对手上的这个块页面需求点是哪块？对手又上了哪些业务？他的下一阶段产品目标是什么？然后再思考我们是不是可以上这个页面？最后，在产品设计可以采取不一样的展示风格，不一样的展示风格基于用户层面去思考。哪怕小小的设计展示不同，也是打动用户的关键。比如，web端你鼠标下滑动时，你的顶部工具栏是吸顶式导航，就能很好吸引用户注册你网站。如果在阅读网页时，你加入了小小返回首页功能，用户就更能进入沉浸式阅读。在移动端设计时，哪怕你返回有一个向右滑动手势比没有好很多，技术上只是多了十几行代码。
四、功能模块确认
从3W1H和竞品分析确认后，我们功能模式其实大致都可以确认。首屏的全部分类展示和banner图展示。顶部的吸顶式工具栏。第二屏展示热门服务，热门服务的吸引点在于告诉我们产品的优势。展示运营活动和信任的用户展示。后面是SEO页面和常用页面底部。每个功能模块确认都是从产品设计和业务逻辑进行支撑，最后通过QA的测试用例进行模拟测试。功能模块确认需求注意的是：1、展示的功能是否直观。2、展示的功能是不是表达清楚，用户了解。3、展示的功能是不是容易操作理解。4、展示的功能上下衔接是不是合理。
五、布局排版简洁
web端布局排版越来越简洁了，从90年代那种谈屏幕框漫天飞，到00年代页面布局小而杂乱。现在web端页面展示也继承了移动端一样的特性，简洁大方。web端页面设计也经历了3个时代变更。在排版合理基础上，简洁并不是意味着简单。我们要避免简洁就是简单的误区。而是要用简单的语句和图片解释清楚我们是干什么的。页面整体呈现出统一性。上下视觉保持一致性，不要使得页面分散用户的注意力。每个往下滑动的页面都是需要层层吸引用户的。文字图片整体简洁和色调一致性容易让用户进入沉浸式浏览和思维中。
六、交互设计考量
交互设计上考量一定是简单交互为主，交互设计逻辑性是关键。如果有位很好的交互设计师，他一定帮助你从用户心理进行设计。当然我们产品经理也一定是这方面的高手。《乌合之众》和《引爆点》是二本不错从心理层面解析用户的书籍。交互从展示页面到点击后展示页面都是层层相扣的。在首页设计上，一定是简洁和吸引用户点击下去的想法，文字和图片是吸引的关键点。文字从用户心理角度去思考，图片从业务展示角度思考。因为文字更具有想象空间，所以适合用户心理角度思考。图片设计从业务角度思考，用户喜欢更专业的，因为他们相信专业就是放心的商品和服务。而在运营模块和banner，主题活动展示就不同了，需要一些炫酷的设计和复杂展示，这里一定是和web端首页设计不同的，它们需要炫酷的设计吸引用户，不需要迭代。
七、内容容易理解
产品设计上，我们往往忽视文字展示重要性。其实哪怕在五年后的产品，文字依旧是很重要的单位。无论是图片还是视频都是基于文字的。如何做到内容的可理解性呢？1、用户理解的语句。比如大量网络流行语和二次元年轻化的语句。2、内容阅读无重合的独特性。比如你这里有，我这里也有。但是我们内容解释更简单短小精悍，更容易理解，那么用户就来我们这里了。3、最重要的文字进行重点突出。用户在碎片化场景下阅读内容越来越多，把重点展示出来，用户就可以快速了解，可以快速做后续用户行为。
八、站外引流思考
web端与M端最大不同点就是SEO需要在web端进行展示，因为首页大部分都是作为落地页进行展示。而首页也是最能解释清楚我们的产品是做什么的页面。也是用户体验和打开几率最高的页面。SEO我们需要建立相关链接、相关服务、相关服务的问题解答、网站地图、相关服务的分支：城市、服务商入口、网站自身的招聘、关于我们都是SEO建立关键点。然后思考站外每一个流量入口落地页在哪里。需要多少关键词落地在首页的。每一个站外进来的用户，都是不一样的，针对不一样的用户，我们尽量展示他们需要的内容。在数据PV和UV统计下，根据28原则，如果能留住那80%的用户进入沉浸式阅读已经不容易了。
九、整体逻辑架构
web端首页页面前后逻辑是否可以让用户进行沉浸式浏览时关键，哪怕是一个小小的功能和不是主打的商品和服务，只要能打动用户就是成功的。做好更个数据埋点分析，更好支撑我们的产品迭代和更好的升级。整体逻辑就是每一个点击后的页面都是符合用户心理和正常逻辑的。后续的每一个列表页和商品详情页都是可以进行相互关联的，在用户不知不觉中就进入沉浸式浏览的状态了。1、做到页面关联性强。2、页面展示结构合理。3、整体框架和逻辑符合用户浏览角度。
十、总结梳理
最后把所有的业务逻辑和用户行为进行总结展开和思维维度回收。留下思考中合理的，和现阶段先完成的需求的，建立需求管理池，安排优先级。然后把总结核心的需求功能的梳理和思考，把所有步骤进行思维回收总结。接下去就去找技术吧，进行需求评审，开发周期。然后进行项目排期。
总结：1、产品整体布局：3W1H法则。2、用户需求确认：流量品和盈利品的思考。3、竞品设计分析：不同点是不是适用于我们产品。4、功能模块确认：功能模块的合理性。5、布局排版简洁：简洁并不是简单。6、交互设计考量：文字从用户角度，图片从业务角度。7、内容容易理解：重要内容的突出。8、站外引流思考：完善的SEO落地页。9、整体逻辑架构：页面的关联性。10、总结梳理：思维维度展开的再回收。
本文系作者：
运营那些事儿
授权发表，鸟哥笔记平台仅提供信息存储空间服务。
本文为作者独立观点，不代表鸟哥笔记立场，未经允许不得转载。
《鸟哥笔记版权及免责申明》
如对文章、图片、字体等版权有疑问，请点击
反馈举报
我们致力于提供一个高质量内容的交流平台。为落实国家互联网信息办公室“依法管网、依法办网、依法上网”的要求，为完善跟帖评论自律管理，为了保护用户创造的内容、维护开放、真实、专业的平台氛围，我们团队将依据本公约中的条款对注册用户和发布在本平台的内容进行管理。平台鼓励用户创作、发布优质内容，同时也将采取必要措施管理违法、侵权或有其他不良影响的网络信息。
一、根据《网络信息内容生态治理规定》《中华人民共和国未成年人保护法》等法律法规，对以下违法、不良信息或存在危害的行为进行处理。
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 天直至永久禁言或封停账号的处罚。当涉及欺凌未成年人、危害未成年人身心健康、通过作弊手段注册、使用帐号，或者滥用多个帐号发布违规内容时，本网站将加重处罚。
三、申诉
随着平台管理经验的不断丰富，本网站出于维护本网站氛围和秩序的目的，将不断完善本公约。
如果本网站用户对本网站基于本公约规定做出的处理有异议，可以通过「建议反馈」功能向本网站进行反馈。
(规则的最终解释权归属本网站所有)