懒人天气app重设计,懒人天气Android端的几点改进

懒名天气应用软件以其独特的各个天气境况提醒和直观、美观的分界面受到繁多顾客的垂怜。笔者初次点进应用软件时,也是深感格外欣喜。应用程式的完全音信架构相比较轻松,因此交互流程也不太深,可是有些互为的逻辑不是很确定,不禁令人备感纳闷、无法预期。虽说那个不是此产品的首要意义,但实用的唤醒功效和美丽的分界面起码得搭配二个大致易用的相互流程。由此,作者尝试结合应用程式的产品定位,整理应用程式提供的重大消息及其相关性,对其进展尝试性的勘误。

首先,作者为啥要做重安顿。处于一个和统一图谋非亲非故的地方、未有上学过另外雕塑相关的职业课程,自学交互设计真正需求给本人找一些势头和角度。作者的政策是,以非凡书籍和法定指南为理论功底,即学习方向的辅导,以本人感受、工具学习、重构练习为实践,一上一下,不至于眼高手低,更毫不丧失了对安排全体观念的握住。重规划Re-Design是三个交互设计员平常接触的事物,无论是工作中对现存设计总体的思想,仍旧平日生活中对身边软件的体会感触,重新设计都是一个就学和整理思路的长河。借用前辈的话(抱歉忘记摘自哪个地点了),给现成产品重规划的经过中您能够:

1.注重音信输入布置和相互流程。

客商商讨申明,客户必要的天气新闻为8个,其他都以花哨成效:

1)天气的意况「是否有降雨、雪等」;2)温度;3)PM 2.5指数「包括国家标准指数和美领馆指数(如有)」;4)风力;5)湿度;6)11日和一天的天气的改换和样子;7)天气剧烈变动的新闻「如冷空气警报,高温警报,路面冻结警报等」;8)不相同城市的气候等。

文/瘦竹竿儿(简书小编)

原稿链接:

文章权归作者全体,转发请联系笔者获得授权,并注解“简书作者”。

懒人天气包括下边装有的效果,而且以简洁的图样配上合适的文字、在首页里以垂直滚动的款型发布。虽说懒人的特色是天气提醒、解放天天看天气的进程,但仍有广大人会打开应用亲自查看消息。图(1)是产品的线框图。

图(1)APP线框图

主页面包车型地铁最上端有三个因素控件,有号子有文字,逻辑也不太分明:更加多、日期、分享、城市,分别导向八个作风分裂的视图,弹出的临时视图、垂直向上步入的全屏视图、关于享受的故事情节视图、位于右边的抽屉。其它,在主页面左滑大概右滑都会跻身抽屉,左侧是七日天气的列表排列,右侧是城市切换等操作,两侧的体制一样,左右对称。不过,右侧使用抽屉、列表排列一周天气的做法并不实用,为保障美观,天气情形和热度是用差异天气的色块加上文字呈现的,得竖着三个个地看文字表达来领悟,易读性不强。何况,一周天气的需要是想要驾驭最近的天气趋势,使用直观的表现方式最棒,如气象符号、折线图等。主页面点击天气和标志就足以弹出详细的天气趋势视图,在主页面最下方也许有,选择折线图表现温度趋势,直观明了,再在其天气表明旁增添气象符号的话则越来越好。所以,右侧抽屉的内容完全能够打消。而且,我们能够把“越多”选项的开始和结果放在左边抽屉里,就如超过二分之一的Android应用一样,那样更切合逻辑和客商们的思维预期。因而,对最上端的多少个成分实行排列和交互逻辑的股盘的整理,做出调节如图(2)。

图(2)创新后的线框图

变动理由:“更多”放在左上角,展开抽屉,内容是原来的选项列表加上城市的操作——切换、增添、删除——为了把应用程式全部的设置类音信整合在联合,方便查看和操作。“分享按键”移到了最右上角,与别的页面一致。城市和时间新闻则排列在一块,位于页顶宗旨。它们是天气使得的担保,是除气候外最尊崇的消息,所以放在导航栏中间,作标题。点击“时间”会笔直弹入日历视图,想念商业价值,保持原样,只是视图页面能雅观一点、和主页面保持一致性的话就更加好了。点击“地方”不会张开右侧抽屉,接纳主页面向左滑的动作能够——这一点是新手指导里一些。客商在选拔进度中,很轻便左右滑动步向抽屉,开掘城市操作的方便人民群众操作,命理术数性强;再不济点击“越来越多”就可以操作一切:所以,城市的切换不必再费心机。

  1. 想想那几个制品怎么那样做,产品的指标是哪些。

  2. 结合产品的现状,分析既反常,设计产品下一步指标。

  3. 依赖指标,举行重规划,并在那么些进程中磨练设计能力。

2.有的时候视图格式的不合併。

在主页面点击字块或标记会弹出关于其详细新闻的有时视图,如图(3),页面内容完全说来是内容页面+导航栏(或工具栏)——都以回来和分享操作键,可是栏的岗位不一。对此,作者的建议是统一格式为上部导航栏+页面内容,就疑似气候趋势页那样。首先,那是笔直出现的全屏视图,左上角再次来到,右上角分享,契合客户思维预期,便于操作。其次,由于差十分少全体安卓手提式有线电话机底部又利于的回到开关恐怕虚构再次回到开关,再把视图的归来键安放在左下角显得重复多余。当放在右上角时,客商能够选择按底部按钮或然点击左上角再次回到按键。

图(3)统一视图的格式

天气app新闻结构较轻便利落,设计上有能够发挥的空间,因而小编从八个小型气候app动手,试着做这么的三个重规划。

3.几处小细节的改正。

图(4)两处令人纳闷的按键

首先是分支按键的颜料难题。如图(5),主页面下部分栏指标选项开关,石黄和宗旨色——这种浅豆沙色和有色按键的卓绝平时出现在警示框里,有色按键用于表示希望顾客点击的选项,而青黄则是平时的、不引入的采纳。由于有色按键具备教导性,所以顾客多半会点击有色按键,但是未有陈述。原本在此间,有色的选项代表的是前日所处的选项,那与大家的认识恰恰相反,而且不轻便记住。第二处是天气趋势详细情形页的道岔控件颜色,普通的回味应该是——未来所处的选项稍亮、颜色与页面颜色同样,这里也弄反了,使客商不明所以。那么该选拔什么样式的组成呢?看看其余类似的例子,包含iOS系统的道岔控件、今日头条APP寻找页的支行选项等。综上,如图(6)是本身的修正:后边贰个被挑选选项被颜色填充,普通选项为颜色边框和字;前者被增选选项字体、颜色变亮,且上方有桃红长条。

图(5)一些参照

图(6)改进后

然后是关于现在气候趋势的限制,就本文起头的用户钻探所述,顾客最必要的是一周和一天的气象的更换和取向。而懒名天气提供的是48时辰和25天,虽精神可嘉,但懒大家怕是少之甚少会看30钟头后、20天后的气象吧。并且,时刻太长预测不准、小小的显示屏不相符看太长的气候趋势图。所以,可依赖顾客研讨等格局得到客商实际需求,在此基础上实行自然的勘误。还可把繁琐的天气趋势等数据调换为易查看、易精通的图形等情势,毕竟大家的客户是懒人嘛!

app:        懒名天气

version:   1.6.9

懒人天气app重设计,懒人天气Android端的几点改进。platform:  ios 8.1.1

分析

亮点:清新风格;提醒成效

正如: 出于“懒人天气”是一款有新意而又富有一定效用的app, 这里分别参考了2个国内/外成效型气候应用—墨迹气候和yahoo! weather 、1个炫丽型天气应用solar、以及系统自带应用,作为职能和布置性的可比。

新闻显示选择扁平化设计,单色背景下用简单玉血红线条勾勒出Logo。有些轻微之处恰好表现出了app简约之美,举例主页Logo可依靠当下音信的level变化明暗,空气品质为“良”时较暗,空气性能为“优”时较亮;“不正好”做某一件事为暗,“适宜”为亮:

图片 1

音讯Logo记暗变化

此处只对规划有个别相比较深入分析而不对剧情过多钻探。但相互设计和平运动营决策是分不开的,表现的原委会使得设计,设计风格也会潜濡默化内容。(简叔不符合插入表格,图片取代之)

图片 2

天气app对比

更加的多海外气象类app分界面参考:

能够观察,懒人天气的优势在于壮大的预报定制,省心的提醒成效与简短的分界面呈现,而音信两种化(地图、实景等)、杰出的动态效果和依赖天气音讯的应酬功效并非关键。因此大家要深化基本功效,保存那么些优势,同不经常候吸收外人长处弥补不足。


经过本人感受,笔者感到app有这多少个待创新之处:

1. 首屏新闻展现的七个必选Logo“天气意况”和“温度”存在消息分配难点。点击左下方的“天气景况”跳转“今后小时预先报告”页面,列表长达40+个钟头项,可上下滑动;点击右下方“温度”Logo转至“每一日天气概要预先报告”,左右滑行切换。五个Logo和相呼应的页面未有明了的维系,消息出现的多少突兀。

提议:“天气情状”、“温度”点入后的跳转页面使用和别的Logo同样的要素展示——评估处境+提示+图片,在此基础上左右可滑动,展现现在5天预告。(但如此就义了前途40+时辰预先报告的新闻,个人感觉客商对今后预报恐怕更侧重以天为单位,也可在栏目定制里定制以后N时辰气象新闻。)

2. 右上角“设置”Logo过小。“大阪”为地点消息,不可点击,与左右的“设置”、“分享”Logo操作行为差异样,轻巧被误点。--“设置”或“越多操作”。

建议:将地点新闻推广、置于合适岗位(如中间),“分享”和“越来越多操作”Logo与左滑页面Logo一样大小。

3. 空气品质模块,数据体现远远不足大方雅观。具体数额的字号偏小,与相近布局不符(其他小字仅出现在Logo音讯和预告的风级新闻中)

建议:与江湖“将来5小时”保持一致。

  1. 二级分界面提议进行美化,与app风格一模二样。

重设计

自个儿用Sketch重绘了首屏、“天气情状”子分界面、“温度”子分界面,立异前后的页面分别如下。

改进前:

图片 3

home page

图片 4

Weather Status page

图片 5

Temperature page

改进后:

图片 6

Home Page

图片 7

Weather Status Page

图片 8

Temperature page 1

图片 9

Temperature page 2

此间本身根本修改了如此几处:

1. 主屏最上端的气象栏作了改变,地方文字居中,加上地方Logo展现此处为地方新闻;原来侧边的年月日改为时分秒xx:xx;右侧重绘的“分享”和“更多”代替了原来混乱的“分享”+“地方”+“设置”。

2. 退换了点击“天气情状”和“温度”图标后跳转子页面包车型客车音信布局。“天气景况”跳转后显得状态消息,中间图表为当天6个整点和对应状态变化;“温度”跳转后出示温度相关新闻,中间为当天24时辰温度折线图,且优秀当前时刻的热度。七个页面均可左右滑动切换日期,分界面风格与主页一致。

这么,原先和Logo音讯非亲非故的子页面,革新后与Logo所发挥的内容具有关联,和总体的Logo点击跳转页面表现较为一致,並且不出示突兀变扭,与app简洁流畅的品格和色彩融合为一了。

本文由明仕msyz手机版发布于宠物-蜂鸟摄影论坛,转载请注明出处:懒人天气app重设计,懒人天气Android端的几点改进

TAG标签:
Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。