贝壳|找房“黑科技”,楼市动态早知道(Widget设计) - 图1

原文链接:https://mp.weixin.qq.com/s/jlLVCCMBIakFcwGSSXZ5tQ

相信大家在买房的过程中,一定体会过不知道如何把握最佳“上车”时机的苦恼。买的对不对和买的贵不贵,是压在所有购房者心里的两座大山。市场行情和购房时机也是大家最迫切想要获知的核心信息。

最懂你心的贝壳找房“黑科技”来啦!我们基于iOS14的新特性Widget小组件功能,为大家带来更加强大易用的体验和惊喜。
image.png
图1 贝壳找房卡效果图

相信很多朋友这周应该已经拿到了最新的iPhone12了,在手机桌面上添加你的找房卡,可以实时了解关注小区和商圈的最新行情动态,价格变动一目了然,把握最佳购房时机!安卓用户也能体验这个功能哟!
废话不多说,先看一下新鲜出炉的视频,一起了解下强大的找房卡有哪些功能。

image.png
视频见原文
贝壳找房卡宣传片

设计策略

通过调研我们发现,手机用户平均有3到4屏的内容,其中有很多App打开频率极低,甚至被遗忘。在多个屏幕之间切换时,停留时长不过几秒钟,如何能在短时间内让用户“想起来”并且获取足以让用户决策使用的关键信息,是设计首要考虑的要素。

在苹果给出的官方设计指导中,一目了然是Widget需要遵循的设计准则。用户可以选择不同尺寸的小组件添加到主屏幕,并根据喜好进行排列,即便在高频快速地切换屏幕时,也可以清晰地获得更多信息。在遵循基础规范的前提下,贝壳找房卡又强调内容呈现高度客制化。

在Widget设计过程中,为了让用户的桌面具备更加统一的视觉体验,我们遵循iOS系统的设计标准的同时,深度结合贝壳的设计语言,来完成这次贝壳找房卡的设计。

image.png
图2 设计策略

设计亮点

1.轻松快捷的了解市场趋势

购房是一个长时间的交易决策,购买二手房的用户从咨询到签约平均需要3个月。在观望期间,会持续关注价格变动或交易动态,现在查看这些动态信息需要几步呢?答案是五步!这种冗长的跳转流程造成了用户逐层流失,并且缺乏聚合形态辅助用户做横向对比。

贝壳|找房“黑科技”,楼市动态早知道(Widget设计) - 图5
图3 查看动态信息交互流程

于是我们结合Widget新特性,将用户最关注内容“拍平”展示到桌面上,市场趋势随时知晓。

贝壳|找房“黑科技”,楼市动态早知道(Widget设计) - 图6
图4 需求场景

2.以小见大的行情动态展示

我们发现不论买房还是卖房用户,都非常关注房价的变动走势,并且希望对比所在小区和商圈的变化趋势,来判断何时出手,如果这些实时动态信息在桌面实时显示,可以快速帮助用户把握最佳买卖时机。

找房卡是一座桥梁,在桥的终端,为用户展现辅助决策最为核心的关键数据;在桥的起点,支撑找房卡内容呈现的,是贝壳找房和链家数年积累的海量大数据和数据分析,帮助用户更加了解市场行情,让决策不再难,实现“有数可依”。

贝壳|找房“黑科技”,楼市动态早知道(Widget设计) - 图7
图5 贝壳找房卡的背后是千万数据支撑

3.简洁高效的视觉体验

关于Widget的设计理念探索,我们首先追溯到关注这个动作本身。用户在进行初步决策后,会进入持续关注阶段,在这个阶段用户会在已关注的房源和小区之间反复对比挑选,这个过程中难免陷入交互操作重复和使用效率低下等问题,无形中增加了操作成本,也为使用者带来一些负面情绪,所以设计的首要任务是高效传递用户最关注的信息,简洁清晰明了地展现最具价值的内容,我们将它定义为“在无序的找房信息中,帮助用户建立有序的购房决策”。

贝壳|找房“黑科技”,楼市动态早知道(Widget设计) - 图8
图6 设计思考

因此,将Widget的设计理念拆解成三个关键举措:
构建:关注内容本身,信息层层递减
决策:强化关键信息,进行合理的引导
贴心:以用户的角度,给予确定性与帮助

贝壳|找房“黑科技”,楼市动态早知道(Widget设计) - 图9
图7 设计理念

我们还准备了3种不同的尺寸,你可以根据自己的喜好和屏幕使用习惯,灵活选择适合自己的尺寸。

贝壳|找房“黑科技”,楼市动态早知道(Widget设计) - 图10
图8 可定制不同尺寸找房卡

为保证良好的浏览体验,怎么少的了暗黑模式呢?
image.pngimage.gif
图9 Dark Mode 暗黑模式

4.符合安卓用户使用习惯的适配方案
当然我们没有忘记安卓的小伙伴呦,贝壳找房卡让你的桌面屏幕焕然一新,查看关注小区和商圈的最新行情动态比以往更加轻松!

Last but not the least

既然有了二手房找房卡,当然也不能忘记新房和租房,不过距离真正体验这两个Widget功能还需要一段时间,我们会在准备好之后第一时间通知大家。
image.pngimage.gif
图10 贝壳找房卡覆盖场景

欢迎大家体验贝壳找房卡,房源动态“新情报”动动手指早知道,实时了解市场动态,把握最佳购房时机!

- E N D -

贝壳|找房“黑科技”,楼市动态早知道(Widget设计) - 图15
徐淑欣 / UI设计师

负责贝壳C端新房频道
脑洞大开、拥有坚持不懈的匠心精神

贝壳|找房“黑科技”,楼市动态早知道(Widget设计) - 图16
叶子慧 / 交互设计师

负责贝壳C端二手频道
热爱生活,有猫就有一切美好

贝壳|找房“黑科技”,楼市动态早知道(Widget设计) - 图17