发表于: 2021-03-02 19:43:18

1 367


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

完成了任务六

任务七的调研做了一部分


在不同的产品中,对于个人中心模块的设计是不一样的,其中个人中心模块是包含了用户的个人信息和一些产品专属的信息。

比如针对电商类产品,京东和淘宝,个人中心模块一般是采用的T型布局,左侧会设计与产品相关的专属信息,用户的个人信息等会归纳在设置中,这样的设计目的不仅仅是为了整洁,其次也是方便用户进行查找,

京东:京东的个人中心入口设计在了顶部中间位置,将个人中心入口与账号退出入口放在一起,并设计了一个下拉框,用户需要点击头像,才能进入个人中心,进入个人中心后,可以看到采取了左T型排版,左侧放置的是产品专属信息,个人中心则设计在顶部位置,与个人相关的信息全都集中在了设置中,这样设计也是为了排版整洁不杂乱,而且用户可以快速找到自己所需要的功能。

优点:首先采用T型布局的优点是界面整洁,与产品相关的专属信息放置在了左侧,个人中心则防止在了顶部,同时将与个人相关的信息集中在了设置中,这样设计不会显得杂乱无章。


对于内容型产品来说,个人中心模块在于设计上,主要是凸显内容的重要性,因此在个人中心模块中,一些提问,收藏,以及相关功能集中在了一起。

比如知乎和人人都是产品经理,内容型产品在于个人中心模块的设计上与电商产品的设计区别就很大,知乎的个人中心入口放在了顶部右侧,没有任何提示,点击用户头像进入个人中心,在个人中心的设计上,回答、提问。收藏等相关功能都放置在了一起,作为一个问答社区,那么对于提问,回答,以及收藏这些功能是非常重要的,所以放在了显而易见的位置,也是方便用户去进行查找和操作。

人人都是产品经理,也是将个人模块设计在了顶部右侧,入口出在用户头像处,用户将鼠标移到用户头像处,会出现提示,显示用户个人主页和个人中心,其中个人主页则更倾向于做了一个归纳,进入后可以看到用户发表了多少文章,被多少人阅读,以及有多少粉丝,而个人中心则是将用户关于产品的所有资料做了归纳展示,也是采取了T型布局,左侧是将产品相关的功能如我的文章、我的收藏、我的课程等相关内容设计在了一起,顶部则是展示了自己发表的相关文章等,这样子设计简洁明了,个人主页则更倾向于向别的用户进行展示,个人中心则是为了向用户自己展示。

优点:根据不同的产品进行设计,内容型产品注重的是内容,如提问,文章发布,回答,以及收藏相关的产品功能,在个人中心中进行体现。


个人中心模块设计中,包含了与产品相关的专属信息与用户的个人基本资料信息。


但是区别于其他产品,如微课网,主要是提供一个平台,让用户去制造微课课程,来进行展示评比。其中在个人中心模块的设计上,可以看到,个人中心的设计入口在顶部右侧,用户头像处,鼠标移动到用户头像上,会有提示,进入用户的个人中心,在个人中心展示了用户的个人详细资料信息以及产品相关的信息,左侧设计的是产品相关的信息,然后旁边就是用户的个人资料的展示。

优点:这样的设计很简洁,不负责,用户也能够更加容易找到自己所需要的功能。


在web的个人中心模块设计上,入口处一般都设计在了用户头像处,一般电商类型产品,习惯性的将用户头像设计在了中间靠左的位置,而内容型产品则防止在了顶部右侧,根据产品相关功能的多少,决定在布局上使用什么类型,比如个人中心功能较多的时候,则做了归纳,设计了一个设置入口,点击设置,会展示不同的功能入口,这样的设计会让产品不那么臃肿,比较简洁,也做了很好的归纳,也方便用户的使用,增强用户体验感。


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

继续完成任务七。
遇到的问题:(遇到什么困难,怎么解决的)


个人中心和个人主页的区别

个人中心主要是指的是个人的信息和产品相关的专属信息,而个人主页则倾向于指展示个人资料的页面。
收获:(通过今天的学习,学到了什么知识)


返回列表 返回列表
评论

    分享到