美文网首页产品汇集产品面面观0岁的产品经理
懒人天气Android端的几点改进(#重设计 Redesign)

懒人天气Android端的几点改进(#重设计 Redesign)

作者: 奕旭 | 来源:发表于2016-06-22 17:35 被阅读133次

懒人天气APP以其独特的多种天气状况提醒和直观、美观的界面受到许多用户的喜爱。我初次点进APP时,也是感到十分惊喜。APP的整体信息架构比较简单,因而交互流程也不太深,但是一些交互的逻辑不是很明确,不禁让人感到困惑、不能预料。虽说这些不是此产品的主要功能,但实用的提醒功能和美观的界面至少得搭配一个简单易用的交互流程。因此,我尝试结合APP的产品定位,整理APP提供的主要信息及其相关性,对其进行尝试性的改进。

1.主要信息入口布置和交互流程。

用户研究表明,用户需要的天气信息为8个,其他都是花哨功能:

1)天气的状态「是否有降雨、雪等」;2)温度;3)PM 2.5指数「包含国家标准指数和美领馆指数(如有)」;4)风力;5)湿度;6)一周和一天的天气的变化和趋势;7)天气剧烈变动的信息「如寒潮警报,高温警报,路面结冰警报等」;8)不同城市的天气等。

文/瘦竹竿儿(简书作者)

原文链接:http://www.jianshu.com/p/b03c9ef8d29f#

著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。

懒人天气包含上面所有的功能,而且以简洁的图片配上合适的文字、在首页里以垂直滚动的形式表达。虽说懒人的特点是天气提醒、解放每天看天气的过程,但仍有不少人会打开应用亲自查看信息。图(1)是产品的线框图。

图(1)APP线框图

主页面的顶部有四个元素控件,有符号有文字,逻辑也不太明确:更多、日期、分享、城市,分别导向四个风格不同的视图,弹出的临时视图、垂直向上进入的全屏视图、关于分享的内容视图、位于右侧的抽屉。此外,在主页面左滑或者右滑都会进入抽屉,左边是一周天气的列表排列,右边是城市切换等操作,两边的样式相同,左右对称。然而,左边使用抽屉、列表排列一周天气的做法并不实用,为保证美观,天气状况和温度是用不同天气的色块加上文字表现的,得竖着一个个地看文字说明来了解,易读性不强。而且,一周天气的需求是想要了解最近的天气趋势,使用直观的表现方式最好,如天气符号、折线图等。主页面点击天气和符号就可以弹出详细的天气趋势视图,在主页面最下方也有,采用折线图表现温度趋势,直观明了,再在其天气说明旁添加天气符号的话则更好。所以,左侧抽屉的内容完全可以取消。而且,我们可以把“更多”选项的内容放在左侧抽屉里,就像大部分的Android应用一样,这样更符合逻辑和用户们的心理预期。因此,对顶部的四个元素进行排列和交互逻辑的整理,做出调整如图(2)。

图(2)改进后的线框图

改动理由:“更多”放在左上角,打开抽屉,内容是原来的选项列表加上城市的操作——切换、添加、删除——为了把APP所有的设置类信息整合在一起,方便查看和操作。“分享按钮”移到了最右上角,与其他页面一致。城市和时间信息则排列在一起,位于页顶中央。它们是天气有效性的保证,是除天气外最重要的信息,所以放在导航栏中间,作标题。点击“时间”会垂直弹入日历视图,考虑商业价值,保持原样,只是视图页面能美观一点、和主页面保持一致性的话就更好了。点击“地点”不会打开右边抽屉,采用主页面向左滑的动作可以——这一点是新手引导里有的。用户在使用过程中,很容易左右滑动进入抽屉,发现城市操作的便捷操作,易学性强;再不济点击“更多”即可操作一切:所以,城市的切换不必再费心机。

2.临时视图格式的不统一。

在主页面点击字块或符号会弹出关于其详细信息的临时视图,如图(3),页面内容总体说来是内容页面+导航栏(或工具栏)——都是返回和分享操作键,但是栏的位置不一。对此,我的建议是统一格式为上部导航栏+页面内容,就像天气趋势页那样。首先,这是垂直出现的全屏视图,左上角返回,右上角分享,符合用户心理预期,便于操作。其次,由于几乎所有安卓手机底部又方便的返回按钮或者虚拟返回按键,再把视图的返回键安放在左下角显得重复多余。当放在右上角时,用户可以选择按底部按键或者点击左上角返回按钮。

图(3)统一视图的格式

3.几处小细节的改进。

图(4)两处令人疑惑的按钮

首先是分段按钮的颜色问题。如图(5),主页面下部分栏目的选择按键,灰色和主题色——这种灰色和有色按键的配合一般出现在警告框里,有色按钮用于表示希望用户点击的选项,而灰色则是普通的、不推荐的选择。由于有色按钮具有引导性,所以用户多半会点击有色按钮,然而没有反馈。原来在这里,有色的选项代表的是现在所处的选项,这与人们的认知恰恰相反,而且不容易记住。第二处是天气趋势详情页的分段控件颜色,普通的认知应该是——现在所处的选项稍亮、颜色与页面颜色一致,这里也弄反了,使用户不明所以。那么该使用什么样式的组合呢?看看其他类似的例子,包括iOS系统的分段控件、知乎APP搜索页的分段选项等。综上,如图(6)是我的改进:前者被选择选项被颜色填充,普通选项为颜色边框和字;后者被选择选项字体、颜色变亮,且上方有白色长条。

图(5)一些参考 图(6)改进后

然后是关于未来天气趋势的范围,就本文开头的用户研究所述,用户最需要的是一周和一天的天气的变化和趋势。而懒人天气提供的是48小时和25天,虽精神可嘉,但懒人们怕是很少会看30小时后、20天后的天气吧。而且,时间太长预测不准、小小的屏幕不适合看太长的天气趋势图。所以,可根据用户研究等方法获取用户实际需要,在此基础上进行一定的改进。还可把繁琐的天气趋势等数据转换为易查看、易理解的图表等形式,毕竟我们的用户是懒人嘛!

相关文章

网友评论

    本文标题:懒人天气Android端的几点改进(#重设计 Redesign)

    本文链接:https://www.haomeiwen.com/subject/xcagdttx.html