騰訊TMLive Message主界面體驗

1、騰訊TM & Live Message主界面體驗上次簡單分析了一下這兩款軟件登錄界面的交互特色，這次主要分析一下它們的主界面，從普通用戶正常使用的場景進行分析，如發(fā)信息，接收文件等等。 上圖就是兩系統(tǒng)的主界面，從整體布局來看還是有點相似，兩系統(tǒng)都有一個查詢功能，以前版本的TM沒有此功能，這次終于加上了此功能。第一眼看上去覺得Live Message布局比較簡單，而TM由于增加了橫向標簽使得界面變得較復雜。系統(tǒng)標簽：1. 兩系統(tǒng)都是采取側(cè)標簽的展示方式，通過切換不同的標簽界面主工作區(qū)內(nèi)容進行相應的變化，Live Message左標簽數(shù)目太多，總共有13個標簽項，即使全屏后都不能顯示完所有的標簽選

2、項，使得用戶必須點擊下面的小箭頭進行上下切換，點擊一次僅能切換一個標簽項，操作起來極其不爽，就是用滑塊的方式也比這個強，需要對業(yè)務分類進行重新組織，否則使用起來效率很低，體驗很差。而TM這方便做得就較好，僅有六個標簽項，不過標簽圖標區(qū)域是非規(guī)則形狀，使得界面布局更加復雜，且進行閱讀識別難度也加大，特別是當用戶比較疲勞的時候查看此標簽會感覺很不舒服，而Live Message采用的是規(guī)則的長方形結構就不會出現(xiàn)此問題。2. TM中增加了一個“熱度”標簽，登陸時系統(tǒng)會出現(xiàn)此標簽含義的提示信息，且僅出現(xiàn)一次。此標簽的主要作用是把接觸頻率最高的聯(lián)系人放置在最前面，目前界面看起來結構很復雜，且這個功能屬于

3、一個擴展功能，雖然增加了一個新功能可以給用戶帶來一些益處，但是也不能損害系統(tǒng)的易用性為代價；可以考慮去掉此標簽，同時把此功能放置到視圖中，用戶可以進行選擇查看。3.當鼠標移到當前使用模塊對應的標簽圖標時，TM中沒有任何信息提示，用戶無法知道當前標簽對應的功能，而Live Message中就有相關的文字提示，比較友好。4. 兩系統(tǒng)均不支持對標簽選項位置進行調(diào)整及隱藏部分標簽選項。查詢功能：1. TM界面中的查詢輸入框里面的放大鏡圖標放置在這里容易誤導用戶，因為用戶輸入條件后潛意識的會去點擊此圖標，因為很多系統(tǒng)執(zhí)行查詢功能都是先輸入條件然后再點擊查詢按鈕，實際上此系統(tǒng)不需要點擊查詢按鈕即可自動出現(xiàn)

4、查詢后的內(nèi)容，說白了此圖標就是一個裝飾品，應該考慮直接把此圖標去掉，這樣可以避免用戶誤點擊，也可以減少界面中的內(nèi)容。而Live Message中沒有任何查詢圖標，用戶輸入條件后直接顯示查詢內(nèi)容。2. 當輸入查詢條件后，Live Message中在輸入框最右邊自動出現(xiàn)一個圖標，點擊此圖標可以進行清空操作，鼠標移到此圖標時有相應的文字提示，用戶可以通過此提示信息明白這個看起來更像“撤銷”功能的圖標的含義。而TM采用下拉選擇框的表達方式，點擊此下拉框箭頭顯示的內(nèi)容是空的，我到現(xiàn)在都不明白此下拉框的用途，系統(tǒng)也沒有相應的解釋文字；下拉框后面的箭頭圖標表示清空此輸入信息，此圖標設計得的確不敢恭維，從哪里

5、看都不像“清空”的含義，而且鼠標移上去時也沒有相關的信息提示；圖標狀態(tài)表達也有誤，當用戶沒有填寫相關查詢內(nèi)容時此圖標應該置灰，只有當開始填寫內(nèi)容時才會被激活，而系統(tǒng)現(xiàn)在的情況是圖標永遠是激活狀態(tài)，容易給用戶產(chǎn)生困惑感。3. 如果系統(tǒng)沒有符合用戶輸入的條件時，Live Message中會出現(xiàn)一行文字“沒有符合您的搜索條件的聯(lián)系人”，雖然這行文字讀起來很別扭，但是用戶起碼還是能夠明白此含義。而TM里面是一片空白，沒有任何文字提示，很不友好。4. 如果系統(tǒng)有符合條件的內(nèi)容時，Live Message中第一行會顯示“找到.”，告訴用戶下面的信息是查詢出來的結果，系統(tǒng)沒有告訴用戶當前查詢到符合條件的聯(lián)系

6、人的數(shù)目。而TM中采用默認的顯示方式，按照系統(tǒng)默認的分類方式進行排列，完全不像一個查詢結果頁面。聯(lián)系人列表：1。TM中增加聯(lián)系人的方法是點擊聯(lián)系人列表下方的添加和查找按鈕，在彈開的向?qū)Ы缑孢M行聯(lián)系人增加操作，這個功能是一個比較重要的功能，系統(tǒng)目前擺放到大概在界面右下角的位置，用戶想到找到此按鈕估計要花一點時間。Live Message里面是采用的圖標表達方式，此圖標是放置在查詢輸入框后面，感覺位置放得很怪，放置在上面的工具欄區(qū)域可能會更合理些。且僅用圖標表達此功能還是不夠直觀，建議采用文字加圖標的方式會更合理些，或者就直接用文字也可以。也是采用向?qū)У姆绞竭M行新增。2. 添加聯(lián)系人向?qū)Ю锩?，Li

7、ve Message中直接輸入聯(lián)系人帳號地址后，點擊下方的添加聯(lián)系人按鈕即可完成添加操作。且如果沒有輸入信息時，添加聯(lián)系人按鈕是置灰狀態(tài)。而TM中卻必須點擊下一步按鈕才可以，操作步驟有些多，且沒有輸入信息時，下一步按鈕沒有置灰。帳號輸入框后面的查看資料按鈕狀態(tài)就比較合理。3. 在向?qū)Ы缑嬷校琓M采用標簽的方式，用戶可以執(zhí)行查找聯(lián)系人和查找群功能，而Live Message中可以對聯(lián)系人進行相關資料的編輯，兩系統(tǒng)功能有差異，TM里面的查找聯(lián)系人比較方便，有時候需要先查看一下聯(lián)系人的信息后再決定是否要添加，而Live Message缺少此功能。4. TM中默認對聯(lián)系人已分組的方式進行排列，而Liv

8、e Message默認對聯(lián)系人的狀態(tài)進行排列，如“聯(lián)機，移動，脫機等”。兩系統(tǒng)均支持創(chuàng)建新組，TM直接點擊右鍵進行添加新組，界面自動出現(xiàn)一個未命名的組，用戶需要再調(diào)整此組的名稱，交互方式感覺不太方便。而Live Message添加新組時，彈出一個對話框用戶可以在里面設定需要添加的聯(lián)系人和新組的名稱，交互方式比較友好。5. Live Message直接拖動聯(lián)系人就可以移到新的組里面，比較方便。而在TM進行拖動時，界面內(nèi)容會發(fā)生變化，即“我的聯(lián)系人”分類會自動折疊起來，感覺有點不爽，不應該改變其內(nèi)容。6. 兩系統(tǒng)均不支持調(diào)整分組的先后順序，感覺有點不爽。也不支持批量選擇聯(lián)系人進行刪除等操作。7.

9、當刪除某個分組時，系統(tǒng)應該支持直接把里面的聯(lián)系人移動到其他分組中，TM系統(tǒng)中要求用戶必須手工清理聯(lián)系人，感覺不太方便。而Live Message會自動把里面的聯(lián)系人轉(zhuǎn)移到其他組中，比較方便。8. 在TM的聯(lián)系人列表中，當鼠標移到聯(lián)系人后面的“昵稱”和“簽名”上面時系統(tǒng)分別顯示兩種不同的提示信息，且“昵稱”上面的信息包含“簽名”中的提示信息，感覺這種交互有些不太合理，。在用戶的心智模型中，昵稱和簽名應該可以算作聯(lián)系人的2種屬性，應該顯示相同的提示信息。發(fā)信息和接受文件窗體：1. TM中默認狀態(tài)下發(fā)送按鈕沒有置灰，Live Message中按鈕狀態(tài)比較合理。2. TM中工具欄上面采用圖標加文字的組

10、合方式，可讀性比較高，而Live Message中僅用圖標表示各功能，感覺不太友好。兩系統(tǒng)工具欄上面的各功能圖標可點擊區(qū)域都比較大，比較友好。3. TM最上方的大工具欄中，下拉箭頭擺放有問題，有的是放置在文字前面，有的是放置在文字后面，且點擊各圖標后面的箭頭，有些是談出一個對話框，有些是出現(xiàn)一個下拉菜單，違反用戶的心理模型，而且點擊各圖標后的狀態(tài)效果也不一致，需要進行優(yōu)化。4. TM中消息框下面有四個按鈕，按鈕數(shù)量太多，除了發(fā)送按鈕其他三個都不是常用功能，關閉按鈕完全可以去掉，用戶直接點窗體又上角的關閉按鈕效率還高些，且發(fā)送按鈕不夠醒目，尋找此按鈕比較費時。發(fā)送按鈕后面的下拉箭頭按鈕放置在這里

11、感覺不是太理想，畢竟設置信息不需要經(jīng)常操作，可以考慮把這個功能放到系統(tǒng)菜單中。而Live Message中僅有兩個按鈕，即發(fā)送和搜索按鈕，感覺也不是不理想，搜索按鈕使用頻率不是太高，不應該放置在這里，最理想的就是在此界面僅擺放一個搜索按鈕，尺寸需要設計得比較大。這樣用戶根本不需要考慮直接點此按鈕即可，按鈕太多會增加用戶理解界面的難度，也會降低操作效率。5. Live Message上方的大工具欄中，點擊“共享文件夾”圖標，會出現(xiàn)一個下拉菜單，與其他按鈕的交互狀態(tài)不一致，應該在圖標旁邊放一個向下箭頭。6. TM僅支持拖動交談框的下邊框進行調(diào)整其高度，這種交互過于隱蔽，且可供操作拖動的區(qū)域太多，不太友好，Live Message方面做得比較好，且可以操作的區(qū)域比較大。7. 進行窗體拖動操作時，TM僅支持拖動窗體名稱那行，其他部分均不可以進行拖動操作，感覺不太方便。菜單：1. TM中菜單部分功能劃分有些混亂，編輯功能應該擺放在一起，缺少“聯(lián)系人”菜單。2. Live Message提供了隱藏菜單的功能，其目的是降低界面的負雜度，不過目前切換菜單是否顯示的交互方式不太理想