注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

猪儿不懒

UI设计 前端开发 HTML5+CSS3

 
 
 

日志

 
 

口袋APP修改的一些想法  

2012-06-14 01:28:38|  分类: 设计教程与素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

口袋APP初稿UI设计已经完成有一段时间了,在网上找了一些相似风格的UI和体验了更多的APP应用,觉得当初设计的稿还有许多地方可以提升。

当初在制作的时候就有一种很复杂的感觉,理不清楚逻辑关系。自己拿着稿子不停的看,只能明白主画面的关系。这里就在思考一个问题,用户会不会也搞不明白呢,那需要怎么简化呢?

目前下边这块东西是一直存在的。打开首页后就一直有的。

clip_image002

我们先解释一下这些东西(从左自右)

1、 后退。

2、 主页。

3、 搜索。

4、 推荐软件。

5、 “更多”其实就是一个设置,和关于自身产品的一个说明。

从首屏开始,来看这些!

1、 后退没用。

2、 主页没用。

3、 搜索有用。

4、 推荐在滑屏后已经有了,重复。

5、 更多有用。

从以上看来,是否只需要保留两个呢?那如果只是保留这两个又要怎么样设计呢?

这里思想斗争比较严重,待讨论纠结。自己肯定的是“后退”没有必要出现在这,这个按钮只应该出现就需要后退的时候才出现,这样子就需要思考后退按钮的设计位置了。

看完了底部再往上LOOK!

clip_image004

因为风格使用WP-METRO风格,这里有一个问题,“口袋APP”是LOGO?表示这是一个应用名称?之前ICON没做好,现在做好了,加上ICON在名称前边吧,那样更像一个LOGO!

再接下来,就是已经提过的一个问题,顶部的“口袋APP”文字过大。这真的是一个问题,因为在这里,在首屏中更重要的是展示当前选项,“口袋APP”我们可以看作是一个LOGO,更可以理解为一个上级,那里就更应该做它做小,不能看不到,但是不能抢了当前项的风采。那么在点击其他子级项后,顶部就应该是显示上级和当前级,而这个时后退按钮就可以光明正大的出来了!

上下看完了,这时候看中间了。

男生女生APP中的四个推荐:

clip_image006

在效果图上看着这里感觉还可以,可是一放到IPHONE中查看,感觉好小,特别是右边两个小块块。嗯?而且自己犯了一个错,不应该把ICON做到有色背景上,这样只会让ICON更小,可以参照新浪微游戏这样不?

clip_image008

在METRO风格中也能找到这样设计方法

clip_image010

再看

clip_image012

这些,就照着以上方块形式排列下来呢?用户会认为这些是一个应用吗?如果他点进去发现是一系列的应用会觉得奇怪吗?当然,目前这样展示方式不好这是肯定的,还真的难看出来这是可以点的,至少这里需要做得感觉可以点击。

再看应用列表展示:

clip_image014

还不错啦?

OH!NO!在IPHONE中查看,右边下载,收藏 小得不行了。重点是,看着眼睛很累,没有分出来哪个是哪个,感觉都是一起的。这里就是太盲目的模仿METRO风格了,感叹一下还是IOS的体验好呀!给每个应用之间加根线区分一下吧。然后“下载”、“收藏”在这里给去掉吧。换成小三角ICON,指明可以点,引导进入详细页,然后我们再来操作这些吧。再有就是,列表上加上一个简短的介绍可以不呢?

看详细页吧:

clip_image016

这高度都占了大半个页了~怎么给缩短一下呢?

不是做的WP-METRO风格的吗?把评论和介绍分成两块,左右滑,OK?然后这里的下载

收藏 分享 按钮太小了,不能让人有点的冲动,做大吧,特别是下载。说到做大按钮,想到之前提过一个问题,有些人用的手机比较破,可能点击不是很精确,所以做大后,把这个问题也可以解决,拿着破手机的用户,就不用拼命的撮了半天结果还没下载到…

最后再看搜索页:

clip_image018

这感觉…就一个乱字可以形容。这里没有大改动,文字排整齐就行了。

积分商城没有了,去掉了好大一块工作。积分是大功能,还真的需要再深思熟虑才行。

本来应该结束了,但又想到另一个和内容有关的问题。APP分男女,那么会不会男生更想看女生的,女生更想看男生的呢?这就是后期完成上线后,我们在内容选择上要怎么区分好男女呢?不可能两边打开都是一样的内容,或大同小异的内容!

clip_image020男生里边不会有色情小说吧~

  评论这张
 
阅读(327)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017