10086的视觉救赎

用户头像
北京/设计爱好者/10年前/4711浏览
10086的视觉救赎
用户头像
夏布

对10086的移动端的设计思考及再设计思路!

当偶然看到10086的app,我满怀期待的下载下来之后,是满满的震惊和错愕,哇!这是10086年前的设计了,真是逮到宝贝了,于是就有了下文,




请各位看官喝着小茶且听我来BB...






41d256d568ae6ac7252ce62ab2b4.jpg





好的,我们先来打开百度看看





4d8856d568fb32f875520fccf0ed.jpg

恩,我的内心是崩溃的,菊...哦不,是娇躯一震,

忍着巨震,我又控制不住麒麟臂打开了它的APP,恩,这回好很多了...

= =

因为

我习惯了




8cd456d5696c32f875520f512d5b.jpg

说句实话,国家控股的官方APP里,10086已经真的很良心了,整体布局什么的也算是下了一些功夫,整体的功能也比较齐全、基本能覆盖到的生活、商城、充值、活动等都有涉猎,但这也遮盖不了其视觉上混乱的事实,也可能其战略没有放在之上,只要其肯花少许人力估计会立马秒杀我们这些小设计,当然,其APP用户体量也没有想象中那么大,所以,本着良心制作,不喷不损的原则,对10086做了一次认真负责、能力范围内的诊断和再设计,为社会主义核心价值观...我编不下去了,开始吧...




050456d569eb6ac7252ce6b1c525.jpg


我们仅进行首屏分析,优点先不说,先说缺点,顶部导航栏的元素过多,logo、用户信息、欢迎、反底logo、icon、整体显得拥堵且不实用,下面的banner采用传统尺寸展示活动信息及品宣无可厚非,第三层为充值缴费入口,信息不算多,但,那个缴费button是不是也太花花了,是想告诉人我扁平用的特棒特优秀么,跟导航一样的问题,很多余;而占用首屏面积最大的,是剩余流量,因为是app主要功能,所以把这个区域放大,这点很好,而且其故意把话费和流量的区块进行了区域范围大小和展示先后的规划,显得这部分层次还不错,而且类似360网络测速的圆环也很有些意思,但由于整体的颜色过多,导致这其中的信息被相对性的弱化,很可惜。而流量直冲的入口,也因为这个原因被相对弱化。


再看右边的黑白低模,可以感受到信息的过多,导致人看到这类界面会烦躁度爆棚,立马想冲完值就走人,你的什么活动、什么生活优惠,做的再牛逼都是狗屁了。





e65156d56a7c6ac7252ce6f79e7f.jpg

c10656d56bff32f875520ff6b808.jpg



最后叨几句,最近一直在考虑一个问题,UI及交互在产品中应该处于什么样的角色?主导?辅助?协作?...ADC?打野?...经过一段时间,可能没有一个唯一答案。虽然是这样的情况,但因为一直没有停下脚步,也没有因为这个而懈怠下来,有了一些小的总结和经验,希望给新人有些帮助,也更希望高手指点一二,小弟多谢。


在学习中,我发现其实UI的角色也在随着你知识体系的逐步健全及总结中在发生着本质的变化,从开始的执行到一步步加入产品的功能优化,再到功能位置的思考...慢慢的你会发现,你做的什么,完全跟你愿意做什么是一码事儿,通俗点儿说就是,你希望你达到什么样的程度,即使现在达到不了,但现在的你会比前一秒更加进步,更不一样。


所以,加油吧!致你我...








578d56d56cc832f875520f465f4c.jpg



192
举报
|
57
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
课程海报,平面素材
金色颗粒质地的平面
水蜜桃和李子的平面水果图案
“知识宅急送”外卖,快递,平面,海报,素材,教育
平面书法字手写
平面设计 吊牌设计
倒计时,海报,平面
平面人物插画
学习,优惠券,平面,海报
平面男孩喝咖啡插画设计
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
空的平台平面和自然景观
城市园林平面布局航拍
平面插画设计女孩喝咖啡
中国传统纹样创新图案设计
牛奶乳液层次平面平铺平面
空的平台平面和自然景观
平面花卉图案扁平简约无缝拼接插画
城市园林平面布局航拍
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
金色颗粒质地的平面
金色颗粒质地的平面
玄关入门地毯印花图案红地毯
金色颗粒质地的平面
古风平面仕女与瓷器
你可能喜欢
大家都在看
登录注册