Web 页面类型 / Home Page
Home
面向首次访问和回访用户的站点入口页面,解释站点价值并提供主要探索路径。
Identity · 身份
- 子类型
- 页面类型
- 父级类目
- SaaS / Product、Content / Media、Documentation / Knowledge Base、E-commerce / Transaction、Tool / Web App、Portfolio / Agency、页面架构与信息结构、区块与页面构成、表单与转化
- 层级
- L2 · Web 页面类型
What · 是什么
- 定义
- 面向首次访问和回访用户的站点入口页面,解释站点价值并提供主要探索路径。
- 分类
- 页面
Why · 为什么
- 核心问题
- 用户进入站点后,能否快速理解这里是什么、适合谁,并找到下一步?
Where · 在哪里
- 适用场景
- Web 界面设计
Lifecycle · 生命周期
- 状态
- 整理中
所属网站类型与页面区块
关系来自本地关系表,并包含反向关联。
- Adobe 首页主行动入口Adobe Homepage Primary CTA反向 · 应用于
Adobe 首页首屏先用创意工具价值主张建立方向,再把访客导向开始创建或进入产品体验的主行动。
- Airbnb 首页探索搜索Airbnb Homepage Explore Search反向 · 应用于
Airbnb 首页把目的地、日期和人数组合成首屏搜索任务,让浏览者直接进入可执行的房源探索。
- Canva 新用户首次设计Canva First Design反向 · 应用于
Canva · New-user start
- Canva 首页立即创作Canva Homepage Create反向 · 应用于
Canva 首页把模板、设计任务和立即创作入口放在首屏,让新访客从一个具体成果开始而不是先学习产品结构。
- Dropbox 首页开始使用Dropbox Homepage Start反向 · 应用于
Dropbox 首页以文件协作和同步价值承接匿名访客,并将开始使用作为低承诺的首个产品动作。
- Figma 首页开始设计Figma Homepage Get Started反向 · 应用于
Figma 首页围绕协作设计建立首屏叙事,并用开始使用与了解产品两类行动覆盖执行和探索意图。
- GitHub 首页账户启动GitHub Homepage Account Start反向 · 应用于
GitHub 首页将开发者价值说明与创建账户、探索代码协作的入口并列,支持高意图访客立即进入。
- Linear 首页启动工作流Linear Homepage Start Workflow反向 · 应用于
Linear 首页用简短产品叙事和工作流画面解释协作价值,再把访客带到开始使用或查看产品的下一步。
- Notion 首页继续行动Notion Homepage Continuation反向 · 应用于
Notion · Homepage
- Notion 模板后行动Notion Template Next Action反向 · 应用于
Notion · Templates
- Shopify 应用商店安装Shopify App Store Install反向 · 应用于
Shopify · App installation
- Content / MediaContent / Media属于
以文章、视频、音频或其他内容消费与发现为核心的网站体验。
- Documentation / Knowledge BaseDocumentation / Knowledge Base属于
以帮助用户查找、理解和应用知识、文档与常见答案为核心的网站体验。
- E-commerce / TransactionE-commerce / Transaction属于
以商品或服务的发现、比较、购买和交易完成为核心的网站体验。
- Portfolio / AgencyPortfolio / Agency属于
以展示能力、作品、案例和服务,并促成咨询或合作为核心的网站体验。
- SaaS / ProductSaaS / Product属于
以持续使用、产品价值和用户任务为核心的网站或产品体验,通常承接认知、试用、注册和持续使用。
- Tool / Web AppTool / Web App属于
以浏览器中的输入、处理、结果和持续任务为核心的网站应用体验。
- CTA BandCall-to-action Band反向 · 应用于
在页面中段或结尾集中呈现下一步行动的转化区块。
- Feature & ValueFeature & Value Section反向 · 应用于
把产品能力、服务内容或页面价值转化为用户可理解结果的说明区块。
- Footer NavigationFooter Navigation反向 · 应用于
页面底部承载补充导航、法律信息、联系入口和站点范围说明的区块。
- Global NavigationGlobal Navigation反向 · 应用于
跨页面稳定存在的主要导航,帮助用户理解站点范围并进入核心区域。
- Hero / Page IntroHero & Page Introduction反向 · 应用于
页面开头用于确认页面主题、价值和主要行动的介绍区块。
- Social ProofSocial Proof反向 · 应用于
通过证据、案例、评价、数据、合作方或透明说明降低用户不确定性的区块。
- Accessibility StatementAccessibility Statement反向 · 应用于
公开说明无障碍承诺、支持范围、已知限制和反馈渠道。
- AI Prompt / ResponseAI Prompt / Response反向 · 应用于
让用户提交自然语言任务并理解生成结果、来源、限制和继续操作。
- Announcement / Site AlertAnnouncement / Site Alert反向 · 应用于
在页面顶部或关键上下文中告知维护、政策、活动或高优先级变化。
- App DownloadApp Download反向 · 应用于
引导用户下载移动应用、桌面客户端或浏览器扩展,并说明平台兼容性。
- Awards & CertificationsAwards & Certifications反向 · 应用于
展示奖项、认证、评测或资质信息,并提供来源和有效期上下文。
- Before / After ShowcaseBefore / After Showcase反向 · 应用于
对比变化前后的视觉或结果,帮助用户理解产品、服务或过程价值。
- Benefits GridBenefits Grid反向 · 应用于
用短标题、解释和视觉线索把功能转译成用户收益。
- Case Study TeaserCase Study Teaser反向 · 应用于
用案例摘要连接具体客户、问题、过程和结果,支持进一步阅读。
- Changelog / Release NotesChangelog / Release Notes反向 · 应用于
按版本和日期说明产品变化、影响、迁移和后续行动。
- Chat / ConversationChat / Conversation反向 · 应用于
围绕实时或异步消息组织对话、参与者、上下文和输入动作。
- Community / Activity FeedCommunity / Activity Feed反向 · 应用于
连续呈现社区成员、产品活动或协作事件,支持参与、筛选和回到对象。
- Comparison TableComparison Table反向 · 应用于
按维度对比产品、方案、服务或决策选项,帮助用户减少记忆和来回跳转。
- Contact & SupportContact & Support反向 · 应用于
让用户提出问题、请求支持或找到合适的联系渠道。
- Content ListContent List反向 · 应用于
以列表、卡片或网格连续呈现一组可浏览、筛选或继续阅读的内容。
- Cookie / Privacy ConsentCookie / Privacy Consent反向 · 应用于
解释 Cookie、追踪和隐私选择,并让用户能接受、拒绝或细化设置。
- Cookie Preference CenterCookie Preference Center反向 · 应用于
让用户查看、分组和修改非必要 Cookie、追踪或隐私权限。
- CTA BandCTA Band反向 · 应用于
在页面节点提供清晰的下一步行动、利益说明和低摩擦入口。
- Customer Logo CloudCustomer Logo Cloud反向 · 应用于
以客户、合作方或使用组织的标志形成快速可扫读的信任线索。
- Data Freshness / Last UpdatedData Freshness / Last Updated反向 · 应用于
表达数据更新时间、来源、有效期和刷新动作,避免用户误读过期内容。
- Demo RequestDemo Request反向 · 应用于
收集最少需求并预约产品、服务或销售演示。
- Directory / Listing GridDirectory / Listing Grid反向 · 应用于
将组织、资源、产品、人员或地点按筛选和排序组织成目录。
- FAQFAQ反向 · 应用于
回答高频疑问,减少决策、使用或转化过程中的不确定性。
- Feature & ValueFeature & Value反向 · 应用于
把产品能力、用户收益和证据组织成可扫描的价值说明。
- Footer NavigationFooter Navigation反向 · 应用于
在页面末端提供次级导航、法律信息、联系入口和补充行动。
- Global NavigationGlobal Navigation反向 · 应用于
跨页面提供品牌、一级目的地、账户和全局操作的稳定入口。
- HeroHero反向 · 应用于
用一句核心承诺、支持说明和主要行动让用户快速判断页面价值。
- How It WorksHow It Works反向 · 应用于
用少量步骤说明产品、服务或工具从输入到结果的工作方式。
- Integration / Partner LogosIntegration / Partner Logos反向 · 应用于
展示可连接的平台、技术伙伴或生态服务,降低兼容性和迁移疑虑。
- Job ListingJob Listing反向 · 应用于
让候选人搜索、筛选、比较职位并进入申请流程。
- Lead CaptureLead Capture反向 · 应用于
收集完成转化所需的最少信息,并提供明确的价值交换和提交反馈。
- Location / MapLocation / Map反向 · 应用于
提供地点、路线、营业时间和区域上下文,支持地图之外的可访问文本路径。
- Login / AuthLogin / Auth反向 · 应用于
提供登录、注册、身份恢复或切换账户的入口与恢复路径。
- Loyalty / RewardsLoyalty / Rewards反向 · 应用于
表达积分、等级、权益和兑换路径,帮助用户理解长期价值。
- Maintenance / Status PageMaintenance / Status Page反向 · 应用于
说明服务状态、维护时间、影响范围、进展和恢复后的验证方式。
- Media / Product DemoMedia / Product Demo反向 · 应用于
用视频、动图或交互预览解释产品如何工作及其关键体验。
- Newsletter SignupNewsletter Signup反向 · 应用于
以低承诺方式收集邮箱并持续提供内容、产品或活动更新。
- Notification / Update FeedNotification / Update Feed反向 · 应用于
按时间、类型和已读状态聚合系统、产品或业务更新。
- Page Header / IntroPage Header / Intro反向 · 应用于
在页面上下文中说明当前位置、标题、摘要和主要动作。
- Partner DirectoryPartner Directory反向 · 应用于
按地区、能力、行业或集成方式浏览合作伙伴和服务提供方。
- Press MentionsPress Mentions反向 · 应用于
展示媒体报道、行业引用或第三方提及,补充外部可信度。
- Pricing ComparisonPricing Comparison反向 · 应用于
把方案、价格、权益、限制和选择动作放在同一比较结构中。
- Process StepsProcess Steps反向 · 应用于
将复杂任务拆解为有顺序、有状态和有完成标准的步骤。
- Product / Plan CardsProduct / Plan Cards反向 · 应用于
用可扫描的方案或产品卡片呈现价格、权益、限制和主要动作。
- Progress / Empty / ErrorProgress / Empty / Error反向 · 应用于
在内容、任务或数据暂不可用时解释发生了什么,并提供等待、恢复或替代路径。
- Referral / InviteReferral / Invite反向 · 应用于
说明邀请机制、奖励和状态,让用户能安全分享并追踪邀请结果。
- Resource / DownloadResource / Download反向 · 应用于
提供可下载、可保存或可继续阅读的资源,并说明格式、价值和限制。
- Review SummaryReview Summary反向 · 应用于
聚合评分、评论量、分布和代表性评论,让评价证据可比较。
- Screenshot GalleryScreenshot Gallery反向 · 应用于
通过连续截图、放大预览和说明展示界面、功能或视觉成果。
- Security & ComplianceSecurity & Compliance反向 · 应用于
解释安全、隐私、合规、数据处理和认证信息,支持高风险决策。
- Share / InviteShare / Invite反向 · 应用于
让用户把页面、结果、资源或邀请以适合目标渠道的方式分享出去。
- Social EmbedSocial Embed反向 · 应用于
嵌入来自社交平台的帖子、视频或讨论,同时控制隐私、性能和失败退化。
- Social Media FeedSocial Media Feed反向 · 应用于
把社交平台上的内容、作者、时间和外链以受控方式嵌入页面。
- Social ProofSocial Proof反向 · 应用于
通过用户证言、评分、数量、客户标志或外部评价降低不确定性。
- Status / AvailabilityStatus / Availability反向 · 应用于
表达服务、产品、库存、功能或内容当前是否可用及其限制。
- Store LocatorStore Locator反向 · 应用于
让用户按位置、服务或库存查找最近的门店、机构或服务点。
- Survey / FeedbackSurvey / Feedback反向 · 应用于
以问卷、评分或开放反馈收集用户意见,并说明提交后的处理方式。
- Team GridTeam Grid反向 · 应用于
以成员卡片展示团队角色、专长、身份和联系/了解更多入口。
- Testimonial BlockTestimonial Block反向 · 应用于
以一个或多个用户/客户证言呈现具体体验、身份和可信上下文。
- Timeline / MilestonesTimeline / Milestones反向 · 应用于
按时间或阶段表达项目、组织、产品或用户旅程的关键节点。
- Tool InputTool Input反向 · 应用于
让用户输入、配置或上传工具任务所需的信息。
- Trust BadgesTrust Badges反向 · 应用于
呈现安全、认证、付款、隐私或平台资质等降低风险的标识。
- UGC GalleryUGC Gallery反向 · 应用于
以用户生成图片、视频或帖子形成参与感、真实感和社区证明。
- Usage MetricsUsage Metrics反向 · 应用于
用数量、比例、增长或规模指标让产品价值和使用结果可快速理解。
- Video DemoVideo Demo反向 · 应用于
用短视频展示产品、服务或操作流程,并提供字幕、摘要和替代路径。
- Waitlist / PrelaunchWaitlist / Prelaunch反向 · 应用于
在产品或活动尚未开放时收集兴趣、说明预期并提供状态更新。
- Webinar / Event ScheduleWebinar / Event Schedule反向 · 应用于
呈现活动、直播或会议的时间、议程、嘉宾和参与入口。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 表单与转化Forms & Conversion属于
设计从理解价值到提交、注册、购买或联系的连续路径。
- 页面架构与信息结构Page Architecture & Information Structure属于
组织 Web 页面、内容层级和任务路径,让用户与搜索引擎都能理解页面关系。
- 区块与页面构成Sections & Page Composition属于
把页面拆成具有明确任务和信息职责的区块。