发表于: 2021-03-07 17:12:22

1 724


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)

完成了对移动端产品的个人中心调研

在对移动端产品的调研过程中,可以发现,移动端的产品,将个人中心都整合在了底部“我的”里。

在移动端关于个人中心的设计区别与web端,web端多采用T型布局,或者左侧竖列布局,右侧对功能展开的方式;而移动端则是采取的烈表式或者列表+宫格式进行设计。


如(淘宝),淘宝的个人中心在底部导航栏,我的淘宝中,进入后个人中心的布局是采取的列表+宫格式布局,并采取间隔的方式,用来凸显各个功能的不同与侧重,个人中心则排在了顶部,主要也是方便用户去进行点击,然后是收藏+关注+足迹+红包卡券功能,接下来则是一些关于产品本身的一些属性,会员中心以及电商产品特有的我的订单中心,用户可以看到自己买的产品的各种状态。

优点:这样设计的优点是非常多的,首先采取宫格式与烈表式的布局,在界面上突出了各个部分的重点,而且也让app界面看这不臃肿,主次分明,虽然功能较多,其次就是将收藏与会员中心作为了最重要的功能放在了头部,以及电商特有的功能,我的订单,让用户在体验上更加好,容易操作的功能,置于前面,减少用户的操作步骤。


所以从这里可以看出,关于对电商类产品的设计,首先因为电商类产品功能可能会很多,所以采取烈表示+宫格式的布局来凸显重点,其次是各个公呢个板块进行分离隔开,这样界面不会臃肿,然后就是关于电商产品的一些特有模块,如收藏+订单模块。



对于视频类产品,如(抖音),抖音的个人中心也放在了底部导航栏,我里面,进入后,布局采取的是宫格式布局在视频类app的产品中,订阅、关注是七产品的设计重点模块,抖音是一个全名都是创作人都可以分享自己制作的小视频为主的产品,用来向别的用户去进行展示,因此在个人中心的模块上,订阅+关注是产品的重点模块,剩下的是产品本身的一些属性,如作品+私密+喜欢+相册的一些功能。

优点:因为视频类产品在个人中心的功能板块并不多,最主要的则是关注等功能,满足用户的心里,增加用户体验感,其次是对与用户在日常中使用产品的一些习惯也做了分类,比如用户自己创作的作品,以及用户浏览别的用户的作品的一些记录,增强用户的体验感。


对于这一类型的段视频产品来说,在设计方面,主要是采取宫格式布局,个人中心置于顶部,然后是关注等功能,最后则是与产品本身属性相关的一些功能的一类设计方式。



对于社交类产品,如(约会神器“美丽约”),个人中心的位置置于顶部导航栏,我的,进入后,采取的是烈表+宫格式布局,首先是个人资料,其次是我的账户+我的收益,最后则是宫格式布局的一些产品属性功能,因为本产品定位于一款直播+聊天的社交软件,所以我的账户+我的收益是最为产品的主要设计功能,放在了顶部,这样也是为了方便用户进去产品个人中心,就能够很清楚的看到自己挣了多少钱,以及账户还有多少钱,增强用户的体验感,让用户使用更加方便,并采取分隔的方式与下面产品的一些功能进行分隔,也是为了凸显重点。

优点:用户在使用产品时,操作更加方便,而且使用也更加便捷。


对于这一类型直播类的社交产品来说,个人中心的设计上主要采用列表+宫格式的方式进行布局设计,列表是为了凸显重点,宫格式则是体验产品属性的其他功能,对于此类型产品来说,直播所带来的收益肯定要放在用户便于操作的位置,所以头部功能的设计应该放置于产品的重要功能。



通过以上调研,对于移动端产品类型的个人中心设计上,有了一定的了解,个人中心的入口设计在顶部导航栏“我的”处,布局一般采取的列表+宫格式的布局,列表则是为了展示产品的一些重要功能和用户经常操作用到的功能,如果要进行重点区分,则采用分隔线分开即可,个人资料一般放置在顶部,主要是方便用户的操作和使用。


所以,对于京东金融的移动端产品设计,个人中心的入口应该设计在底部导航栏右侧“我的”处,布局采用列表式布局,并采用分隔线进行分隔,用来凸显各个功能的重点以及区分,让界面看这不会臃肿,其次个人资料应该放置在页面顶部,方便用户操作,剩下的一些产品属性的功能按照优先级进行排序归纳设计。



整理PPT


明天计划的事情:(一定要写非常细致的内容)

完成story。

完成原型


遇到的问题:(遇到什么困难,怎么解决的)

收获:(通过今天的学习,学到了什么知识)


返回列表 返回列表
评论

    分享到