发表于: 2021-03-06 16:36:25

2 462


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

完成了网页个人中心的调研工作

在web产品的设计上,个人中心主要就是个人资料、头像、密码以及一些特定类型产品的一些自身属性相关的设计。


在调研过程,通过对电商类产品,淘宝的调研,可以看到淘宝的个人中心位置在导航栏左边,并设计成了一个下拉框的按钮,点击头像进入个人中心。

个人中心的布局采用的左T型布局,左边放置的是竖列菜单模块,与产品自身相关的一些属性功能,个人资料则被归纳在设置里,放置于顶部。

由于电商网站个人资料比较繁多,如果不进行归纳,页面会非常混乱,所以将与个人账户相关的功能进行了整合,放置于设置中。

而左侧则是作为电商类产品特有的产品属性设计,如我的购物车,我买到的宝贝,我的收藏,我的积分,我的优惠券以及评价等相关功能。

优点:这样设计的目的是:第一 页面在视觉上不杂乱,将用户个人账户相关的资料整合在一起,也是为了方便用户去进行功能的使用;第二 作为电商类产品,关于我的购物车以及与商品相关的功能,我的收藏等是归纳在了左边栏,也是为了方便用户的使用。


所以这里可以看出,对于电商类产品来说,自身的产品属性的一些功能是独有的,也是比较重要的,一般单独作为一个功能进行设计,如优惠券、我的收藏、以及相关功能、订单、店铺等功能。

因此在对于电商类产品设计来说,个人账户相关的资料会进行统一的整合,提供唯一的入口,也是为了方便用户的使用,一般在布局上采用左T型布局,左侧放置产品相关的属性功能+顶部放置个人账户相关的功能入口。


对于视频类产品来说,比如腾讯视频,可以看到在于个人中心的设计上,与电商类产品就有很大的差别,采用的布局是左侧竖列布局设计,右侧是提供用户对于视频的一些观看记录的偏好设置,利于用户下次更加方便的知道自己看到哪个视频,看到第几集,增加用户体验感。

在于视频类网站的设计上来看,订阅+关注是作为视频类产品的一些独有功能,

同时还有收藏、创作中心、评论等相关属性功能。

优点:这样设计可以让用户更加方便的使用产品的一些相关属性功能也能增加用户体验感。


所以从这里可以看到,对于视频类产品的设计上,一般在布局上会采取左侧竖列的布局,右侧则是用来展示用户的一些相关视频观看记录,方便用户下次在使用产品时,可以清楚明了的知道自己看到哪个视频的第几集,增强用户的体验感;与此同时增加订阅、关注、以及产品的一些偏好设置也是产的本身属性功能。


对于一些新闻类内容型产品,如搜狐,在个人中心的设计上,个人中心的入口放置在了右上脚,采取的也是下拉款的样式设计,点击进入个人中心,采用的也是左侧竖列布局,右侧则是展示左侧的一些功能内容,左侧主要是产品自身属性的相关设置,如评论、订阅管理等。

优点:首先,对于个人中心的入口设计成下拉框的样式,我理解的是,担心用户误操作,在布局上采取了左侧竖列布局的样式,页面看着更加整洁。


所以对于一些内容型产品来说,在于个人中心的设计上,布局上一般采取左侧竖列放置产品相关属性功能的设计的样式来进行设计,右侧则展示相关属性功能的内容。


通过以上调研,因为在对于草船云的个人中心设计的方案是:个人中心的入口放置于网站右上角,内置布局是左侧竖列布局,左侧主要设计关于草船云自身的一些产品属性功能,右侧则展示相关功能的内容设计。

这样设计的原因是,草船云作为一款为用户提供服务的网站,首先在个人中心的设计上,不能太复杂,在用户操作步骤上,尽量减少用户的操作步骤,左侧放置产品相关的功能,右侧则用来展示相关功能的内容,也是为了方便用户去使用。

草船云的客户群体有公司或者个人,所以在于个人中心资料的设计上,需要用户的用户名以及手机号,邮箱等相关资料的绑定。



整理PPT


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


写web个人中心story

根据story画原型

完成app的调研功能

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

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


返回列表 返回列表
评论

    分享到