优化页面,你需要做的绝对不仅是排版

2018-11-09

原创文章

400

0

1

经验分类:经验/观点/原创文章

本la才入行,所以也是边做边学。。。。等本la做完公司一整个APP,回头发现自己有很多不规范的地方,所以主动进行了优化,今天,本la拿出三张页面出来与大家分享下优化心得。


个人中心页

Image title

Image title


优化页面,本la先从个人中心页下手。因为太仓促,第一版版面样式太老,大概是三年前的样式吧……许多地方做得实在不规范。


当然,整体优化之前,还是需要做好统一的页面规范的,如页面网格规范法先做好标准,接着指定icon、字号、样式等标准,最后确定主色调。


因为APP是一款偏商务、科技感较强的应用,所以采用蓝色为主色调。排版上,引诱用户点击查看的板块采用卡片的形式,配合不同的阴影,让其凸显出来;在优化后的页面中,其他板块icon配合文字,也让APP清爽不少。不同位置的icon,风格也不同,但大部分用了线面结合的形式。标签栏所在页面和其他页面的形式也做了区分(详见首页)。

Image title


商城

Image title

Image title

商城页也从icon上做了改版,但是最主要的,是金刚区和“千人千面”的变化。


因为公司没有产品经理、没有交互、没有完善的需求,运营给的示例图中,就如第一页,没有分类和推荐,这就直接导致了本页没有金刚区,banner下面直接是商品。这就造成了用户操作上的不便。改版后的页面,金刚区加入了主要的产品分类,下面是上新推荐和好物推荐,根据不同用户推荐相应感兴趣的产品,增加用户的消费率。


以上是本la对UI设计的一点小小的理解,希望大家多提意见,帮助本la进步。


全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消