关于用户体验-优快云博客

博客强调用户体验对产品的重要性，以用metroinc搭建的后台管理系统为例，因老大使用后提出问题，需进行优化。如编辑后查看信息需再次检索，虽框架有页面缓存处理但会引发其他问题，还给出了使用localStorage缓存列状态及保存检索参数等解决方法。

不要为了设计而设计，要为使用而设计。据说这是用户体验的一大要素。好的用户体验不一定成就一个产品，但是坏的用户体验绝对可以毁掉一个产品。

我用metroinc搭了一个项目的后台管理系统，之前专门使用的用户HR群体一直没啥要求。蟹蟹HR大大们的容忍，此时感激涕零 ( T — T ) 。直到今天，我老大，帮HR解决一些问题用到了这个系统用完就找我了（555.....，撒娇管用么？撒娇如果管用，bug还有存在的意义么！！！）

优化的点：

1、按回车键，处理检索功能；
    $(document).on('keypress',function(event){
                if(event.keyCode==13){
                    $('.search-btn').trigger('click');
                }
            });

2、对列表页进行信息检索后，再进行编辑，编辑完刷新页面导致检索信息没有了，列表回到了初始页

（我老大：，编辑完，what??? 我还想看看刚刚编辑完的信息呢，需要再次检索！！！我：......好的，我错了还不成嘛）

3、检索区域的下拉框添加onchange事件，去触发检索按钮。

其实metroinc框架对table列表是有页面缓存处理的，但是这个的使用会导致其它问题。比如我的自定义显示列，在使用缓存的基础上我的自定义列就没效果了。
算了，不说了我去找解决方法去了。溜~

补上页面缓存的解决方法：
我这边有做自定义显示table列，所以状态保存的时候我是使用了localStorage来缓存选择的显示的列状态；
检索信息后再编辑，编辑后仍需要保持检索的信息，这边是保存了检索的参数，编辑成功后带着保存的参数去调用检索功能。

转载于:https://www.cnblogs.com/xinxinmifan/p/UE.html