j8typz 发表于 2024-8-12 00:19:20

房源详情页的设计能够有多酷,看完链家APP你就明白了!(一)


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">今年年初我参与到一款澳洲房产SaaS的<span style="color: black;">制品</span>设计,于是陆<span style="color: black;">持续</span>续的体验了<span style="color: black;">有些</span>国内外的房产行业<span style="color: black;">制品</span>。今天向<span style="color: black;">大众</span>分享一下近期我在链家APP房源详情页<span style="color: black;">制品</span>体验中的<span style="color: black;">有些</span>收获,<span style="color: black;">期盼</span>这篇<span style="color: black;">文案</span>对你有所<span style="color: black;">帮忙</span>和启发。</p><img src="https://p9-sign.toutiaoimg.com/tos-cn-i-axegupay5k/c1b5dd264a5f4d97abf4470f1afca277~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=2rr8f7kbSTwtorWldQWLTylPfyw%3D" style="width: 50%; margin-bottom: 20px;">
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">1. 需求分析</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在进行<span style="color: black;">制品</span>拆解前,我习惯以一个纯小白用户的<span style="color: black;">方向</span>去体验和分析,模拟用户真实的需求和<span style="color: black;">运用</span>场景,再去思考<span style="color: black;">制品</span>团队会<span style="color: black;">怎样</span>去制定设计策略。</p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">1.1. 房源详情页的功能价值</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">房源详情页<span style="color: black;">指的是</span>新房、二手房和租房的详情页面,<span style="color: black;">重点</span>为用户<span style="color: black;">供给</span>房源的<span style="color: black;">仔细</span>介绍,<span style="color: black;">例如</span>房源的价格、户型、面积、周边配套<span style="color: black;">设备</span>等。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">房源详情页<span style="color: black;">亦</span>是一个房源APP权重最高的页面之一,它不仅是用户<span style="color: black;">拜访</span>最高频的页面,<span style="color: black;">况且</span>对用户的激活和留存发挥着关键性<span style="color: black;">功效</span>。</strong></p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/cd8979e0d3a795d1448f551d8c648f40~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=MH8lXmpjCn%2BicRYBkTGFuL9%2BZEM%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">关于链家</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">链家是全国最大的新房及二手房交易平台之一,是集房屋交易与家装服务于一体的手机APP,<span style="color: black;">持有</span>二手房、新房、租房、装修、商铺办公、卖房、查首付等众多板块,连接<span style="color: black;">每一个</span>家的故事。</p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">1.2. 用户需求分析</h2><strong style="color: blue;">基本型需求:</strong><span style="color: black;">经过</span>详情页能<span style="color: black;">认识</span>到一个房源的<span style="color: black;">仔细</span>信息,<span style="color: black;">例如</span>地理位置、平均单价、<span style="color: black;">营销</span><span style="color: black;">状况</span>、周边配套<span style="color: black;">设备</span>等。<strong style="color: blue;">期望性需求:</strong>从详情页能挖掘到<span style="color: black;">更加多</span>有价值的信息,<span style="color: black;">例如</span>楼盘的升值空间、<span style="color: black;">周边</span>热门学校、小区用户真实的<span style="color: black;">评估</span>等。<strong style="color: blue;">兴奋型需求:</strong>超出用户过去在线下或是其他<span style="color: black;">制品</span><span style="color: black;">运用</span>中的体验,<span style="color: black;">例如</span>从视觉上能感知到房源的真实场景,或是有比较创新的功能,能为用户的购买<span style="color: black;">供给</span>有价值的决策。<img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/97cdcbab505e697cb3fe6a6395305a1e~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=GDcsHr%2FaJNF6V5qvZOCIMFp1XdA%3D" style="width: 50%; margin-bottom: 20px;">
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">1.3. <span style="color: black;">运用</span>场景分析</h2><strong style="color: blue;">购房前:</strong>用户产生购房的初步想法,<span style="color: black;">经过</span>房源详情页进行初步的调研,从中获取<span style="color: black;">基本</span>的信息,做一个初步的<span style="color: black;">认识</span>。<strong style="color: blue;">决策中:</strong>在线下和<span style="color: black;">营销</span>沟通后,主动寻找楼盘的<span style="color: black;">仔细</span>信息,<span style="color: black;">例如</span>搜集用户口碑、周边配套<span style="color: black;">设备</span>、周边楼盘房价对比等。<strong style="color: blue;">购房后:</strong>不<span style="color: black;">定时</span><span style="color: black;">查找</span>房产增值空间、周边房价以及市场动态。<h2 style="color: black; text-align: left; margin-bottom: 10px;">1.4. 设计策略分析</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">因为</span>不<span style="color: black;">触及</span>在线交易,房源详情页更像是一个<span style="color: black;">制品</span>聚合页,<span style="color: black;">重点</span>以信息展示为主。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">我认为<strong style="color: blue;">页面的内容策划是<span style="color: black;">全部</span>详情页设计最大的挑战</strong>,不仅要让用户在狭小的手机屏幕中<span style="color: black;">有效</span>获取到<span style="color: black;">精细</span>有价值的内容,还要<span style="color: black;">思虑</span><span style="color: black;">怎样</span>激发用户的兴趣,以及<span style="color: black;">怎样</span>让房源经纪人获取到用户的联系方式保持进一步线索跟踪。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/49fb277244246279b03e76f19f7dbe36~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=FNvuULSgKVRR3xeNKrjqTJ%2BvQtU%3D" style="width: 50%; margin-bottom: 20px;">
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">2. 内容拆解</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">房产的<span style="color: black;">营销</span><span style="color: black;">重点</span>分为新房和二手房,新房顾名思义<span style="color: black;">便是</span>全新的房源,<span style="color: black;">通常</span>以楼盘为单位,<span style="color: black;">例如</span>北京悦府,进入详情页后<span style="color: black;">咱们</span>会<span style="color: black;">发掘</span>它的侧重点是楼盘的介绍。和新房<span style="color: black;">区别</span>,二手房是以房源为主体,侧重点是房源本身,两个页面有<span style="color: black;">非常多</span><span style="color: black;">类似</span>的内容,,但页面的内容和权重并不相同。</p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">2.1. 新房</h2><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/374e9e1c3c5cada8affa3f7a7a387037~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=KaHLecPG%2FKPpMQz8grr2rU4mKs0%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2.1.1. 导航栏</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">供给</span>信息纠错、房源对比、<span style="color: black;">信息</span>和分享四个功能。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/23e57181367379b42272cf75d0cbeef3~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=NtqUJDFzdiamc32jV2hojF1eJCo%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">设计亮点</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">一个贴心以及人性化的功能,不仅起到了用户对房开商的约束和监督,<span style="color: black;">况且</span>从「处理进度」的内容看,用户参与积极度很高。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/a680298f19765d5fc968ab9739421bac~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=FdJBsm%2Bbfv61uQHNT4YYnCkqAio%3D" style="width: 50%; margin-bottom: 20px;"><strong style="color: blue;">房源对比:</strong>用户<span style="color: black;">能够</span>添加其他楼盘进行综合比较,<span style="color: black;">例如</span>均价、总价、户型等维度,<span style="color: black;">处理</span>用户的信息<span style="color: black;">困惑</span>。<img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/a1d3e6b0484702e92b7fce781f182461~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=9ovMRtDMSFm4y7um4M1URa0opqw%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">设计亮点</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">功能亮眼,方便用户<span style="color: black;">能够</span>加入其他楼盘进行多维度对比,为购房决策强有力支持,<span style="color: black;">不外</span>页面设计过于粗糙,视觉体验欠佳。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/d0a17a5d9914d337eb8d687654ad4058~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=90M4ENMRBwz8HB%2BqUcfBgk2IUh8%3D" style="width: 50%; margin-bottom: 20px;"><strong style="color: blue;"><span style="color: black;">信息</span>:</strong><span style="color: black;">转</span>至<span style="color: black;">信息</span>栏目,可查看实时的<span style="color: black;">信息</span><span style="color: black;">通告</span>。<strong style="color: blue;">分享:</strong>房源分享,支持<span style="color: black;">微X</span>和<span style="color: black;">伴侣</span>圈。<img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/3e7ef277d3fc06d3319c40b02c2d4aac~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=yKqQKcYDm%2BfRcvidp%2FCioJBzQZI%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">设计缺陷</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">分享功能设计过于粗糙,<span style="color: black;">乃至</span><span style="color: black;">无</span><span style="color: black;">伴侣</span>圈海报这些<span style="color: black;">平常</span>的分享形式。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/6bbf8873a6f37452faccb8b6ed72c02b~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=qQYj2OjV%2FP5LfMcB2e0uJL5KriU%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2.1.2. 橱窗图</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">供给</span>VR样板间、实景图、区位图和项目现场等多种观看形式和<span style="color: black;">照片</span>资源,方便用户<span style="color: black;">能够</span>多维度从视觉层<span style="color: black;">认识</span>楼盘<span style="color: black;">仔细</span>信息,其中VR看房<span style="color: black;">能够</span><span style="color: black;">叫作</span>得上是链家APP的一大<span style="color: black;">特殊</span>和核心<span style="color: black;">优良</span>。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/3cbab7d4f3621e7a19b48a44fe3493eb~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=x5iSMeWVi2kW8xdoFdxhfnBf2lo%3D" style="width: 50%; margin-bottom: 20px;"><strong style="color: blue;">VR样板间:点击后进入VR样板间,用户可享受亲临现场般的视觉体验。</strong><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/60b37ced3ba0e5d0bf3e269448c05cdf~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=tWGBQC9%2FklM3GREmS1ViCjxiwNg%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">设计亮点</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">非常亮眼的功能,视觉体验极佳,<span style="color: black;">况且</span>还支持VR带看,房产经纪人<span style="color: black;">能够</span>和买家实现同频交流、同频演示,<span style="color: black;">极重</span><span style="color: black;">提高</span>了沟通效率。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/37732ac4b3d04ee05282a6daf9b5e379~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=PEOJ%2FXO%2BB1tl6DAwnINEux9JxFo%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2.1.3. 概览</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">房源的<span style="color: black;">基本</span>信息,<span style="color: black;">包括</span>房源标题、<span style="color: black;">位置</span>、标签、参考均价、参考总价、户型和开盘时间等内容。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/55336b4aba5070a7b9a2378a1414054f~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=fa8okOMUhHggBdCZoyfDPlCy62A%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2.1.4. 户型</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">楼盘的户型列表,点击后可进入对应户型的详情页介绍(页面的内容和二手房<span style="color: black;">类似</span>,<span style="color: black;">咱们</span>将会在下面<span style="color: black;">仔细</span>介绍)。<span style="color: black;">这儿</span><span style="color: black;">咱们</span><span style="color: black;">必须</span><span style="color: black;">认识</span>一下户型的概念,一个楼盘<span style="color: black;">能够</span>有N栋,每一栋会<span style="color: black;">按照</span>房屋的面积设计<span style="color: black;">区别</span>的户型,一个户型<span style="color: black;">便是</span>一套房源。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/bbf90acf82d6458dbdc8442b090c6042~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=o4klyTf14KmnYyccgz0%2FYOSt7GU%3D" style="width: 50%; margin-bottom: 20px;"><strong style="color: blue;">户型快速询问:</strong>系统默认设置了咨询标签,点击就<span style="color: black;">能够</span>和经纪人直接沟通。<img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/f0d90a9414e5e683d6ea07ba4e05b89c~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=w4V7pvTzqqth3oNJ7RusqKf2Uzc%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">设计亮点</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">系统内置了<span style="color: black;">平常</span>问题咨询的标签,点击就能自动发送给经纪人,<span style="color: black;">提高</span>操作效率。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/e5c127414cb139280f0458c30c36011f~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=O1tNVwwP%2B%2FsCmzvKIqWFs7Dn%2F4k%3D" style="width: 50%; margin-bottom: 20px;"><strong style="color: blue;">特价房源:</strong>小区的特价房源,点击直接<span style="color: black;">转</span>至<span style="color: black;">微X</span>添加卖房经纪人。<img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/fb129c2696305f0aada6022fdc4a9f91~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=Jw0R91WwFDlYiW88ZVmdPq0RiTQ%3D" style="width: 50%; margin-bottom: 20px;"><strong style="color: blue;">价值分析:</strong>针对小区量身定制的价值分析报告,<span style="color: black;">包括</span>小区概述、交通概况、优缺点分析和增值空间等。<img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/10c3c5b748dafdd7f0df21e1c99159a1~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=Bf6v2AwiAVpFqTuzttVqUBoHdY4%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">设计优点</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">向买家<span style="color: black;">供给</span>全面、专业、有价值的分析报告,为用户的购买决策做有效的支撑。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2.1.5. 周边</strong></p><strong style="color: blue;">周边配套和通勤:</strong>向用户<span style="color: black;">供给</span>楼盘周边的<span style="color: black;">仔细</span>信息,<span style="color: black;">例如</span>学校、医院、购物广场和休闲场所等配套<span style="color: black;">设备</span>。<img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/3b138559f904a5a6be7812770f0acf1a~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=SRhSXc0AE%2B2ZK%2BSfbCmwYwYcE%2Bk%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">设计亮点</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">经过</span>定制化的地图导航,对周边配套资源一目了然,体验友好。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/c93e4db83b205348fc46a9a62e2058bf~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=IXX0ub6yv8yD0S%2FrHhiX3H9m%2FWA%3D" style="width: 50%; margin-bottom: 20px;"><strong style="color: blue;">周边房价对比:</strong><span style="color: black;">供给</span>楼盘和周边新房及二手房的价格对比,点击「查看<span style="color: black;">更加多</span>」后还可查看更<span style="color: black;">仔细</span>信息。<img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/8e0bc87861bcf32335810efb58e3eb3c~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=MbkKxTLendGCyFs4sIEdhwzhEfw%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">设计亮点</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">设计了<span style="color: black;">仔细</span>试图和价格试图两种方式,方便用户可<span style="color: black;">按照</span>自己的偏好切换。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/090e78043d099c950952b81c8dd24e81~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=gDA9X%2FEs%2FmosyqbHnNP8Gt0%2BsX4%3D" style="width: 50%; margin-bottom: 20px;"><strong style="color: blue;">本地购房群:</strong>平台为买家<span style="color: black;">创立</span>的购房群,点击后<span style="color: black;">转</span>至<span style="color: black;">微X</span>添加房源经纪人。<img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/ab6c46d0ff7faf0fc0bcdebdb4b81b56~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=OMy5dqXVpNsU8A0Mh8UDpumHvDw%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2.1.6. 详情</strong></p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/56ef7fc069e7e8954739dafe2de29804~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=c4TewowIN%2BlVBPXNR%2FGohE%2B6oeU%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">设计缺陷</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">按钮缺乏提示<span style="color: black;">况且</span>可点击区域过小,用户难以感知可点击楼栋查看对应的信息。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/1a92a2a4877be03a512445bc09cead59~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=B0XXtBI9W8BzENrw5Em18mMG6Ro%3D" style="width: 50%; margin-bottom: 20px;"><strong style="color: blue;">楼盘详情:</strong>楼盘的<span style="color: black;">仔细</span>信息,<span style="color: black;">包含</span>基本信息、<span style="color: black;">营销</span>信息、小区概况和预售许可证等四大类信息。<img src="https://p26-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/3679004ed7ef013f360cf5204e72598c~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=0P8jl%2F8q%2BC2v51XjCQ3x7fHhSHI%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">设计缺陷</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">详情页面设计过于粗糙,信息密度过高,用户阅读体验欠佳。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/9d49a42cdcc99753773415c156acfcfc~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=wf%2BKoEDcpa3ioJcYGKRt0S4wFXM%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2.1.7. 动态</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">供给</span>楼盘最新的动态<span style="color: black;">信息</span>,<span style="color: black;">包含</span><span style="color: black;">营销</span>信息、户型更新、楼盘<span style="color: black;">新闻</span>和交房时间等。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/d5a749bf5f31a84db22edd82b9462c2d~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=SPCs%2BoMvtu7E7Q2OIDNfc17Pi9k%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2.1.8. 点评</strong></p><strong style="color: blue;">专家讲房:</strong>平台<span style="color: black;">举荐</span>的房产专家经纪人,点击后可和专家进行对话。<img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/29eb15bb05ea8fefdab9aa1c4a3e97b1~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=3nANJTft4mTy66sATl78LJzyZFU%3D" style="width: 50%; margin-bottom: 20px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/527c9d87a393ace4b6667b7470064fa4~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=qsbDG%2Fe8QttJaq18XvDxXPDyOJU%3D" style="width: 50%; margin-bottom: 20px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/0de2ae677e4fe082b7e423788cf7fd25~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=TL6S16j3lNobQQbWfV2ErbAXHM4%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">设计亮点</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">非常贴心的功能,不仅支持用户免费提问,<span style="color: black;">况且</span><span style="color: black;">能够</span><span style="color: black;">经过</span>历史问答充分<span style="color: black;">认识</span>房源的<span style="color: black;">关联</span>问题,为购房<span style="color: black;">供给</span>充分的决策依据。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/fc29f945c4757147a55e451afebd797a~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=Gbi5Amq%2FKIQp95rpcraBDF25vuU%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2.1.9. 精选</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">平台为用户精选的其他新房及二手房资源。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/bd8b118fbe29ceeb650545219e32e94e~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=FA%2B0RK22CYNGgO8k9Zr4MKaJYTw%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2.1.10. 菜单栏</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在底部菜单栏,用户<span style="color: black;">能够</span>对楼盘进行关注、<span style="color: black;">tel</span>咨询和在线咨询。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/6ac4b23d111f34d606df0ee0d53d0a49~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=Ps1i1TSHuBDYaxnGj4d%2Ffc5G8yY%3D" style="width: 50%; margin-bottom: 20px;">
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">2.2. 二手房</h2><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/b20b216b8106a329e32ba59e2592828e~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=ZcYMoftbSbDQ0b87M21JVbciPVI%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2.2.1. 导航栏</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">供给</span>房源 PK、<span style="color: black;">保藏</span>、分享、<span style="color: black;">信息</span>和信息纠错的功能。</p><strong style="color: blue;">房源PK:和新房以楼盘PK<span style="color: black;">区别</span>,房源PK是以房源为单位,为用户<span style="color: black;">供给</span>多套房源的总和对比。</strong><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/7dc8fb3581c34ec93b7f44a9e83cab67~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=i9mPySzLvLQbkBKGoUGg7FD9nL4%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">设计亮点</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">可<span style="color: black;">供给</span>最多5套房源进行对比,支持房源基本信息、房评信息和房源实景三大类的综合对比,信息完整、覆盖面广,<span style="color: black;">极重</span><span style="color: black;">提高</span>用户的操作效率。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/06793b509cd90453d20e4bf290ad8424~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=H8ck5B73o4bcc5nZC4Ixyq7t8fk%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">设计缺陷</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">点击「<span style="color: black;">更加多</span>」,再次<span style="color: black;">显现</span>「房源对比」,功能重复。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/d87346cdc0e6036c86a09abefb46f7b8~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=9pjCUJm5YgghqPCy8rsNhcePwtM%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2.2.2. 橱窗图</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">除了VR、户型、<span style="color: black;">照片</span>等形式,还加入了装修灵感,用户可一键查看房源的装修效果,有效<span style="color: black;">提高</span>购买欲望。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/fa455bcd1706f78206b58b3a795004af~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=A9XnDhpniq7Xic%2FbjMJzMxAaZTo%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">设计亮点</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">装修灵感这个功能的加入,在二手房场景中体验起来实在太棒了,就像玩游戏一键换肤,瞬间<span style="color: black;">能够</span>看到一套老旧二手房焕然一新的感觉,<span style="color: black;">况且</span>视觉展示形式还分成上下两屏<span style="color: black;">同期</span>对比的装修前后的效果,<span style="color: black;">极重</span><span style="color: black;">加强</span>用户的购房意愿。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/d928882ee34bea347ce2124e0a195430~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=o%2FRK1sjuGeSdAjHJ38Lr7Y49%2F9M%3D" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2.2.3. 概览</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">和新房相比,二手房的信息更完整、更<span style="color: black;">饱满</span>,<span style="color: black;">基本</span>信息,<span style="color: black;">包括</span>房源标题、<span style="color: black;">位置</span>、标签、参考均价、参考总价、户型和开盘时间等内容。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/014189feb9632ff5428119f7cf1a5d6c~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723643973&amp;x-signature=R9U%2FVE2grz2ZZzMLRmcaUOornGU%3D" style="width: 50%; margin-bottom: 20px;">




364463952 发表于 2024-9-3 17:34:09

大势所趋,用于讽刺一些制作目的就是为了跟风玩梗,博取眼球的作品。

4lqedz 发表于 2024-9-27 15:56:13

你字句如珍珠,我珍藏这份情。

nqkk58 发表于 2024-11-14 15:11:08

顶楼主,说得太好了!
页: [1]
查看完整版本: 房源详情页的设计能够有多酷,看完链家APP你就明白了!(一)