腾讯TMLive Message主界面体验

1、腾讯TM & Live Message主界面体验上次简单分析了一下这两款软件登录界面的交互特色，这次主要分析一下它们的主界面，从普通用户正常使用的场景进行分析，如发信息，接收文件等等。 上图就是两系统的主界面，从整体布局来看还是有点相似，两系统都有一个查询功能，以前版本的TM没有此功能，这次终于加上了此功能。第一眼看上去觉得Live Message布局比较简单，而TM由于增加了横向标签使得界面变得较复杂。系统标签：1. 两系统都是采取侧标签的展示方式，通过切换不同的标签界面主工作区内容进行相应的变化，Live Message左标签数目太多，总共有13个标签项，即使全屏后都不能显示完所有的标签选

2、项，使得用户必须点击下面的小箭头进行上下切换，点击一次仅能切换一个标签项，操作起来极其不爽，就是用滑块的方式也比这个强，需要对业务分类进行重新组织，否则使用起来效率很低，体验很差。而TM这方便做得就较好，仅有六个标签项，不过标签图标区域是非规则形状，使得界面布局更加复杂，且进行阅读识别难度也加大，特别是当用户比较疲劳的时候查看此标签会感觉很不舒服，而Live Message采用的是规则的长方形结构就不会出现此问题。2. TM中增加了一个“热度”标签，登陆时系统会出现此标签含义的提示信息，且仅出现一次。此标签的主要作用是把接触频率最高的联系人放置在最前面，目前界面看起来结构很复杂，且这个功能属于

3、一个扩展功能，虽然增加了一个新功能可以给用户带来一些益处，但是也不能损害系统的易用性为代价；可以考虑去掉此标签，同时把此功能放置到视图中，用户可以进行选择查看。3.当鼠标移到当前使用模块对应的标签图标时，TM中没有任何信息提示，用户无法知道当前标签对应的功能，而Live Message中就有相关的文字提示，比较友好。4. 两系统均不支持对标签选项位置进行调整及隐藏部分标签选项。查询功能：1. TM界面中的查询输入框里面的放大镜图标放置在这里容易误导用户，因为用户输入条件后潜意识的会去点击此图标，因为很多系统执行查询功能都是先输入条件然后再点击查询按钮，实际上此系统不需要点击查询按钮即可自动出现

4、查询后的内容，说白了此图标就是一个装饰品，应该考虑直接把此图标去掉，这样可以避免用户误点击，也可以减少界面中的内容。而Live Message中没有任何查询图标，用户输入条件后直接显示查询内容。2. 当输入查询条件后，Live Message中在输入框最右边自动出现一个图标，点击此图标可以进行清空操作，鼠标移到此图标时有相应的文字提示，用户可以通过此提示信息明白这个看起来更像“撤销”功能的图标的含义。而TM采用下拉选择框的表达方式，点击此下拉框箭头显示的内容是空的，我到现在都不明白此下拉框的用途，系统也没有相应的解释文字；下拉框后面的箭头图标表示清空此输入信息，此图标设计得的确不敢恭维，从哪里

5、看都不像“清空”的含义，而且鼠标移上去时也没有相关的信息提示；图标状态表达也有误，当用户没有填写相关查询内容时此图标应该置灰，只有当开始填写内容时才会被激活，而系统现在的情况是图标永远是激活状态，容易给用户产生困惑感。3. 如果系统没有符合用户输入的条件时，Live Message中会出现一行文字“没有符合您的搜索条件的联系人”，虽然这行文字读起来很别扭，但是用户起码还是能够明白此含义。而TM里面是一片空白，没有任何文字提示，很不友好。4. 如果系统有符合条件的内容时，Live Message中第一行会显示“找到.”，告诉用户下面的信息是查询出来的结果，系统没有告诉用户当前查询到符合条件的联系

6、人的数目。而TM中采用默认的显示方式，按照系统默认的分类方式进行排列，完全不像一个查询结果页面。联系人列表：1。TM中增加联系人的方法是点击联系人列表下方的添加和查找按钮，在弹开的向导界面进行联系人增加操作，这个功能是一个比较重要的功能，系统目前摆放到大概在界面右下角的位置，用户想到找到此按钮估计要花一点时间。Live Message里面是采用的图标表达方式，此图标是放置在查询输入框后面，感觉位置放得很怪，放置在上面的工具栏区域可能会更合理些。且仅用图标表达此功能还是不够直观，建议采用文字加图标的方式会更合理些，或者就直接用文字也可以。也是采用向导的方式进行新增。2. 添加联系人向导里面，Li

7、ve Message中直接输入联系人帐号地址后，点击下方的添加联系人按钮即可完成添加操作。且如果没有输入信息时，添加联系人按钮是置灰状态。而TM中却必须点击下一步按钮才可以，操作步骤有些多，且没有输入信息时，下一步按钮没有置灰。帐号输入框后面的查看资料按钮状态就比较合理。3. 在向导界面中，TM采用标签的方式，用户可以执行查找联系人和查找群功能，而Live Message中可以对联系人进行相关资料的编辑，两系统功能有差异，TM里面的查找联系人比较方便，有时候需要先查看一下联系人的信息后再决定是否要添加，而Live Message缺少此功能。4. TM中默认对联系人已分组的方式进行排列，而Liv

8、e Message默认对联系人的状态进行排列，如“联机，移动，脱机等”。两系统均支持创建新组，TM直接点击右键进行添加新组，界面自动出现一个未命名的组，用户需要再调整此组的名称，交互方式感觉不太方便。而Live Message添加新组时，弹出一个对话框用户可以在里面设定需要添加的联系人和新组的名称，交互方式比较友好。5. Live Message直接拖动联系人就可以移到新的组里面，比较方便。而在TM进行拖动时，界面内容会发生变化，即“我的联系人”分类会自动折叠起来，感觉有点不爽，不应该改变其内容。6. 两系统均不支持调整分组的先后顺序，感觉有点不爽。也不支持批量选择联系人进行删除等操作。7.

9、当删除某个分组时，系统应该支持直接把里面的联系人移动到其他分组中，TM系统中要求用户必须手工清理联系人，感觉不太方便。而Live Message会自动把里面的联系人转移到其他组中，比较方便。8. 在TM的联系人列表中，当鼠标移到联系人后面的“昵称”和“签名”上面时系统分别显示两种不同的提示信息，且“昵称”上面的信息包含“签名”中的提示信息，感觉这种交互有些不太合理，。在用户的心智模型中，昵称和签名应该可以算作联系人的2种属性，应该显示相同的提示信息。发信息和接受文件窗体：1. TM中默认状态下发送按钮没有置灰，Live Message中按钮状态比较合理。2. TM中工具栏上面采用图标加文字的组

10、合方式，可读性比较高，而Live Message中仅用图标表示各功能，感觉不太友好。两系统工具栏上面的各功能图标可点击区域都比较大，比较友好。3. TM最上方的大工具栏中，下拉箭头摆放有问题，有的是放置在文字前面，有的是放置在文字后面，且点击各图标后面的箭头，有些是谈出一个对话框，有些是出现一个下拉菜单，违反用户的心理模型，而且点击各图标后的状态效果也不一致，需要进行优化。4. TM中消息框下面有四个按钮，按钮数量太多，除了发送按钮其他三个都不是常用功能，关闭按钮完全可以去掉，用户直接点窗体又上角的关闭按钮效率还高些，且发送按钮不够醒目，寻找此按钮比较费时。发送按钮后面的下拉箭头按钮放置在这里

11、感觉不是太理想，毕竟设置信息不需要经常操作，可以考虑把这个功能放到系统菜单中。而Live Message中仅有两个按钮，即发送和搜索按钮，感觉也不是不理想，搜索按钮使用频率不是太高，不应该放置在这里，最理想的就是在此界面仅摆放一个搜索按钮，尺寸需要设计得比较大。这样用户根本不需要考虑直接点此按钮即可，按钮太多会增加用户理解界面的难度，也会降低操作效率。5. Live Message上方的大工具栏中，点击“共享文件夹”图标，会出现一个下拉菜单，与其他按钮的交互状态不一致，应该在图标旁边放一个向下箭头。6. TM仅支持拖动交谈框的下边框进行调整其高度，这种交互过于隐蔽，且可供操作拖动的区域太多，不太友好，Live Message方面做得比较好，且可以操作的区域比较大。7. 进行窗体拖动操作时，TM仅支持拖动窗体名称那行，其他部分均不可以进行拖动操作，感觉不太方便。菜单：1. TM中菜单部分功能划分有些混乱，编辑功能应该摆放在一起，缺少“联系人”菜单。2. Live Message提供了隐藏菜单的功能，其目的是降低界面的负杂度，不过目前切换菜单是否显示的交互方式不太理想