易班平台的UI设计研究

摘 要：易班是一个以高校师生为主要使用对象的网络虚拟社区。本文旨在通过调查和分析研究，完成易班平台的UI优化设计，达到促进宣传推广、稳定用户群的目的。笔者首先对现有易班平台的UI设计进行多次且覆盖大部分常用功能的使用体验，在西华大学校内和上海的个别高校中做用户体验调查，总结出改良设计要点。通过对比国内外前沿的UI设计实例和学科新方法，找到易班平台的UI设计在发展过程中要注意避免的问题，并作为进一步设计开发的指南。

关键词：UI设计；缺陷；用户体验；优化

近年来，腾讯网、猫扑、人人网、新浪微博等互动交流网络平台已经趋于成熟，拥有稳定且规模庞大的用户群。其中大学生的使用频率最高，所占用户比例也最大。因此，要让学生改变原有的网上交流习惯，把在其他网络平台的时间分出一部分留给易班，就要优化易班平台。易班平台的功能很明确，就是校内和校间的交流，没有复杂的功能，所以功能操作设计难点不多。但上网是一个用户体验过程，由视觉和操作两方面构成，要依靠新颖而易操作的UI设计来实现易班平台的优化设计。

1概述

1.1课题介绍

2012年4月，西华大学正式启动易班建设。通过前期宣传推广，易班注册人数和活跃度逐渐上升，成为学生获取校园信息、进行情感交流的重要载体，也成为学校班级事务管理和网络思想政治教育的重要平台。为了进一步加强易班建设，笔者针对出现的问题进行深入的研究，结合上海市教卫党委委托我校党委开展的易班全国试点推广课题开展项目研究。

1.2易班平台简介

易班是一个以高校师生为主要使用对象的网络虚拟社区，集成了BBS、SNS、博客、微博、手机应用等多种新型互联网应用，包含新闻、校园应用、相册、互动社区、论坛、邮箱、网盘、掌上易班等。高校辅导员、教师及学生可在线互动交流，交换各种信息及资源，上传照片，撰写博客等。

2易班平台用户体验调查结果

初期在西华大学应用技术学院和上海交通大学2012级学生中进行用户体验调查，反映出的问题和建议如下：（1）易班要求一次最多上传20张，应该改进一次上传数量。（2）发帖要填的东西很多，不根据要求根本发不了，所以有时候嫌麻烦就不发了。（3）页面跳转不灵，容易出错，错误后需要重新登录，很不方便。（4）版面单调，不美观，也不能体现每个人的个性和审美。（5）文字太多，图片太少，最好能按文章热度做个排序。（6）容易忘记用户名和密码，找回很麻烦，所以一旦遗忘密码就不再使用了。（7）无快捷的登录方式。（8）上传照片速度慢，且成功率不高。（9）综合实力、贡献值等的具体计算方式没有公开透明，服务器维护也没有公告。

3易班平台主要功能的UI设计缺陷分析和改进

（1）验证码看不清。/调整验证码的大小和颜色。

（2）只能通过用户名找忘记的密码。/支持其他方式找回密码，比如邮箱、手机号等。

（3）主页新闻关键词多在上海，与四川学生无关联。/平台面向全国，要兼顾到其他地区，或以地区分出下一级地区主页。

（4）主页皮肤不可换，太单一。/可更换皮肤或装扮，满足个性化需求。

（5）“热帖TOP5”内容太少。/常规网页内容排行前10，改为TOP10。

（6）文章分类混乱，如，“如何提高英语听说读写能力”应该放在“外语天地“板块。

（7）“热帖榜“排序表达不准。/用阅读人数等具体数值的降序体现出排序。

（8）“接收人”操作不便。/有常用联系人备选。

（9）文字识别性差。/更换色彩方案。

（10）单位排序混乱，查找不便。/以注册人数或单位首字母等排列。

（11）校徽上的白线框语义传达有误，影响美感。/不要出现无意义的符号。

（12）“状态发表“语义表达不明确。/原有图标加文字说明，或更换成照相机等语义图标。

（13）文章名显示不全。/发表时限制文章标题长度。

（14）没有通过信息量化来体现排行。/把作者名改成访问数量。

（15）默认页面背景黑灰色调太沉闷压抑。/选取明朗活泼的背景色。

（16）精华博文数量太少，标题显示不全。/改变行间距，限制标题字数。

4易班UI设计中要避免出现的问题

4.1下载时间过长

避免使用过多图片及容量大的图片，页面容量控制在50K以内，等待时间小于10秒。

4.2不恰当使用声音

学生上网时习惯用播放器听歌，页面设计中不恰当地使用声音或背景音乐，会产生声音的重叠，引起学生反感。

4.3大量闪烁文字

在UI设计中闪烁文字可以吸引访问者的注意，但过多会造成混乱感，反而影响用户访问其他内容。

4.4颜色搭配不当，阅读困难

突出平台的的标准色彩，背景色与文字、图片的色彩要有区分度，充分考虑色彩对心理的影响。

4.5无升级预告或应急措施

在升级之前预告，以免影响用户的正常使用。

4.6长篇文章未分页

长篇未分页的文章会导致加载速度下降，密集的文字内容也易于产生视觉疲劳。

4.7内容滚动

滚动的内容可以引起用户的注意，但容易与其他内容重叠，有碍点选操作，易使用户产生反感。

4.8不考虑分辨率设置

设计页面时要用1024*768和1280*1024两种分辨率观察，使不同分辨率下都能较好显示。

参考文献：

[1]Jeff Johnson.认知与设计：理解UI设计准则[M].北京：人民邮电出版社，2011.

[2]科尔伯恩.简约至上：交互式设计四策略[M].北京：人民邮电出版社，2011.

[3]徐海波，王羽.UI群英汇：用户体验·交互·视觉设计方法论[M].北京：清华大学出版社，2012.

[4]唐纳德·A·诺曼.设计心理学[M].北京：中信出版社，2010.

[5]《全球设计精粹》编写组.Design+全球设计精粹：网页艺术设计[M].北京：化学工业出版社，2012.