腾讯TM & Live Message登录界面体验

这次主要分析一下两聊天工具：腾讯TM 和 Live Message，这两个软件基本上都是定位于办公用户，所以也没有太多的广告骚扰。这次主要对这两款软件的登陆界面交互做一些分析，下次再分析一下他们的主界面，欢迎大家拍砖。

上图就是这两款软件的登陆界面，登陆界面主要的作用就是输入帐号和密码后快速进行登陆系统，还有其他一些额外功能如：帮助，注册等等。这些额外功能不是主要的工作流，应该和正常登陆业务流分开来。从界面上面可以看出两系统登陆界面都满足此功能需求。不过在布局和界面交互方面差异比较大：
1. Live Message支持拖动界面边框和最大化操作，而TM不支持边框拖动操作且灰掉最大化图标（既然不支持最大化功能那么系统应该是隐藏此图标，置灰的含义是当前条件下不可以操作但是其他特定条件下此功能有效，显然TM不符合此种条件）。
2. Live Message支持支持键盘操作，换句话说就是当用户鼠标坏掉后可以用键盘的一些组合键进行登陆系统；而TM就无法实现此特殊需求；在TM界面中按键盘Tab进行切换时，最下方的3个按钮无法获取焦点当然就更无法进行纯键盘操作。在界面上如果控件相差较远，用Tab键进行切换的效率会高于鼠标。
3.  输入帐号时，Live Message提供了记忆功能，当输入第一个字符时，系统会自动把相关的帐号显示出来，效果如下，且输入框里面的内容会自动进行校验，如果用户想输入一个新的帐号那么当然显示的帐号会自动消失，体验很棒，大大提高了用户的操作效率。而TM则必须完成输完一个完整帐号才可以，效率偏低且增大了用户的记忆难度。

4.  优秀的软件应该是用户不需要太多的思考就可以快速完成此业务操作，从这个标准来衡量两软件的话，Live Message由于只有一个按钮，所以用户不需要太多思考，输完帐号密码后直接移动到界面唯一的按钮上点击即可。唯一有些不足的就是此[登陆]按钮的位置离密码输入框比较远且有点小，不够醒目，所以用户还需要花一点点时间来找到此按钮。总体来说还是效率比较高。当然部分中高级用户可以直接按回车进行登录，但是大多数用户还是不了解此快捷方式，还是主要通过点击按钮进行登录操作。
而TM界面上放置了四个按钮，用户就需要花较长的时间来理解它们的含义及区别，以便了解那个按钮是可以点击的；[取消]按钮放这里感觉有些多余，如果用户不想登录的话，那么直接点关闭按钮，[网络设置]功能放置在这里也有些不佳，这是高级用户才会使用的功能，没必要这么显眼的摆出来，如果技术足够好的话这个按钮完全可以去掉。
5.  Live Message上面的文字和按钮鼠标移上去时有相关的文字提示，而TM除了那个锁图标有相关的提示（提示信息显示时间太久，完全挡住了账号输入控件，影响用户操作其他内容），其他按钮和图标没有任何信息提示，密码输入框后面的那个图标没有任何提示信息，点击后才发现那是一个菜单，而不是一个普通按钮，和用户心智模型不符。
6. TM的窗体控制按钮比Live Message大一些，比较方便用户点击，Live Message窗体控制按钮偏小且挨得太近，容易误点击。不过Live Message里面的复选按钮做得就比TM的大，且Live Message中的按钮鼠标以上时变化很明显，而TM的按钮除了[登录]按钮外其他按钮移上去没有任何变化，缺少反馈，容易让用户以为此按钮不可以点击，因为[登录]按钮是有视觉变化的，同一个系统中按钮应该保持一致性。
7.点击TM的[网络设置]时，系统会显示相关的网络设置详细信息，此时整个窗体位置发生了改变，此时[[网络设置]]按钮已经偏离了用户刚才的位置，用户需要重新移动鼠标要新的位置去点击相关按钮；比较合理的交互方式应该是窗体上半部位置保持不变，同时自动扩展下面的窗体，这样那些按钮的位置就不会发生变化，用户也不需要重新移动鼠标。
Live Message软件在这方便就做得比较好，当用户进行显示或者隐藏工具栏操作时，窗体位置就没有发生变化。
8. 当用户密码输入有误时，TM会在一个新的界面告诉其原因，同时在下方放置了一个[返回]按钮，用户必须点击此[返回]后退到登录界面重新输入密码，既然密码输错了当然需要重新到登录界面进行输入新的密码，目前这种交互不够合理，正确的流程应该是当密码输入错误时，系统应该直接在登录界面上显示详细友好的提示信息，同时用户也可以减少一步操作。
Live Message是采用弹开信息框的交互方式，上面的提示信息太过于专业化，一般用户根本无法够看懂，体验很差，相比之下TM的提示信息更友好些。

9. 在信息表达一致性方面，TM里面的“账号”与“申请账号”保持统一，而Live Message中“注册Windows live ID”与“电子邮件地址”容易让用户混淆，且当鼠标移到“注册Windows live ID”链接时显示的提示信息却为：注册Windows live，提示信息的主要作用是对此按钮进行较详细的说明，如果仅仅只是把文字复述一遍，那还不如去掉它。
10. 在文字信息阅读可见性方面，Live Message背景采用渐变色效果，使得界面头部背景色较深，而“电子邮件地址”也是黑色，使得阅读此行信息较难，TM采用传统的灰底风格避免了此问题。
11. 此两系统字体大小均是宋体12号，界面各控件摆放比较紧凑，目前这种尺寸的字体阅读还是比较吃力，特别是视力稍差的，更不用说中老年人，应该增加字体的显示尺寸，或者像浏览器那种提供调整字号或者缩放等功能，新版的word2007各标签里面的字体比老版本的文字也变大了不少。
12. 如果用户不小心按了Caps Lock键后，Live Message会出现红色的信息文字告诉用户，这样用户就可以了解当然输入状态，而TM却没有任何提示，因为在密码输入框中用户是无法知道自己输入的大小写状态，因此应该主动告诉用户当前的输入状态。