
上圖就是yahoo空間的登錄界面,界面上面清晰的標注了這是一個(gè)測試版本。界面左邊是關(guān)于此空間的一些介紹性說(shuō)明,界面右邊則是空間登錄區域,其中[登錄]按鈕用很醒目的紅橙色進(jìn)行突出顯示。
感覺(jué)目前此界面布局有如下一些問(wèn)題:
1. 按鈕主要的功能就是遞交用戶(hù)填寫(xiě)的信息,如用戶(hù)填寫(xiě)一個(gè)表單,這時(shí)就需要一個(gè)功能按鈕把表單的數據信息更新到數據庫中,[登錄]按鈕的含義就是遞交用戶(hù)注冊信息,而[立刻注冊]主要是打開(kāi)一個(gè)新的注冊頁(yè)面,它沒(méi)有提交相應的數據信息,因此[立刻注冊]應該用超鏈接文字表示,而不應該如上圖所示。
2. [立刻注冊]功能不是主要的工作流程,僅僅是一附屬功能,最重要的工作流程應該是填寫(xiě)賬號密碼進(jìn)行登錄,因此[立刻注冊]不應該和[登錄]按鈕擺放在一起,正確的擺放位置應該是擺放在[登錄]按鈕的下方,即和“忘記密碼”等超鏈接文字擺放在一行,且需要用超鏈接文字效果。
3. 其中“Yahoo!ID”文字命名太過(guò)于冷僻,應該用較通俗的詞語(yǔ)來(lái)表達,如:電子郵件地址。
4. 界面中按鈕和文字當鼠標移上去時(shí)都沒(méi)有相關(guān)的信息提示,感覺(jué)不太友好,需進(jìn)行調整。
5. [登錄]按鈕鼠標移上去和點(diǎn)擊操作均沒(méi)有任何視覺(jué)反饋,只是一個(gè)普通圖片來(lái)代替,與用戶(hù)正常的心智模型不符,且[登錄]按鈕色彩太過(guò)于突出,屬于警戒色范疇,容易引起用戶(hù)心理不安。
6. 按鍵盤(pán)Tab鍵時(shí),焦點(diǎn)在登錄界面上沒(méi)有按照正常的切換順序進(jìn)行,當焦點(diǎn)定位到[登錄]按鈕時(shí),再按Tab鍵時(shí)竟然跳過(guò)[立刻注冊]而定位到“忘記密碼”,需要進(jìn)行調整。
7. 如果用戶(hù)登錄填寫(xiě)的信息不對時(shí),按[登錄]按鈕后系統彈出如下界面,這時(shí)用戶(hù)填寫(xiě)的信息已經(jīng)被清空,且系統提供的反饋信息不夠詳細,反饋信息應該直接告訴用戶(hù)是賬號錯了還是密碼錯了,如果僅僅是密碼填寫(xiě)有誤,系統應該保留賬號輸入框的信息。界面左邊的提示信息中的第一個(gè)完全沒(méi)有必要寫(xiě)出來(lái),系統應該自動(dòng)判斷出“Caps Lock”的狀態(tài),就像xp系統登錄界面,如果鍵盤(pán)打開(kāi)的話(huà)應該直接告訴用戶(hù)。密碼輸入框下面顯示的是“記住我的賬號”,而上一個(gè)登錄界面顯示的卻是“記住我的Yahoo!ID”,不同界面信息缺少一致性。且當前界面中的[登錄]按鈕尺寸太小且距離密碼輸入框太遠,需做些調整。
注冊界面
點(diǎn)注冊按鈕后,系統切換到空間的注冊頁(yè)面,效果
如上圖所示,此界面用橫線(xiàn)分割成了六塊,同時(shí)在每塊注冊信息右邊都有相關(guān)的信息提示說(shuō)明,有部分提示信息竟然是英文?界面注冊信息太多,完全可以去掉一部
分字段,僅保留與用戶(hù)注冊賬號時(shí)所需的信息即可,太長(cháng)的注冊頁(yè)面容易讓用戶(hù)產(chǎn)生畏懼感,竟而會(huì )考慮放棄注冊此系統,畢竟用戶(hù)的耐心是有限的。
界面右上角有一個(gè)“在這里登陸”超鏈接,這個(gè)功能可以方便注冊用戶(hù)不小心點(diǎn)注冊按鈕到這個(gè)界面后,可以快速返回,感覺(jué)不錯。
此注冊頁(yè)面有以下一些問(wèn)題:
1. 填寫(xiě)后賬號密碼后,系統沒(méi)有自動(dòng)檢驗有效性,甚至旁邊連一個(gè)效驗按鈕都沒(méi)有。
2. 日期輸入框需要填寫(xiě)3個(gè)字段值,且只有月份是下拉框,其他2個(gè)需要手填,容易增加用戶(hù)填寫(xiě)的錯誤率??梢钥紤]增加一個(gè)日期控件,用戶(hù)通過(guò)下拉選擇具體日期。
3. 姓和名分開(kāi)填寫(xiě),明顯不符合國內的習慣。
4. 注冊碼難以辨認,極大增加了用戶(hù)注冊的難度,前后注冊了三次都由于注冊碼錯誤,目前的注冊碼估計視力稍微差些的用戶(hù)是無(wú)法能夠識別的。
5. 最下方的提交按鈕名稱(chēng)為“遞交表格”,感覺(jué)這個(gè)詞語(yǔ)太冷僻,需要調整。
6. 界面中所有的字段都是必填字段,感覺(jué)有點(diǎn)霸道且不夠人性化,即使有一個(gè)無(wú)關(guān)緊要的信息沒(méi)有填寫(xiě),系統也不允許進(jìn)入下一步。
7. 當填寫(xiě)后信息后還需要激活郵件進(jìn)行驗證,感覺(jué)有些麻煩,且注冊完信息后系統自動(dòng)勾選上下載 Yahoo! 導航條,此舉做得有些不夠人道,有些欺騙用戶(hù)的嫌疑。
創(chuàng )建空間
經(jīng)過(guò)一番折騰,終于成功地注冊了一個(gè)新賬號,填寫(xiě)賬號密碼點(diǎn)[登錄]按鈕后即進(jìn)入Yahoo空間。
點(diǎn)“我的空間”鏈接后,系統顯示如下界面:
在界面上直觀(guān)的告訴用戶(hù)當前操作需要的步驟以及目前的狀態(tài),不過(guò)界面信息布局有些不合理,應該把“第一步”和“3步創(chuàng )建雅虎空間”信息進(jìn)行合并放在一起,不應該分開(kāi),目前的布局使得用戶(hù)以為當前頁(yè)面的標題是“3步創(chuàng )建雅虎空間”,其實(shí)當前頁(yè)面的作用是“編輯昵稱(chēng)”,需要進(jìn)行重新調整。
這么大的頁(yè)面竟然沒(méi)有任何幫助信息和提示信息,按鈕設計得比較大,容易點(diǎn)擊,可惜按鈕也缺少狀態(tài)的反饋。“跳過(guò)”這個(gè)字語(yǔ)含義不夠具體。
點(diǎn)[繼續]按鈕后,系統進(jìn)入下一步,界面如下,系統缺少真實(shí)界面的預覽功能,且當用戶(hù)選擇某一個(gè)模板后,想取消當前選擇時(shí),用戶(hù)必須要選擇系統一個(gè)模板才行,高級用戶(hù)也許知道使用“跳過(guò)”這一功能來(lái)取消當前操作,不過(guò)普通用戶(hù)是不理解這種操作。
點(diǎn)[繼續]按鈕后,系統進(jìn)入最后一個(gè)界面,此界面既然要求用戶(hù)填寫(xiě)興趣愛(ài)好且標題清晰的表明這是一個(gè)選填頁(yè)面,既然這個(gè)界面不是必須要填寫(xiě)的頁(yè)面,那就應該去掉此界面,把創(chuàng )建向導頁(yè)面改成2步。設計界面的宗旨應該是盡量減少信息,而不是增加多余的信息。
登錄主界面
上圖就是登錄系統后的主界面,界面上有如下功能:編輯空間,精彩推薦,聯(lián)系人,最新更新的空間,搜索等。
界面中各模塊布局差異較大,色彩太多,特別是“精彩推薦”欄目過(guò)于搶眼,使得其他模塊不夠突出,訪(fǎng)問(wèn)統計模塊應該和上面的編輯模塊嚴格區分,目前感覺(jué)太混亂,主次不分,下面就分析一下各模塊的優(yōu)劣。
搜索功能:
1. 搜索模塊中的標簽文字應該放置在輸入框前面,目前感覺(jué)有些怪。
2. “昵稱(chēng)搜索”“郵箱搜索”“興趣搜索”三個(gè)標題中均含有搜索二字,感覺(jué)有些重復。
3. 點(diǎn)“高級搜索”后,在展開(kāi)的高級搜索界面中無(wú)法返回上一個(gè)搜索界面,只能通過(guò)點(diǎn)瀏覽器中的[后退]按鈕。
4. 姓名搜索不應該把姓和名分開(kāi)。
5. 點(diǎn)“高級搜索”后,不應該再顯示普通搜索內容,應該僅顯示高級選項。
6. 高級搜索中的輸入框前面的標簽字不應該灰掉,容易造成誤解。
7. 高級搜索中各控件提示信息應該放在控件后面,與注冊頁(yè)面風(fēng)格保持一致。
8. 普通查詢(xún)和高級查詢(xún)界面按鈕風(fēng)格不統一。
9. 高級搜索中各性別應該用下拉選擇控件,不應該用單選項。
10. 高級搜索中“關(guān)鍵字”輸入框表達不清楚,不明白其具體用途。
11.界面主導航上有個(gè)“搜索”模塊,點(diǎn)擊此模塊顯示的頁(yè)面就是當前的高級查詢(xún)界面,應該統一“高級查詢(xún)”和“搜索”2名稱(chēng)。
新消息功能
1. 主界面有兩處顯示新消息,且兩處新消息的圖標還不一樣沒(méi),應該考慮把左上角用戶(hù)圖像下的新消息去掉,僅保留右上角的即可。
2. 新消息標題目前不夠醒目,需考慮加粗顯示,“查看消息”文字沒(méi)必須加粗顯示。
3. “查看消息”鼠標移上去有下劃線(xiàn),而“全選”,“取消”卻沒(méi)有下劃線(xiàn)。
4 . [刪除]按鈕旁邊的箭頭符號有點(diǎn)多余,可以考慮去掉。
5 . 系統應該有回收站功能,這樣用戶(hù)就可以恢復被誤刪的信息。
寫(xiě)日志功能
1. 標題輸入框里面默認值為日期,感覺(jué)很怪異,應該去掉默認值。
2. 上傳圖片功能有點(diǎn)雞肋化,僅支持jpg圖片格式,且用戶(hù)竟然不能在編輯框里面看到圖片效果,缺少相關(guān)的反饋。
3. 勾選“使用HTML代碼編輯”后,編輯框上方的工具欄應該灰掉,目前的這種交互不合理。
4. 其它選項中的“設為精華”還是很重要的,不應該把它隱藏起來(lái)。
5. 界面中缺少保存草稿的功能。
6. 系統提供了預覽功能,不過(guò)預覽功能使用頻率還是遠遠低于發(fā)表日志功能,所以默認焦點(diǎn)應該定位到[發(fā)表日志]按鈕。
7. 編輯框下方的“創(chuàng )建投票”放置在這里感覺(jué)很怪,有做廣告的嫌疑,需去掉。
8. 編輯框和上方的工具欄處于分開(kāi)狀態(tài),需要重新調整位置。
編輯個(gè)人資料功能
1. 個(gè)人簡(jiǎn)介僅能輸入250個(gè)字符,支持字數太少,多填寫(xiě)幾個(gè)字也不會(huì )占用多少空間。
2. 各控件對應的文字標簽應該放置在控件左邊,而不是放置在下方。
3. 用橫線(xiàn)分割的各部分標題應該加粗顯示,目前不夠突出,增加用戶(hù)閱讀信息的難度。
4. 由于目前界面需要填寫(xiě)的信息太多,需要好幾屏才能顯示完整,應該在編輯資料頭部也放置[保存]和[去掉]操作按鈕,可以減少用戶(hù)滾屏的痛苦。
5. 界面中支持添加新的內容,但是不支持刪除功能。
6. 設置區域里面的“狀態(tài)”下拉控件位置擺放不合理,目前已經(jīng)超出當前區域范圍。且當進(jìn)行基本和高級切換時(shí),“狀態(tài)”下拉控件長(cháng)度會(huì )發(fā)生變化,感覺(jué)有些怪。
7. 提示信息的第二條表達不夠清楚,沒(méi)有告訴用戶(hù)需要高級單選框后才可以進(jìn)行項目的權限控制。
8. 設置每一項的顯示情況,在提示信息中描述為“瀏覽權限”,在設置區域則變?yōu)?#8220;瀏覽級別”,實(shí)際上他們表達的都是同一個(gè)內容,名稱(chēng)需要統一。
9. 提示信息和控件標簽文字色彩一樣,容易造成用戶(hù)理解的難度,應該嚴格區分2種狀態(tài),比如說(shuō)把控件標簽文字色彩置為黑色。
編輯編輯個(gè)人頭像
1. 通過(guò)[瀏覽]按鈕選擇好圖片后,竟然沒(méi)有上傳圖片功能,用戶(hù)必須點(diǎn)最下方的[保存]按鈕才可以進(jìn)行上傳,與用戶(hù)正常的概念模型不符,應該支持選擇圖片后即可上傳。
2. 既然程序僅支持jpg格式的圖片,那么就應該在用戶(hù)選擇圖片的時(shí)候就進(jìn)行相關(guān)的限制,否則用戶(hù)會(huì )白忙活半天。
3. 上傳圖片需要點(diǎn)[保存]按鈕,而點(diǎn)刪除鏈接時(shí)圖片就立刻被刪除,不需要點(diǎn)[保存]按鈕,同一個(gè)頁(yè)面交互方式不一致。
4. 圖像四周的邊紋太累贅,容易干擾用戶(hù)的視線(xiàn),建議去掉。當前狀態(tài)下圖像顯示較小,容易給用戶(hù)造成誤解,以為實(shí)際圖片大小也是這樣,應該顯示真實(shí)大小。
5。“創(chuàng )建我的形象秀”超鏈接文字放置一個(gè)即可,目前在系統中擺放了3個(gè),太花了。
其他問(wèn)題
1. 當前只有一頁(yè)日志時(shí),在日志上下方的分頁(yè)文字如下“第一頁(yè) | 上一頁(yè) | 1 | 下一頁(yè) | 最末頁(yè)”,這種設計是不合理的,因為目前根本就沒(méi)有下一頁(yè),不應該有這些按鈕存在。
2. 刪除日志和留言時(shí),系統沒(méi)有任何提示直接就把它刪除掉,且刪除后無(wú)模態(tài)提示信息不會(huì )自動(dòng)消失,感覺(jué)有些不爽。
3. 界面中缺少一個(gè)清晰的導航,容易讓用戶(hù)迷路,應該當一行當前位置信息欄。
4. 當點(diǎn)擊下面的“空間”欄目鏈接后,界面頭部空了很大一塊空間,嚴重浪費。
5. “基本信息”模塊必選項前面加“*”提示,系統其他部分均沒(méi)有此種風(fēng)格,難道這些模塊是由不同的程序員開(kāi)發(fā)?
6. “基本信息”模塊各控件對應的標簽信息文字有的擺在控件上方,有些擺在左邊,有些擺在下方,簡(jiǎn)直就是一鍋大雜燴。
7. “基本信息”模塊中的[保存并繼續]和[取消]按鈕是灰色效果,而[保存]按鈕色彩很明艷,容易讓用戶(hù)以為前面2按鈕是不可用狀態(tài)。
8. “基本信息”模塊中的“空間網(wǎng)址”應該是一個(gè)整體,不應該在網(wǎng)址中用不同的文字效果表達。
9. “消息設置”模塊中的“邀請信”字段下方的“設定范圍”下拉框僅有一個(gè)字段,僅一條信息不應該使用下拉控件。
10. 日歷控件中的切換箭頭太袖珍,點(diǎn)擊很不方便。
11. 心情后面的回復按鈕不應該出現在管理員界面,因為此時(shí)發(fā)送人和接收人相同。系統目前僅僅是采用報錯的方式不太理想,應該根據不同的狀態(tài)決定是否顯示此功能。且界面上方這么大區域放置心情內容,有些不合理。
12. 系統當前欄目標題采用灰掉的表現方式,感覺(jué)不太合理,應該用加粗且變黑較好。
13. “日記設置”模塊中很多字段都有“日志”,過(guò)于重復,可以考慮去掉這兩字。
14. 當“留言板”里面沒(méi)有填寫(xiě)內容時(shí),可以點(diǎn)擊[發(fā)布]按鈕,這種交互不合理,應該默認灰掉,僅當用戶(hù)填寫(xiě)相關(guān)內容時(shí)此按鈕再激活。
聯(lián)系客服