什么是網(wǎng)站用戶體驗(yàn)設(shè)計(jì)?

2022-08-08    分類: 用戶體驗(yàn)

像品牌、設(shè)計(jì)和營銷中的許多事情一樣,用戶體驗(yàn)設(shè)計(jì)是什么并沒有一個(gè)明確的定義。事實(shí)上,如果你走進(jìn)一個(gè)有 10 位用戶體驗(yàn)設(shè)計(jì)師的房間,問他們每個(gè)人“那么,用戶體驗(yàn)設(shè)計(jì)到底是什么?” 你會得到10個(gè)不同的答案。

這并不是說嘗試定義它沒有價(jià)值。所以我們會試一試。
“用戶體驗(yàn)設(shè)計(jì)是一種在設(shè)計(jì)網(wǎng)站、應(yīng)用程序和產(chǎn)品時(shí)考慮到用戶的需求和目標(biāo)的方法。
這是為了讓事情變得簡單而有趣,同時(shí)消除任何可能使體驗(yàn)令人沮喪、令人失望或令人失望的摩擦。”
很酷,這是一個(gè)很好的起點(diǎn)。
讓我們展開。
定義用戶體驗(yàn)設(shè)計(jì)
在市場營銷領(lǐng)域,您很少能找到能夠處理整個(gè) UX 設(shè)計(jì)過程的 UX 設(shè)計(jì)師。
這是因?yàn)榇蛟炝己玫挠脩趔w驗(yàn)需要來自具有不同技能的各種專業(yè)人士的投入。
這有點(diǎn)過于簡單化了,但您可以從根本上將 UX 設(shè)計(jì)分解為 3 個(gè)獨(dú)立的學(xué)科:
用戶界面/網(wǎng)站設(shè)計(jì)
書面內(nèi)容
可用性
UI 和網(wǎng)站設(shè)計(jì)是設(shè)計(jì)應(yīng)用程序用戶界面和網(wǎng)站的行為——它通常由平面設(shè)計(jì)師處理。
書面內(nèi)容是為您的應(yīng)用程序或網(wǎng)站制作書面材料的行為——這通常由文案或內(nèi)容作者處理。
最后,可用性是確保您的網(wǎng)站或應(yīng)用程序功能簡單且易于使用的行為。雖然設(shè)計(jì)師和作家會在這里提供意見,但這個(gè)階段也由程序員、營銷人員和用戶體驗(yàn)研究人員提供信息。
現(xiàn)在讓我們看看每個(gè)學(xué)科如何為整個(gè) UX 設(shè)計(jì)過程做出貢獻(xiàn)。
用戶界面/網(wǎng)站設(shè)計(jì)
應(yīng)用程序的用戶界面或網(wǎng)站的設(shè)計(jì)在用戶的整體體驗(yàn)中起著不可或缺的作用。
如果它們在視覺上沒有吸引力,或者更糟糕的是,視覺上難以看清,那么用戶不太可能獲得積極的體驗(yàn)。
反過來,這將使他們在將來使用您的應(yīng)用程序或返回您的網(wǎng)站時(shí)停止使用。
顯然不是你要找的結(jié)果,所以你把它們弄對很重要。
以下是 UI/網(wǎng)站設(shè)計(jì)師在設(shè)計(jì)好用戶體驗(yàn)時(shí)考慮的一些 UX 考慮因素。
布局
這是指信息在屏幕上的布局方式。
如果您的信息以非結(jié)構(gòu)化方式布局,則會變得凌亂和令人費(fèi)解——這會使用戶難以導(dǎo)航。
右側(cè)的示例具有非結(jié)構(gòu)化布局。不僅看起來難看,而且在視覺上也令人困惑。
但是,左側(cè)的示例具有明確定義的結(jié)構(gòu)。
它更容易理解、更整潔、更令人賞心悅目——最終將帶來更好的整體用戶體驗(yàn)。
排版
設(shè)計(jì)師還將做出排版決定以幫助用戶體驗(yàn)。
font-size 和 font-style 等元素對用戶的項(xiàng)目可訪問性有很大影響。
例如,如果您選擇的字體太小,則會導(dǎo)致您的讀者在閱讀您的內(nèi)容時(shí)瞇眼。
無論您的書面內(nèi)容多么出色,如果用戶不得不瞇著眼睛閱讀它,他們就不會像字體更大且更易于閱讀時(shí)那樣享受這種體驗(yàn)。
請記住,用戶體驗(yàn)設(shè)計(jì)師的目標(biāo)是讓體驗(yàn)盡可能順暢。
除了字體大小,設(shè)計(jì)師還必須考慮他們使用的字體樣式。
并非所有字體都是一樣的——有些字體盡管很簡單,但易于閱讀,卻能帶來出色的用戶體驗(yàn)。
其他字體看起來更漂亮,但更難閱讀——因此不利于用戶體驗(yàn)。
左邊的例子使用了一種流行的 Webfont。而且,雖然看起來不是很有趣,但它很容易閱讀。
然而,右邊的例子更有個(gè)性,也更漂亮。也就是說,它也更難閱讀,因此用戶將不得不更加努力地嘗試破譯它。
顏色
設(shè)計(jì)師還負(fù)責(zé)確定網(wǎng)站或應(yīng)用程序上使用的顏色組合。
出于多種原因,顏色選擇很重要。
首先,眾所周知,不同的顏色會對我們產(chǎn)生不同的心理影響。因此,顏色選擇將在很大程度上受到您希望用戶感受的影響。
然后,從功能的角度來看,顏色決定了網(wǎng)站或應(yīng)用程序的閱讀難易程度。
在左邊的例子中,有一個(gè)明顯的顏色對比——白底黑——這使得內(nèi)容非常容易閱讀。
然而,右邊的例子有一個(gè)不太明顯的顏色對比——深灰色上的黑色。這很難閱讀,它有兩個(gè)主要缺點(diǎn):
用戶必須用力才能閱讀內(nèi)容,并且
由于缺乏對比,用戶可能會完全錯(cuò)過重要內(nèi)容!
風(fēng)格與互動
最后,設(shè)計(jì)師還必須考慮項(xiàng)目的整體視覺風(fēng)格。
他們需要決定:
用戶是否會受益于插圖內(nèi)容、攝影或兩者的結(jié)合
用戶是否更喜歡與靜態(tài)圖像、動畫 gif 或視頻內(nèi)容進(jìn)行交互
什么類型的圖標(biāo)將使網(wǎng)站易于快速理解和導(dǎo)航
他們還需要考慮發(fā)生的各種交互。以下是設(shè)計(jì)師在設(shè)計(jì) UX 時(shí)考慮的常見交互列表:
號召性用語按鈕是否會在懸停時(shí)改變顏色以清楚地表明它們是可點(diǎn)擊的?
當(dāng)用戶向上和向下滾動時(shí),頁面元素是否會發(fā)生變化?
當(dāng)用戶滾動時(shí),導(dǎo)航欄是否需要固定在屏幕頂部,以便他們始終能夠輕松導(dǎo)航到您網(wǎng)站或應(yīng)用程序的不同部分?
書面內(nèi)容
設(shè)計(jì)好之后,讓我們看看如何優(yōu)化書面內(nèi)容以增強(qiáng)用戶體驗(yàn)。
在本文開頭,我們強(qiáng)調(diào)了用戶體驗(yàn)的一個(gè)重要元素是考慮用戶的需求和目標(biāo)。
作為一名文案或內(nèi)容作者,您需要對這些需求和目標(biāo)有非常詳細(xì)的了解,以確保您的書面內(nèi)容符合要求。
這是一個(gè)例子。
假設(shè)您正在為汽車銷售網(wǎng)站編寫內(nèi)容。
作為一名汽車愛好者,您可能想撰寫有關(guān)您喜歡汽車的所有內(nèi)容的內(nèi)容:不同類型的排氣、發(fā)動機(jī)尺寸、拋光劑類型等。
雖然這可能是很棒的、寫得很好的內(nèi)容,但除非您的用戶也是汽車愛好者,否則他們不太可能感興趣。
相反,他們可能更感興趣的是找出哪些汽車最經(jīng)濟(jì),最適合家庭使用,或者擁有可以向朋友吹噓的好儀表板功能!
這是他們做出購買決定所需的信息。
因此,為了確保積極的用戶體驗(yàn),您需要確保將其包含在網(wǎng)站上。
除了編寫什么內(nèi)容外,內(nèi)容編寫者還必須考慮它是如何編寫的。
他們需要考慮以下問題:
可讀性——它是否易于閱讀,或者用戶是否需要語言學(xué)碩士學(xué)位才能理解它?
語氣——用戶會對有趣的寫作風(fēng)格、信息豐富的寫作風(fēng)格還是富有同情心的寫作風(fēng)格做出更好的反應(yīng)?
內(nèi)容長度——用戶更喜歡長的、信息豐富的內(nèi)容,還是他們更喜歡更容易消化的簡短、活潑的內(nèi)容?
正確平衡這些元素對于確保您的用戶在您的應(yīng)用程序或網(wǎng)站上獲得順暢、愉快的體驗(yàn)至關(guān)重要。
可用性
我們將在本文中介紹的最后一門學(xué)科是可用性,這可能是 UX 設(shè)計(jì)中最重要的元素。
你可以擁有世界上最漂亮的網(wǎng)站,擁有最雄辯的內(nèi)容,但是,如果網(wǎng)站或應(yīng)用程序不可用,它最終會爆炸。
這就是為什么像Craigslist這樣丑陋的網(wǎng)站仍然是互聯(lián)網(wǎng)上訪問量大的網(wǎng)站之一。
它看起來可能并不漂亮,但從功能上講,它非常易于使用。
如前所述,可用性通常由設(shè)計(jì)師和作家共同決定。
如果您的網(wǎng)站看起來漂亮且易于閱讀,那么它會立即變得更加可用。
但可用性也受到 UX 設(shè)計(jì)團(tuán)隊(duì)的其他成員的影響——例如程序員、營銷人員和用戶研究人員。
例如,程序員將研究如何使應(yīng)用程序或網(wǎng)站穩(wěn)定、快速和可靠。所有這些都有助于提高可用性。
營銷人員將關(guān)注站點(diǎn)地圖、信息布局和用戶旅程等內(nèi)容。
雖然我們需要一篇單獨(dú)的文章來深入介紹所有這些主題,但定義它們的一種簡單方法是讓用戶更容易找到他們正在尋找的東西。
例如,如果您正在設(shè)計(jì)一個(gè)電子商務(wù)網(wǎng)站,營銷人員會考慮如何地布局您的導(dǎo)航欄,以便用戶只需單擊按鈕即可輕松導(dǎo)航到目錄中的任何產(chǎn)品。
這聽起來可能很基礎(chǔ),但您會驚訝于有多少電子商務(wù)網(wǎng)站實(shí)際上弄錯(cuò)了這部分。
最后,用戶研究人員將使用各種工具來監(jiān)控用戶如何與應(yīng)用程序或網(wǎng)站進(jìn)行交互。
他們還將進(jìn)行調(diào)查——以及現(xiàn)場和應(yīng)用內(nèi)問卷調(diào)查——與用戶討論他們喜歡和不喜歡用戶體驗(yàn)的地方。
然后,他們將整理這些信息并將其傳遞給 UX 團(tuán)隊(duì),以實(shí)施到應(yīng)用程序或網(wǎng)站的未來迭代中,以進(jìn)一步改善用戶體驗(yàn)。
好了,這是對 UX 設(shè)計(jì)的快速介紹。
雖然它并不完全全面——我們將在未來創(chuàng)建更多關(guān)于該主題的帖子——希望它能讓您對 UX 設(shè)計(jì)及其含義有一個(gè)很好的基本了解。
最后,如果您正在尋找更多內(nèi)容來增強(qiáng)您的 UX 知識,請務(wù)必查看我們的網(wǎng)頁設(shè)計(jì)指南和我們編寫更具影響力的內(nèi)容的技巧。

分享名稱:什么是網(wǎng)站用戶體驗(yàn)設(shè)計(jì)?
網(wǎng)頁URL:http://www.bm7419.com/news20/187120.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有用戶體驗(yàn)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化