房屋中介网站用户界面报告研讨

Click to edit Master title style,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,房屋中介网站用户界面分析报告,1.,房屋中介公司网站搜集,2.,3.,国内,国外,1.,2.,4.,首页,Trulia,的首页分为三大区域：,1.,搜索栏。,2.,最新房源信息。,3.trulia,网页的推荐重要模块。（,trulia,抵押中心、在,iphone,上的,trulia,软体，在线问答。）,1,2,3,Trulia,首页颜色：,主色白色、灰色、草绿色、中黄色。搭配起来给人一种很亲近自然的感觉。白色占页面的,70%,会显得整个页面很干净整洁。为了强调搜索栏的重要性。搜索栏的背景色选择草绿色。使用户进入网站，视线直接被牵引过来。,Trulia,首页布局：,简洁 明确。用矩形模块分出几个功能区域。,首页搜索栏,Trulia,搜索栏：,用按钮切换的形式分类买房、租房、最近销售房源。而且除了地点搜索外，还提供了价位、房屋类型、卧房数量、浴室数量、占据面积的细节搜索。让用户以最快的时间选出自己要的房源。,这种按钮切换形式可以借鉴,.,点击进入更多功能搜索页面,Trulia,更多功能搜索页面：,1.,背景色为淡绿的导航，突出醒目。视觉上突出买房搜索和租房搜索。,买房列表页,Trulia,的买房列表页首要为四大区域：,1.,高级搜索栏。,2.,房源信息列表图。,3.Trulia,搜索区域地图。,4.Trulia,推荐模块（资源中心、在线问答）。,1,2,3,4,Trulia,买房列表页颜色：,与,trulia,首页色彩风格一致。左边的高级搜索栏固然重要，但是房源列表图更为重要，所以搜索栏选择灰色为背景色。强调的同时也不会抢去房源列表图的关注度。,Trulia,买房列表布局：,简洁 明确。用左、中、右三栏。视线一般会集中在页面中间部分，所以把房源信息类表图放在中间。凸显其重要性。,把房源尽可能的多展示，放在突出的位置，我们可以借鉴。增加用户关注度度，提高房源点击率。,买房列表页高级搜索栏,Trulia,高级搜索栏：,包括地点、,离地点几公里之内、,价格（价格最大 最小）、卧室数量、浴室数量、房屋可观看的时间（所有日期开放、今天开放、这周开放、未来七天开放、最近价格下降房屋）、房屋类型、房屋占据面积大小。,更多信息搜索：关键字、建筑年份、价格范围。,高级搜索列表我们可以借鉴，让用户尽快找到满意房源。,Ps,：,离地点几公里,这个选项很人性化。,买房房源详细页,Trulia,的首页首要分为十四个区域：,1.,房源基本信息。,2.,联系经纪人。,3.,列表信息。,4.,公开记录。,5.,财产税。,6.,历史价格。,7.,可能感兴趣房源。,1,2,3,4,5,6,7,买房房源详细页,8,9,10,11,12,13,14,Trulia,的首页首要分为十四个区域：,8.,对周边评价（整洁、交通、可走性、宠物友好）,.,9.,房屋价格的趋势。,10.,地图展示,(,分为地图、街道、卫星、三维,),。,11.,周边学校列表（小学、初中、高中）。,12.,发邮件给经纪人。,13.,按兴趣的其他房源,.,14.,在线提问。,Trulia,买房列表布局：,简洁 明确。用左、右分类。左边三分之二，全面的介绍房屋信息和周边信息。右边三分之一都是让用户与经纪人交互，或是以网站交互（在线提问）。,买房房源详细页,-,房源基本信息,Trulia,房源基本信息：,用按钮切换的形式展现房源信息。其中包括房源实况、房源照片、地图和附近设施查找、抵押、比较个案、价格趋势、周边学校）用尽可能全面的描述这个房源。,买房房源详,细,细页,-,点击联系经,济,济人弹出页,面,面,Trulia,联系经纪人,弹,弹出页面：,上面勾选所,需,需要的经纪,人,人。填写自,己,己的姓名和,联,联系方式、,要,要求，发送,到,到经纪人邮,箱,箱。,Trulia,联系经纪人,弹,弹出页面颜,色,色：,边框是网站,同,同一颜色的,草,草绿色，与,下,下面的页面,脱,脱离开。边,框,框里是白色,的,的背景，清,晰,晰的衬托出,弹,弹出页面的,信,信息。视觉,效,效果很清爽,干,干净。,经纪人列表,页,页,Trulia,的经纪人列,表,表页首要分,为,为四个区域,：,：,1.,搜索栏,(,地点、分类,经,经纪人、姓,名,名关键字,),2.,首要城市选,择,择。,3.,经纪人列表,信,信息。,4.,在线问答。,1,2,3,4,经纪人详细,页,页,1,2,3,4,5,Trulia,的经纪人详,细,细页首要分,为,为五个区域,：,：,1.,经纪人详细,信,信息。,2.,经纪人手中,房,房源。,3.,经纪人最新,在,在线答复。,4.,经纪人最新,博,博客。,5.,联系经纪人,。,。,让用户 全,方,方位了解经,纪,纪人，建立,良,良好印象。,有,有助于提升,经,经纪人卖房,成,成交率。,经纪人最新,在,在线答复可,以,以借鉴，从,这,这里可经纪,人,人可以找到,新,新客户。,经纪人详细,页,页,-,经纪人详细,信,信息,Trulia,经纪人详细,信,信息：,内容包括经,纪,纪人照片、,联,联系方式（,邮,邮件和电话,）,）、经纪人,个,个人名言、,个,个人简历、,经,经纪人房源,列,列表、经纪,人,人在线问答,记,记录、经纪,人,人博客、经,纪,纪人级别。,这,这个经纪人,点,点击率。,经纪人被点,击,击次数展示,可,可以借鉴，,增,增加用户对,经,经纪人的信,任,任度。也算,是,是一个经纪,人,人的级别划,分,分。,建议列表页,Trulia,建议列表页,：,：,1.,用户反馈和,交,交流的很好,平,平台。,2.,用按钮切换,和,和区域模块,划,划分为在线,问,问答、浏览,部,部落格、阅,读,读指南三个,部,部分。,3.,列表中每个,帖,帖子右端都,标,标有现在有,几,几条回复。,3.,首页,zillow,首页首要特,色,色：,1.,一屏页面。把首要功,能,能区域放在,一,一个页面中,。,。清晰明了,。,。,1,zillow,首页颜色：,1.,蓝色为主色,系,系。显示出,一,一种沉稳内,敛,敛的感觉，,沉,沉稳可靠符,合,合企业形象,。,。,2.,用草绿色和,橘,橘黄色做点,缀,缀，增加网,页,页的活力。,zillow,首页布局：,1.,用矩形模块,的,的形式分布,首,首要功能，,清,清晰明了。,虽,虽然只有一,个,个屏幕的页,面,面，麻雀虽,小,小，五脏俱,全,全。,买房列表页,zillow,的买房列表,页,页首要为三,大,大区域：,1.,高级搜索栏,。,。,2.,房源信息列,表,表图。,3.zillow,推荐功能模,块,块。,zillow,买房列表页,颜,颜色：,白灰色为首,，,，点缀蓝色,和,和橙色，让,页,页面色彩活,跃,跃。详情用,纯,纯度比较高,的,的蓝色按钮,，,，吸引用户,点,点击，提升,房,房源点击率,。,。,zillow,买房列表布,局,局：,与,Trulia,布局类似。,但,但是中间详,细,细列表页部,分,分的比例更,大,大。尽可能,的,的展现房源,。,。,1,2,3,买房房源详,细,细页,zillow,的买房房源,详,详细页：,1.,房源的基本,内,内容,2.,全面,MAP,搜索（周边设施,、,、价格趋势,等,等,),3.,首推的几个,功,功能模块（,联,联系经纪人,、,、可能喜欢,的,的房源，相,似,似的价格售,房,房）,买房房源详,细,细页,-,MAP,全面搜索,全面,MAP,搜索：,1.,各种价格趋,势,势搜索,2.,周边设施查,找,找。计算出,开,开车到达的,时,时间、距,离,离等。,经纪人信息,页,页,zillow,经纪人详细,页,页划分：,1.,经纪人级别,区,区域,2.,经纪人基本,详,详情,3.,联系经纪人,4.,经纪人手中,的,的房源。,经纪人级别,划,划分可以借,鉴,鉴，增加用,户,户对经纪人,的,的信任度。,1,2,3,4,首页,三井首页主,要,要特色：,1.,首页功能全,面,面，页面颜,色,色鲜艳夺目,。,。,三井首页颜,色,色：,1.,红色为主色,系,系。配上相,关,关的暖色系,：,：橙色和肉,色,色。整个页,面,面的视觉冲,击,击力增强。,三井首页布,局,局：,1.,用矩形划分,功,功能区域。,2.,用红色的边,框,框，虽然清,晰,晰夺目。但,是,是放在一起,感,感觉十分拥,挤,挤。,房源详细页,三井的买房,房,房源详细页,：,：,1.,首要房源信,息,息（地址、,交,交通）,两个大红色,按,按钮突出“,询,询问合同”,和,和与“经纪,人,人预约时间,”,”,.,2.,房源的基本,内,内容,3.,大图（户型,图,图和房源图,片,片）图片质,量,量很好。,房源详细页,房源首要信,息,息,三井的买房,房,房源详细页,首要信息：,1.,地址,2.,交通,3.,两个大红色,按,按钮突出,“询问合同,”,”和与“经,纪,纪人预约时,间,间”,.,增加用户点,进,进击去的几,率,率。,房源详细页,房源图,三井的买房,房,房源详细页,房源图,1.,图片清晰，,视,视角好。,2.,点击图片,弹,弹出大图。,交,交互性能更,好,好。图片更,加,加清晰。,房源详细页,房源信息表,格,格,三井的买房,房,房源详细页,房源信息表,1.,表格显得房,源,源内容清晰,明,明了。,2.,用户浏览时,，,，方便获取,所,所需信息。,页面中 细,节,节图,三井的页面,中,中细节图,1.,店长介绍后,面,面就是店面,图,图片,icon,。,2.,优秀经纪人,后,后面就是企,业,业徽章，更,能,能凸显企业,文,文化。,3.,从图片上进,一,一步区分经,纪,纪人和店长,。,。,realestate,首页主要特,色,色：,1.,搜索栏。不,同,同的类别，,鼠,鼠标滑动时,，,，出现不容,的,的颜色（买,房,房,-,红色,租房,-,蓝色等）,.,realestate,首页颜色：,1.,红色为主色,系,系。整个页,面,面的视觉冲,击,击力增强。,realestate,首页布局：,1.,上下两部分,。,。上部分为,搜,搜索栏。,下部分为网,站,站主推模块,。,。,首页,首页,-,搜索栏,realestate,首页,-,搜索栏,1.,鼠标滑动显,示,示彩色切换,按,按钮，划分,买,买房、租房,、,、新房、分,享,享、寻找经,纪,纪人、销售,价,价格、退,休,休这几个部,分,分。,2.,搜索栏中每,个,个类别都分,为,为左右两个,部,部分，左边,是,是,MAP,区域搜索，,右,右边是文字,搜,搜索。,3.,搜索栏在屏,幕,幕三分之二,以,以上，视觉,中,中心最集中,的,的位置。并,且,且搜索栏宽,度,度与页面宽,度,度一致。从,位,位置和面积,上,上都凸显搜,索,索栏的重要,性,性,.,4.,搜索栏中的,按,按钮，地图,制,制作风格是,立,立体的水晶,效,效果。凸显,整,整个页面的,品,品质。,房源列表页,realestate,房源列表页,：,：,1.,布局大体上,与,与,trulia,和,zillow,一致,.,左为高级搜,索,索栏，中间,为,为房源列表,，,，右边为地,图,图搜索。,2.,亮点是房源,列,列表展现的,形,形式可转换,。,。类别包括,列,列表、地图,、,、图片画廊,、,、开放时间,。,。,房源列表页,-,MAP,形式,realestate,房源列表页,-,开放时间：,1.,布局左边是,搜,搜索栏，,中,中间是房源,列,列表，右边,是,是按月份区,分,分的房源列,表,表包括了房,源,源信息、可,看,看房时间、,价,价格。,房源列表页,-,画廊形式,realestate,房源列表页,-,画廊形式：,1.,主要呈现形,式,式是房源图,片,片。,2.,在