pic
2020-11-04 13:29
相信大家在买房的过程中，一定体会过不知道如何把握最佳“上车”时机的苦恼。买的对不对和买的贵不贵，是压在所有购房者心里的两座大山。市场行情和购房时机也是大家最迫切想要获知的核心信息。
最懂你心的贝壳找房“黑科技”来啦！我们基于iOS14的新特性Widget小组件功能，为大家带来更加强大易用的体验和惊喜。
▲图1 贝壳找房卡效果图
相信很多朋友这周应该已经拿到了最新的iPhone12了，在手机桌面上添加你的找房卡，可以实时了解关注小区和商圈的最新行情动态，价格变动一目了然，把握最佳购房时机！安卓用户也能体验这个功能哟！
废话不多说，先看一下新鲜出炉的视频，一起了解下强大的找房卡有哪些功能。
贝壳找房卡宣传片，时长00:35
设计策略
通过调研我们发现，手机用户平均有3到4屏的内容，其中有很多App打开频率极低，甚至被遗忘。在多个屏幕之间切换时，停留时长不过几秒钟，如何能在短时间内让用户“想起来”并且获取足以让用户决策使用的关键信息，是设计首要考虑的要素。
在苹果给出的官方设计指导中，一目了然是Widget需要遵循的设计准则。用户可以选择不同尺寸的小组件添加到主屏幕，并根据喜好进行排列，即便在高频快速地切换屏幕时，也可以清晰地获得更多信息。在遵循基础规范的前提下，贝壳找房卡又强调内容呈现高度客制化。
在Widget设计过程中，为了让用户的桌面具备更加统一的视觉体验，我们遵循iOS系统的设计标准的同时，深度结合贝壳的设计语言，来完成这次贝壳找房卡的设计。
▲图2 设计策略
设计亮点
1.轻松快捷的了解市场趋势
购房是一个长时间的交易决策，购买二手房的用户从咨询到签约平均需要3个月。在观望期间，会持续关注价格变动或交易动态，现在查看这些动态信息需要几步呢？答案是五步！这种冗长的跳转流程造成了用户逐层流失，并且缺乏聚合形态辅助用户做横向对比。
▲图3 查看动态信息交互流程
于是我们结合Widget新特性，将用户最关注内容“拍平”展示到桌面上，市场趋势随时知晓。
▲图4 需求场景
2.以小见大的行情动态展示
我们发现不论买房还是卖房用户，都非常关注房价的变动走势，并且希望对比所在小区和商圈的变化趋势，来判断何时出手，如果这些实时动态信息在桌面实时显示，可以快速帮助用户把握最佳买卖时机。
找房卡是一座桥梁，在桥的终端，为用户展现辅助决策最为核心的关键数据；在桥的起点，支撑找房卡内容呈现的，是贝壳找房和链家数年积累的海量大数据和数据分析，帮助用户更加了解市场行情，让决策不再难，实现“有数可依”。
▲图5 贝壳找房卡的背后是千万数据支撑
3.简洁高效的视觉体验
关于Widget的设计理念探索，我们首先追溯到关注这个动作本身。用户在进行初步决策后，会进入持续关注阶段，在这个阶段用户会在已关注的房源和小区之间反复对比挑选，这个过程中难免陷入交互操作重复和使用效率低下等问题，无形中增加了操作成本，也为使用者带来一些负面情绪，所以设计的首要任务是高效传递用户最关注的信息，简洁清晰明了地展现最具价值的内容，我们将它定义为“在无序的找房信息中，帮助用户建立有序的购房决策”。
▲图6 设计思考
因此，将Widget的设计理念拆解成三个关键举措：
构建：关注内容本身，信息层层递减
决策：强化关键信息，进行合理的引导
贴心：以用户的角度，给予确定性与帮助
▲图7 设计理念
我们还准备了3种不同的尺寸，你可以根据自己的喜好和屏幕使用习惯，灵活选择适合自己的尺寸。
▲图8 可定制不同尺寸找房卡
为保证良好的浏览体验，怎么少的了暗黑模式呢？
▲图9 Dark Mode 暗黑模式
4.符合安卓用户使用习惯的适配方案
当然我们没有忘记安卓的小伙伴呦，贝壳找房卡让你的桌面屏幕焕然一新，查看关注小区和商圈的最新行情动态比以往更加轻松！
Last but not the least
既然有了二手房找房卡，当然也不能忘记新房和租房，不过距离真正体验这两个Widget功能还需要一段时间，我们会在准备好之后第一时间通知大家。
▲图10 贝壳找房卡覆盖场景
欢迎大家体验贝壳找房卡，房源动态“新情报”动动手指早知道，实时了解市场动态，把握最佳购房时机！
- E N D -
原文链接：
徐淑欣 / UI设计师:负责贝壳C端新房频道，脑洞大开、拥有坚持不懈的匠心精神
叶子慧 / 交互设计师：负责贝壳C端二手频道，热爱生活，有猫就有一切美好