6個(gè)小技巧，讓用戶體驗(yàn)馬上好！
標(biāo)簽：
網(wǎng)頁設(shè)計(jì)
2017.04.26
用戶體驗(yàn)這個(gè)名詞已經(jīng)被說爛了，大家應(yīng)該都知道它有多重要!但你真的知道怎么應(yīng)用在你的網(wǎng)站或 app 上嗎？今天提供 6 個(gè)小技巧，讓產(chǎn)品使??用者體驗(yàn)馬上好!
1.了解用戶怎么閱讀網(wǎng)頁
我們可以透過眼動(dòng)儀技術(shù)(Eyetracking)無干擾的追蹤人眼球移動(dòng)的過程。由研究得知，人們獲得資訊的模式大多不是深讀，而是掃視(scan)。眼動(dòng)儀系統(tǒng)可以透過分析得知用戶會(huì)傾向看哪邊?動(dòng)線為何?注視熱區(qū)(hot zone)在哪?最后產(chǎn)出熱像圖表(heat map)方便我們來解讀。有趣的是，大多數(shù)用戶的眼動(dòng)模式都是由左上角開始，然后移動(dòng)到右方，并再度的往下方第二個(gè)水平方向移動(dòng)，且覆蓋之區(qū)域比第一次還短，最后會(huì)掃視左側(cè)垂直區(qū)域。這樣的模式在熱像圖表會(huì)出現(xiàn)類似"F"的形狀，因此研究員稱為F模式 F-pattern。
2.提供合適的可閱讀性與對(duì)比度
文字是與用戶溝通的重要方式之一，而文字區(qū)塊設(shè)計(jì)的首要重點(diǎn)就是一定要"可閱讀"(readable)，再來才是美感。另外，試著讓文字區(qū)塊之間保持適當(dāng)?shù)牧舭卓臻g也可以幫助閱讀，并且提升網(wǎng)站質(zhì)感。最后，請?jiān)谖災(zāi)簧蠝y試各種亮度是否也能夠順利的閱讀。
3.先體驗(yàn)后注冊
別認(rèn)為每個(gè)用戶都是愛你的，在使用或購買你的產(chǎn)品前都會(huì)乖乖的注冊會(huì)員或提交資料。他們甚至看到需要注冊或提交的按鈕就會(huì)產(chǎn)生厭惡的感覺，并離開這討人厭的頁面。最好的方式就是了解用戶真正的需求，提供他們真的想要的服務(wù)或產(chǎn)品，讓他們先體驗(yàn)或選擇他們要的產(chǎn)品，若他們滿意了自然會(huì)注冊。
4.制定404錯(cuò)誤頁面
當(dāng)伺服器找不到頁面時(shí)，會(huì)出現(xiàn)404錯(cuò)誤頁面，千萬不要什么事情也不做，讓網(wǎng)頁呈現(xiàn)404錯(cuò)誤訊息的預(yù)設(shè)值。因?yàn)檫@是一個(gè)絕佳的機(jī)會(huì)可以設(shè)計(jì)與眾不同的頁面，不論設(shè)計(jì)的方向是加強(qiáng)品牌的意象、展現(xiàn)幽默感或提供協(xié)助都是對(duì)用戶體驗(yàn)大大的加分。但也別忘了要試圖幫助用戶找到他們搜尋的頁面，我們可以透過教導(dǎo)或鼓勵(lì)的方式讓用戶重新搜尋或放置超連結(jié)與聯(lián)絡(luò)訊息。試著透過設(shè)計(jì)404錯(cuò)誤頁面來降低傷害吧!說不定還可以贏得用戶的支持。
設(shè)計(jì)師們該如何設(shè)計(jì)404錯(cuò)誤頁面呢??可以參考這篇文章，絕對(duì)能讓你獲得許多靈感。
5.移動(dòng)裝置的用戶體驗(yàn)與 PC 不同
設(shè)計(jì)移動(dòng)裝置的 app 時(shí)，一定要深入研究和觀察用戶的使用脈絡(luò)，例如他們會(huì)在哪里使用你的 app？所處的環(huán)境為何?舉個(gè)例子, 相較于用戶使用PC，透過移動(dòng)裝置上你的網(wǎng)站時(shí)，他們更容易因?yàn)橹茉馑幍沫h(huán)境而分心，因此清晰的文字與明顯的按鈕可讓用戶快速的了解或操作你的網(wǎng)站，減少用戶分心而錯(cuò)失網(wǎng)站傳達(dá)的訊息。
6.網(wǎng)站放影片不是萬能
不應(yīng)該把網(wǎng)站上的影片當(dāng)作與用戶主要的溝通方式，因?yàn)橛脩舨辉敢饣蚴菦]時(shí)間觀看，或網(wǎng)絡(luò)問題無法觀看時(shí)，網(wǎng)站與用戶間將會(huì)產(chǎn)生巨大鴻溝，最終可能導(dǎo)致失敗。所以請確保在沒有影片時(shí)，用戶也可以得到所需的資訊。
1.了解用戶怎么閱讀網(wǎng)頁
我們可以透過眼動(dòng)儀技術(shù)(Eyetracking)無干擾的追蹤人眼球移動(dòng)的過程。由研究得知，人們獲得資訊的模式大多不是深讀，而是掃視(scan)。眼動(dòng)儀系統(tǒng)可以透過分析得知用戶會(huì)傾向看哪邊?動(dòng)線為何?注視熱區(qū)(hot zone)在哪?最后產(chǎn)出熱像圖表(heat map)方便我們來解讀。有趣的是，大多數(shù)用戶的眼動(dòng)模式都是由左上角開始，然后移動(dòng)到右方，并再度的往下方第二個(gè)水平方向移動(dòng)，且覆蓋之區(qū)域比第一次還短，最后會(huì)掃視左側(cè)垂直區(qū)域。這樣的模式在熱像圖表會(huì)出現(xiàn)類似"F"的形狀，因此研究員稱為F模式 F-pattern。
2.提供合適的可閱讀性與對(duì)比度
文字是與用戶溝通的重要方式之一，而文字區(qū)塊設(shè)計(jì)的首要重點(diǎn)就是一定要"可閱讀"(readable)，再來才是美感。另外，試著讓文字區(qū)塊之間保持適當(dāng)?shù)牧舭卓臻g也可以幫助閱讀，并且提升網(wǎng)站質(zhì)感。最后，請?jiān)谖災(zāi)簧蠝y試各種亮度是否也能夠順利的閱讀。
3.先體驗(yàn)后注冊
別認(rèn)為每個(gè)用戶都是愛你的，在使用或購買你的產(chǎn)品前都會(huì)乖乖的注冊會(huì)員或提交資料。他們甚至看到需要注冊或提交的按鈕就會(huì)產(chǎn)生厭惡的感覺，并離開這討人厭的頁面。最好的方式就是了解用戶真正的需求，提供他們真的想要的服務(wù)或產(chǎn)品，讓他們先體驗(yàn)或選擇他們要的產(chǎn)品，若他們滿意了自然會(huì)注冊。
4.制定404錯(cuò)誤頁面
當(dāng)伺服器找不到頁面時(shí)，會(huì)出現(xiàn)404錯(cuò)誤頁面，千萬不要什么事情也不做，讓網(wǎng)頁呈現(xiàn)404錯(cuò)誤訊息的預(yù)設(shè)值。因?yàn)檫@是一個(gè)絕佳的機(jī)會(huì)可以設(shè)計(jì)與眾不同的頁面，不論設(shè)計(jì)的方向是加強(qiáng)品牌的意象、展現(xiàn)幽默感或提供協(xié)助都是對(duì)用戶體驗(yàn)大大的加分。但也別忘了要試圖幫助用戶找到他們搜尋的頁面，我們可以透過教導(dǎo)或鼓勵(lì)的方式讓用戶重新搜尋或放置超連結(jié)與聯(lián)絡(luò)訊息。試著透過設(shè)計(jì)404錯(cuò)誤頁面來降低傷害吧!說不定還可以贏得用戶的支持。
設(shè)計(jì)師們該如何設(shè)計(jì)404錯(cuò)誤頁面呢??可以參考這篇文章，絕對(duì)能讓你獲得許多靈感。
5.移動(dòng)裝置的用戶體驗(yàn)與 PC 不同
設(shè)計(jì)移動(dòng)裝置的 app 時(shí)，一定要深入研究和觀察用戶的使用脈絡(luò)，例如他們會(huì)在哪里使用你的 app？所處的環(huán)境為何?舉個(gè)例子, 相較于用戶使用PC，透過移動(dòng)裝置上你的網(wǎng)站時(shí)，他們更容易因?yàn)橹茉馑幍沫h(huán)境而分心，因此清晰的文字與明顯的按鈕可讓用戶快速的了解或操作你的網(wǎng)站，減少用戶分心而錯(cuò)失網(wǎng)站傳達(dá)的訊息。
6.網(wǎng)站放影片不是萬能
不應(yīng)該把網(wǎng)站上的影片當(dāng)作與用戶主要的溝通方式，因?yàn)橛脩舨辉敢饣蚴菦]時(shí)間觀看，或網(wǎng)絡(luò)問題無法觀看時(shí)，網(wǎng)站與用戶間將會(huì)產(chǎn)生巨大鴻溝，最終可能導(dǎo)致失敗。所以請確保在沒有影片時(shí)，用戶也可以得到所需的資訊。
400-7808-893 / 010-64913142
我想要個(gè)更針對(duì)我需求的方案
友情鏈接：
也許您需要專業(yè)的服務(wù)，歡迎來電咨詢
您的需求，是我們前進(jìn)最大的動(dòng)力
關(guān)于我們
北京分形科技有限公司成立于2003年，是一家以AI為核心驅(qū)動(dòng)力，提供網(wǎng)絡(luò)品牌策劃、AI互聯(lián)網(wǎng)服務(wù)、WEB3服務(wù)、AI人工智能解決方案的綜合服務(wù)商
我們一直秉承的經(jīng)營理念：責(zé)任、熱情、品質(zhì)、包容
主要業(yè)務(wù)范圍：AI互聯(lián)網(wǎng)服務(wù)（網(wǎng)站建設(shè),網(wǎng)站群,短視頻社交平臺(tái),APP,小程序）AI人工智能行業(yè)解決方案（智慧博物館,智慧公園,智慧景區(qū),智慧社區(qū),智慧醫(yī)療,智慧校園,）IoT智能物聯(lián)產(chǎn)品（智能步道,AR太極,AI健身,AI導(dǎo)覽,AI單車,智慧樹）WEB3（區(qū)塊鏈,元宇宙,NFT數(shù)字藏品）
版權(quán)所有：北京分形科技有限公司
Copyright 2003-2023 www.sddy88.com All Rights Reserved. 北京分形科技有限公司
京ICP備05007162號(hào)-1