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

懒人天气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天后的天气吧。而且,时间太长预测不准、小小的屏幕不适合看太长的天气趋势图。所以,可根据用户研究等方法获取用户实际需要,在此基础上进行一定的改进。还可把繁琐的天气趋势等数据转换为易查看、易理解的图表等形式,毕竟我们的用户是懒人嘛!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 230,578评论 6 544
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 99,701评论 3 429
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 178,691评论 0 383
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 63,974评论 1 318
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 72,694评论 6 413
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 56,026评论 1 329
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 44,015评论 3 450
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 43,193评论 0 290
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 49,719评论 1 336
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 41,442评论 3 360
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 43,668评论 1 374
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 39,151评论 5 365
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 44,846评论 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 35,255评论 0 28
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 36,592评论 1 295
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 52,394评论 3 400
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 48,635评论 2 380

推荐阅读更多精彩内容