易买web-账户设置

账户设置主要页面

账户设置页面主要是修改用户信息，查看用户等级，管理用户地址，修改密码等功能

一开始给我的时候，账户设置是差不多有十个页面的 ，主要能是上图的五个页面，其他页面主要为修改密码，上传头像，查看历史记录等。

我觉得修改密码，上传头像不需要单独的页面来负责一个非常简单的功能，因此就设计为弹出框。同时我觉得账户设置中的操作基本都是低频操作，用户基本很少到这个页面来进行设置。一般修改密码或者新增收货地址都是在下单页面或者登陆有页面才会考虑，所以我想把这些功能尽量模块化，能够在其他页面方便的以弹出框或者单独的页面进行

账户设置设计图

国内的很多账户设置的页面通常比较简陋，字体也比较小，装饰会比较多。而国外的比较多优秀的设计，账户设置页面简洁清晰明了，没有多余的装饰，想到用户主要在国外的，有一些母语并不是中文，并且需求也有强调说要加大字体，因此我这个页面采用了简洁设计的同时，也使用了比较大的字体，尤其是在字比较多的地方，能够方便用户浏览。

1、我觉得因为所有都是低频率操作，这个页面用户也难得来一次。所以想着最好把所有功能都集中在一个页面上，能方便用户浏览整个页面有哪些功能，不必在页面直接转换

2、我的设计图保留的侧边栏，但是侧边栏不作为页面跳转的引导，让前端做成锚点方便在不同功能间切换的。这个侧边栏和个人中心的侧边栏样式是一致的，一方面是方便前端，另一方面希望整个网站的风格样式尽可能统一。

3、修改密码的弹出框比较旧版，增加了流程指引，因为之前用户总是不知道修改密码需要几部，往往是做了前面没做后面。我想一个比较清晰的指引能够减少用户这方面的困扰

4、新增收货地址和收货地址两个弹出框里面的内容其他地方经常用得到，这个地方的设计我比较用心一些，尽可能让整个网站这两个功能的样式都是一样的，因为前端很忙，能少一些工程就最好，而且这样也能给用户统一的感觉

5、我把历史记录改为了一个比较大的弹出框，当然看具体浏览器的情况，如果这个弹出框太大可以改为页面，其他的弹出框也是尽可能设计的和页面模块差不多 ，这样如果实际代码打出来占了很大一块的话，也可以很方便的改为一个单独的页面