江湖聊天室界面交互体验设计观点
江湖聊天室程序界面结构划分、布局分配与交互优化设计观点
传统老旧江湖:
1、老旧代码、框架布局、一代代江湖人东拼西凑形成屎山代码
2、功能普遍在新标签页或名单区域打开
3、颜色搭配五花八门,图片模糊不清
4、界面跨平台兼容差、对现代浏览器兼容差
5、CSS样式写在JS里,更新修改能把人看懵逼
二十几年前显示器分辨率(800*600)宽高占比相差不大的时候,没有体现出什么不适,而在目前普遍1980*1080的分辨下(高宽比将近1倍),不仅显得突厥且小气,操作体验感更差,点个功能还得去翻标签页或者名单区跳转。特别是存点这个另类违反人类设计的功能仍然沿用至今。
结构优化方案思路
1、链接功能均采用JS弹窗组件,实现所有功能玩法全在聊天大厅本窗口解决,特别是对跨平台非常实用,弹窗组件网上一大堆
2、取消名单区域作任何功能跳转,名单是一个聊天室的精粹,并且跳转除了带来不便之外,那三两百PX的宽度做内容与功能显示实在窄小,且受限于客户端屏幕分辨率与浏览器本身占用(收藏夹各种功能等),目之所及的情况下可展示内容有限
3、有能力的就按差不多1.5:7:1.5(约280、*、300)比例结构改造聊天室框架,左侧做功能等链接、右侧名单不变
4、考虑跨平台兼容自适应,无论是顶部还是发言区都应该注意内容,宽度不宜过多,额外写手机版聊天室大厅的都是屎山代码,维护更新起来要命,布局上1.5:7:1.5结构需要支持左或右自适应以及显示与隐藏
5、在宽高比大比例的显示下,公私屏的消息占用不了那么宽,所以在公私屏的右边可以大胆做浮动功能与图标
6、对于需要实时显示内容的页面,最好AJAX更新,避免通过刷新跳转影响观感
7、独立样式文件方便调用与维护修改更新
作为一名多年专业的网游品鉴(充钱)大师,仙侠的设计与功能已经完全有媲美网络游戏的能力!
特别是PVP方面,虽然两年来一直没有上线真正PVP方面相关的玩法(仙侠是非常友好的),此次的龙城争霸功能上线,已经足以体现出仙侠高可拓展性与玩法多变丰富!想写啥功能玩法就随时能出,只是功能玩法已经写了那么多,玩起来已经肝爆了!