header_v0.7.32

米雪天气app重设

1年前发布

原创作品 / UI / APP界面
作品版权由Itrule 解释, 禁止匿名转载;禁止商业使用;禁止个人使用。 临摹作品,同人作品原型版权归原作者所有。

最近帮一个程序员朋友重设的app界面还有动画,嘿嘿只能说动画有点坑望他见谅。

米雪天气app重设总结与反思
A准备工作:
a.首先我在网上搜寻了一些关于天气app网友使用体验,下载排名靠前的同类天气App做对比,再结合一下自己过去对天气app每天的使用体验,更改相应需求完善信息架构。(前期市场分析)
b.观看优秀作品与素材收集。(花瓣+Behance+Pintrest+站酷等)优秀作品,大致100-200个App页面逐个反复看再吸收一些灵感。
c.遵从我的设计理念:用图片阐述,做到无文字。减少用户工作和记忆的负担 ,极简主义(简单易学、容易理解、易改进、使用方便、易掌握) 支持撤销和重做。将对象、动作和选项可视化以减少用户的记忆压力。)
d在一些产品开始研发时,前期准备,分析需求,调研市场,需要多听听团队中其他岗位的同事和用户的反馈,因为需要研究人性,发现生活中存在的但没被解决的问题的职业,需要更重视它,去挖掘它,去把它思考透彻。
(设计前一定要定好设计规范,铺好大致的框架,根据展示的硬件设备来定,同时参考其他的优秀设计,去定大致的位置和设计尺寸)

B信息架构重设:(交互设计)
(用研是来自于我身边普通用户年龄大致19~50之间青年为主力军)
1 根据用户调研发现人们关注的是近两天的气温状况所以在首页增加(今天和明天的天气状况)(用研显示这个部分的需求在63%~70%)(由于初期界面排版的协调感被我删去,在后续的改版中也许会加上这个需求)
2 首页增加了当天天气的气温走向每个时间段的时间。 这个地方采用交互显示数字,用户通过滑动长条来获取天气的数值(交互细节:在滑动数值时主页上的天气温度也随之改变),用户不只是接受信息还增加了交互感,这个地方有点矛盾,如果只是看天气气温走向的话这个好并不是很好但是用户想通过推动来增加互动是很棒的选择,这样的好处是让用户自己选取想要获取的资源,避免把所以的内容都呈现在用户面前让用户有记忆负担,而这样引导式的获取效果会更好,这样更有针对性(有待认证后期等待用户反馈) (用研显示这个部分的需求在60%~70%)
3 六天天气预报展示也采用折线图(交互细节同上)
4.根据用研发现人们对天气污染情况的关注度为:80%~90%之间,做为次重点放在了首页位置仍采用折线方式呈现。(由于数据提供不了所以这个地方删除了)
5 根据调研用户对生活指数,仅有30%会关注此内容。这个需求并不大。信息量小仍采用原有的设计点击后仍在框架区域内展示,变为仅文字的效果(交互细节:用户其他改区域的其他部位的时候返回上个界面根据著名的三次点击原则)
6 目前属于纯天气应用,主打视觉,设计感强烈,是年轻群体喜爱的风格。
后期会增加盈利部分如旅游等或者被其他软件收购合并例如qq软件中每天的天气提醒(纯天气应用or系统集成天气应用)
7 在设置中,删除一些功能保留一些功能。把用户反馈放在设置的首页目的是减少目前产品所处的生命周期为开发前期,还不完善期待更多建议,(根据著名的三次点击原则)交互方式上仍采用发送邮件来获得反馈 {发送邮件是目前普遍采用的交互方式。原因在于邮件的较正式性(仪式感)、非即时性和技术易行性。人们在写邮件时往往会保持较严谨的态度,有比较理性成熟的思考。因此采用邮件形式,会让用户潜意识中认为反馈是一个严肃的行为,因此在写邮件前会尽可能自己尝试解决问题。这有助于减少用户反馈的数量,提高用户反馈的质量。
尽管如此,从细节之处还是能够比较出不同产品对于这项功能设计的需求如下,比如邮件的主题、正文、附件等,甚至是否自动弹出键盘这一细节。

C界面设计思路:
a整体的设计风格是偏向扁平化。改变原来的纯色背景,通过背景图片的形式可以让用户非常直观的看到当天天气的阴晴状况,(背景制作成动态的效果),然后用户再通过阅读文字描述信息,进一步了解具体的信息,(背景页面图片:根据天气的几个不同的变化更换不同的颜色扁平化风格插画内容包括:风景,城市楼房,树,高山,夜晚,白天,星星,太阳.......)多彩色的设计风格。
b'在展示时段气温时采用了折线图的形式,折线图能够非常直观的给出气温变化趋势,让用户能在瞬间清楚气温的走势。改变原来的让用户阅读困难的数字展示,使界面显示更加简单化。事实上用户只想知道在某个点阴晴雨的一个变化趋势情况。()
c 纯扁平化设计 图标重设 剪影式icon
d 颜色选取为多色代表不同的时刻不同场景

交互动效设计见下篇////

22

作品信息

  • 创作时间

    2016/07/07

相关作品 收录收藏夹 TA的主页
米雪天气app重设
意见反馈
没有新消息
密码登录
短信登录
微信二维码登录

提示文案

提示文案

提示失败
提示成功