爱你城1.1界面及新功能进度梳理及设计思路

这周和老王主要设计了个人页+发现页的页面UI及功能。

此文给大家梳理下爱你城1.1的进度,及设计思路。

(下图左)为之前的个人页原型设计,经过与老王讨论修改后,个人页修改后的出品设计为(下图右):

由于视频展示图占比较大较为空旷,我们决定把部分个人资料展示在上方让页面内容更加饱满,皇冠为已认证的大神头衔,获赞、关注与粉丝是我们APP之前遗留的个人页展示内容,我们考虑到用户的关注为他个人的隐私,可以不给外人看,而获赞和粉丝都是用户的魅力值表现,我们决定简化只留下粉丝的展示数。

由于动态和留言的左右切换还未开发出,所以改为动态与留言分别新开一个页面。APP主打社交so动态暂放在资料下第一位置,

而技能更加形象化的加入了图片及介绍(技能图片为用户上传的资质认证截图),再下拉即是留言。


个人页.png微信图片_20181021125700.jpg


发现页初步设计原型(下图左),与老王打磨细节修改后的出品设计为(下图右):
我们在APP设计上选择尽量控制图标视觉统一性,整体页面设计都是圆角形状,包括最底部的5个主要按钮也进行了更换来配合整个页面图标,在三个功能入口的图片设计也采用了从左至右的渐变色和从上至下的颜色加深来增加层次感。

上方三个入口:话题广场即我们之前的专题,依旧没有舍弃,在进入话题广场后的全部话题页会去掉之前的专题头像(因之前在APP展示专题头像太过杂乱不太美观所以尽量简化,以微博热门话题与抖音热门挑战等为参考进行后续具体页面的修改),附近的人页面即展示附近人的动态(呈瀑布式浏览),我的关注页即展示关注的人动态(呈朋友圈浏览模式)。  

页面下方的精彩视频展示要重点夸一下老王,经过老王举一反三成功开发出不规则卡片瀑布流模式,视频详情页即沉浸式上下滑动浏览设计。


image.png

以上即为上周已完成的页面设计。(一些小细节修改大家之后可以一起商量慢慢完善)。

其他几个新入口的页面设计和细节下周再慢慢修改。

其他页面初步原型设计如下:

发现→附近子页面原型设计(不规则瀑布式浏览+定位+随手发布定位动态):

附近.png


发现→关注子页面原型设计如下,被关注的每个人都是独立的个体,页面设计更凸出互动:

关注.png


下单支付页如下图:在调查过其他同类APP后,我们发现大部分下单流程较为繁琐,和老王商议后我们决定把下单页与支付页合并在一个页面,这样减少用户操作,因为每多一步操作,等于给用户时间去思考是否真的点单,可能造成用户流失。

下单.png

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容