熱門(mén)標簽
- 梅里斯網(wǎng)頁(yè)設計公司
- 演禮做網(wǎng)站
- 白圩網(wǎng)站制作公司
- 火連寨網(wǎng)站制作
- 小院網(wǎng)頁(yè)設計
- 皮草設計網(wǎng)站
- 車(chē)埠制作網(wǎng)站
- 立節制作網(wǎng)頁(yè)
- 張老埠網(wǎng)頁(yè)設計
- 大洛網(wǎng)頁(yè)設計
- 漫川關(guān)高端網(wǎng)站建設
- 白烏網(wǎng)站建設
- 哪些平面設計網(wǎng)站能接單
- 門(mén)樓下網(wǎng)站設計制作
- 塔什店網(wǎng)站開(kāi)發(fā)公司
- 鄞江網(wǎng)站制作公司
- 長(cháng)潭河網(wǎng)站制作公司
- 大湖口做網(wǎng)站
- 吳家窯網(wǎng)站推廣
- 鐵西網(wǎng)站制作
熱文推薦
- **電路板和電子組裝展國內網(wǎng)購交易…
- 如何利用網(wǎng)站內容的關(guān)鍵詞提高網(wǎng)站…
- 現在比較流行的網(wǎng)站設計風(fēng)格是什么…
- 深圳做網(wǎng)站哪家實(shí)力雄厚,深圳網(wǎng)站…
- 定制網(wǎng)站開(kāi)發(fā)吸引蜘蛛爬行的優(yōu)勢是…
- 深圳福田網(wǎng)站制作,高端網(wǎng)站制作有…
- 如何設計電商購物場(chǎng)景
- 移動(dòng)端排名優(yōu)化如何做?深圳網(wǎng)站優(yōu)…
- 網(wǎng)頁(yè)設計與開(kāi)發(fā)應該怎么做?
- 外貿網(wǎng)站設計的小心機都有哪些?
深挖用戶(hù)體驗,如何提升用戶(hù)體驗
所謂的用戶(hù)體驗,其實(shí)就是讓用戶(hù)"習慣", Don't make user think. 這個(gè)是終極目標啦,隨著(zhù)產(chǎn)品的不斷的改善,用戶(hù)體驗也在隨之變化。但是,如果你在做一款產(chǎn)品,所謂的標準,終極檢驗方法,還是用戶(hù),以及用戶(hù)對于產(chǎn)品的反饋。 對于互聯(lián)網(wǎng)產(chǎn)品的設計,有一些標準的用戶(hù)習慣,可以作為所謂量化的標準。
用戶(hù)界面設計的三大原則是:
置界面于用戶(hù)的控制之下;
減少用戶(hù)的記憶負擔;
保持界面的一致性。
用戶(hù)界面設計在工作流程上分為結構設計、交互設計、視覺(jué)設計三個(gè)部分。結構設計也稱(chēng)概念設計 (Conceptual Design),是界面設計的骨架。通過(guò)對用戶(hù)研究和任務(wù)分析,制定出產(chǎn)品的整體架構。交互設計的目的是使產(chǎn)品讓用戶(hù)能簡(jiǎn)單使用。 任何產(chǎn)品功能的實(shí)現都是通過(guò)人和機器的交互來(lái)完成的。因此,人的因素應作為設計的核心被體現出來(lái)。視覺(jué)設計包括色彩、字體、頁(yè)面設計等。視覺(jué)設計要達到用戶(hù)愉悅使用的目的。
通過(guò)“指標”就是我們用來(lái)衡量用戶(hù)體驗的標準,將標準分為三個(gè)等級,分別占0分、1分、2分,每個(gè)標準都有它的評分標準,當用戶(hù)反饋的問(wèn)題完全符合這個(gè)標準時(shí),就占0;如問(wèn)題不符合標準,就占2分;如問(wèn)題不嚴重,只是還不夠完善,就占1分;后拿問(wèn)題去套這里的標準,得出來(lái)的總分就是我們要評定改版的指標了。
總分越高,說(shuō)明該條的用戶(hù)體驗越差,后我們將得出的總分來(lái)判斷問(wèn)題的用戶(hù)體驗值:總分在0 – 5 分且單個(gè)標準在2分以下的(標示用戶(hù)體驗為良好);總分在5 – 10分且單個(gè)標準在2分以下的(標示用戶(hù)體驗為較差);總分在十分以上或有2個(gè)2分以上的標準的(標示用戶(hù)體驗為很差)。
結構設計
有足夠的空間讓用戶(hù)看到主要的內容,要適合多數瀏覽器瀏覽(以15、17寸、19寸顯示器為主)
0:足夠看到主要內容
1:只看到2/3看到
2:小于1/3的內容
盡量避免使用結構復雜的表格,表格嵌套不要超過(guò)3層;
0:小于等于2層
1:三到四層
2:五層或五層以上
頁(yè)面長(cháng)度原則上不超過(guò)3屏,寬度不超過(guò)1屏幕。(以1024X768為準)
0:長(cháng)小于3屏,寬小于1屏
1:長(cháng)超出3屏或寬超出1屏
2:長(cháng)超出3屏,寬超1屏
頁(yè)面避免使用iframe,如果必須使用,采用對應的優(yōu)化方式。(優(yōu)化是指:對瀏覽器是否支持框架進(jìn)行判斷以及iframe寬高度自適應頁(yè)面)
0: 無(wú)iframe
1:有1-2個(gè)iframe,且無(wú)優(yōu)化
2:多于2個(gè)iframe,且無(wú)優(yōu)化
頁(yè)面布局要重點(diǎn)突出,圖文并茂;做數據統計,將目標客戶(hù)感興趣的放置在重要顯著(zhù)的位置(一般為頁(yè)面的頭部和左上角)
0:重點(diǎn)突出,圖文并茂,且在重要的位置放的是用戶(hù)感興趣的
1:重點(diǎn)不突出或沒(méi)有圖文并茂
2:重點(diǎn)不突出且沒(méi)有圖文并茂
交互設計
表單的填寫(xiě)流程要清晰、簡(jiǎn)潔,必填的項要放在頁(yè)面的顯著(zhù)位置(主體頁(yè)面的頭部,),非必填項不能影響用戶(hù)填寫(xiě)的效率。
0:必填項位置顯著(zhù),非必填項沒(méi)有影響用戶(hù)填寫(xiě)的效率
1: 必填項位置不顯著(zhù)或非必填項影響了用戶(hù)填寫(xiě)的效率
2: 必填項和非必填項混在一起,影響了用戶(hù)填寫(xiě)的效率
表單的填寫(xiě)盡量多采用既有選擇也有輸入的方式,需填寫(xiě)部分需注明內容的實(shí)例,并對字段作出限制。
0: 既有選擇也有輸入的方式,并有注明實(shí)例
1: 沒(méi)有選擇性輸入或沒(méi)有注明填寫(xiě)的實(shí)例
2: 沒(méi)有選擇性輸入且沒(méi)有注明填寫(xiě)的實(shí)例
對于交互性的按鈕必須清晰突出,以確保用戶(hù)可以清楚地點(diǎn)擊。
0: 調查10人(8人或以上的人很快就能點(diǎn)擊到按鈕)
1: 調查10人(只一半的人很快就能點(diǎn)擊到按鈕)
2: 調查10人(6人或以上的人在短時(shí)間找不到要點(diǎn)擊的按鈕)
點(diǎn)擊:瀏覽過(guò)的信息需要顯示為不同的狀態(tài),以區分于未閱讀內容,避免重復閱讀。
0: 有不同的狀態(tài)顯示
1: 只有部分有不同的狀態(tài)顯示
2: 沒(méi)有狀態(tài)顯示
盡量減少新開(kāi)的窗口,以避免開(kāi)過(guò)多的無(wú)效窗口:打開(kāi)的IE新窗口不超過(guò)2層;打開(kāi)的IE / DIV / alert 新窗口總不超過(guò)三個(gè),避免在DIV窗口再打開(kāi)DIV窗口。
0: IE窗口<=2 IE+DIV+ALERT 新窗口 <=3,DIV窗口沒(méi)有再打開(kāi)DIV窗口
1:IE窗口>=2或 IE+DIV+ALERT 新窗口 >=3或DIV窗口沒(méi)有再打開(kāi)DIV窗口
2: IE窗口>=2 IE+DIV+ALERT 新窗口 >=3,DIV窗口有再打開(kāi)DIV窗口
涉及到用戶(hù)操作的東西,要有及時(shí)、清楚的錯誤、成功或信息提示;并要能保存上一步操作。
0:有及時(shí)清楚地提示,能保存上一步操作
1: 無(wú)提示或不能保存上一步操作
2: 無(wú)提示也不能保存上一步操作
對于每一個(gè)點(diǎn)擊進(jìn)行友好提示,以增加瀏覽者的親和度,對圖片、圖標、鏈接有TIP提示或在相應位置加“說(shuō)明”、“注意”的文字信息。
0: 每一個(gè)點(diǎn)擊進(jìn)行友好提示
1: 有提示,但提示不友好 無(wú)友好的提示
對用戶(hù)輸入性的操作,提供快速反饋;將光標定位到個(gè)要輸入的表單對象上,給用戶(hù)心理上的暗示,避免用戶(hù)焦急。
0: 有快速的反饋,且有光標定位
1: 反饋不快速或無(wú)光標定位
2: 無(wú)快速反饋、無(wú)光標定位
欄目的命名要與欄目?jì)热轀蚀_相關(guān),簡(jiǎn)潔清晰,不宜過(guò)于深奧。
0: 調查10人(8人或以上的人認為欄目命名很好)
1: 調查10人(只一半的人認為欄目命名好)
2: 調查10人(6人或以上的人認為欄目命名深奧)
導航要清晰,欄目的層級多不超過(guò)三層;且隨時(shí)轉移功能,很容易從一個(gè)功能跳到另外一個(gè)功能。
0: 導航欄的層級不超過(guò)3層
1: 導航欄的層級為4層
2: 導航欄的層級多于4層
在頁(yè)面的醒目位置(主體頁(yè)面的頭部),提供信息搜索框和排序功能,便于查找到所需內容
0:有醒目的搜索框和排序功能
1: 有搜索框和排序但不醒目
2: 無(wú)搜索框和排序
正常情況下,盡量確保頁(yè)面在5秒內打開(kāi)。如果是大 型門(mén)戶(hù)網(wǎng)站,必須考慮南北互通問(wèn)題,進(jìn)行必要的壓力測試
0: 1 – 2秒內打開(kāi)
1: 3 -5秒內打開(kāi)
2: 5秒以上打開(kāi)
讓用戶(hù)控制界面(界面的大小、位置、大化、小化、關(guān)閉、滾動(dòng)條控制等)
0: 用戶(hù)能很好的控制
1: 控制不完善
2: 用戶(hù)不能控制
無(wú)論用戶(hù)瀏覽到哪一個(gè)層級,哪一個(gè)頁(yè)面,都可以清楚知道自己當前的位置,使其做出下一步行動(dòng)的決定。
0: 每個(gè)層級每個(gè)頁(yè)面都有當前的位置
1: 沒(méi)有當前的位置或不知道下步的操作
2: 用戶(hù)不知道自己在哪,也不知道下一步干嘛。
對信息量大的操作要有批量處理的功能(如審核、刪除、添加等)
0: 有批量處理的功能
1: 只有部分有批量處理
2: 無(wú)批量處理的功能
視覺(jué)設計
界面風(fēng)格要協(xié)調一致,讓用戶(hù)有一個(gè)整體的感覺(jué)。 (知名能提供換膚的功能)
0: 典型用戶(hù)調查10人(符合8-7人的習慣)
1: 典型用戶(hù)調查10人(符合5 - 6人的習慣)
2: 典型用戶(hù)調查10人(符合1-4的習慣)
采用易于閱讀的字體,避免文字過(guò)小或過(guò)密造成的閱讀障礙。(主體字 中文采用標準的12PX 宋體;英文采用12PX Arial 字體)
0: 文字便于閱讀且有字體大中小設置
1: 文字過(guò)小或文字過(guò)密
2: 文字過(guò)小且過(guò)密,沒(méi)有字體大中小的設置
動(dòng)畫(huà)效果要與主畫(huà)面相協(xié)調,文件大小在10K以上的要有加載畫(huà)面。
0: 動(dòng)畫(huà)與頁(yè)面協(xié)調,有加載畫(huà)面
1: 動(dòng)畫(huà)與頁(yè)面不太協(xié)調或10K以上動(dòng)畫(huà)無(wú)加載頁(yè)面
2: 動(dòng)畫(huà)與頁(yè)面不太協(xié)調且10K以上動(dòng)畫(huà)無(wú)加載頁(yè)面
圖片展示要比例協(xié)調、不變形,圖片清晰。
0: 圖片清晰且不變形
1: 圖片不清晰或變形
2: 圖片不清晰且變形
圖標使用要簡(jiǎn)潔、明了、易懂、準確,與頁(yè)面整體風(fēng)格統一;盡量使用真實(shí)世界的比喻。如:電話(huà)、打印機的圖標設計,尊重用戶(hù)以往的使用經(jīng)驗。同樣的功能用同樣的圖形。
0: 調查10人(8人或以上的人認為圖標使用合理)
1: 調查10人(只一半的人認為圖標合理)
2: 調查10人(6人或以上的人認為圖標使用不合理)
對于長(cháng)篇文章 進(jìn)行分頁(yè)瀏覽,超過(guò)1.5屏時(shí) 進(jìn)行翻頁(yè)(15寸顯示器為準)
0: 超過(guò)1.5屏能分頁(yè)瀏覽
1: 2屏以上才分頁(yè)瀏覽
2: 無(wú)分頁(yè)瀏覽功能
色彩與內容。整體不超過(guò)5個(gè)色系,盡量少用紅色、綠色。近似的顏色表示近似的意思。以恰當的色彩明度和亮度,確保瀏覽者的瀏覽舒適度。
0: 小于5,主色沒(méi)有用到紅色和綠色
1: 整體色調是紅或綠或整體色系超出5個(gè)
2: 整體色調就是紅或綠,色系超出5個(gè)
提供界面的快捷方式,一個(gè)功能有多個(gè)入口;快捷方式體現出其關(guān)聯(lián)性,放在顯著(zhù)的位置(頁(yè)面的頭部或左上角)
0: 在顯著(zhù)有關(guān)聯(lián)性的快捷方式
1: 有快捷方式但位置不顯著(zhù)
2: 無(wú)快捷方式
減少短期記憶的負擔。讓計算機幫助記憶,例:登錄的用戶(hù)名、密碼、IE進(jìn)入界面地址可以讓機器記住。
0: 有計算機幫助記憶
1: 有部分記憶功能
2: 無(wú)計算機幫助記憶。
對于手機客戶(hù)端的用戶(hù)體驗標準,可以從這三個(gè)方向進(jìn)行評估:結構設計請檢驗:1、2、5 交互設計可以全部,但是第5項改為盡可能減少打開(kāi)鏈接。視覺(jué)設計也是可以全部,但是對于第二項字體,iphone以及安卓,有自己標準的字體,按照其標準設計,就是用戶(hù)體驗的理想狀態(tài)。另蘋(píng)果對UI是由標準的,下載一份標準。按照標準來(lái),體驗知名。
http://ezekroy.com/jianzhanzhishi/7928.html 深挖用戶(hù)體驗,如何提升用戶(hù)體驗