如何提高網(wǎng)頁(yè)設(shè)計(jì)的功力

時(shí)間：2023-03-06 15:48:59 HTML 我要投稿

相關(guān)推薦

　　網(wǎng)頁(yè)設(shè)計(jì)的路程無(wú)窮無(wú)盡，那么如何提高網(wǎng)頁(yè)設(shè)計(jì)的功力呢，下面由小編帶來(lái)九條秘訣。

　　NO1 探索問(wèn)題

　　很多設(shè)計(jì)師開(kāi)始項(xiàng)目后就一屁股坐下埋頭苦干，從來(lái)不做與項(xiàng)目相關(guān)的研究，他們的思考過(guò)程通常是這樣的。

　　不，別這樣

　　我知道CSS很好，但設(shè)計(jì)一個(gè)界面或一種體驗(yàn)是為了解決一系列的問(wèn)題。別老從網(wǎng)上找那些不搭的素材、腦殘的字體和丑過(guò)鳳姐的配色方案，你真應(yīng)該找找解決問(wèn)題的方法，當(dāng)然這些問(wèn)題可能包括以下幾方面：

　　- 在移動(dòng)設(shè)備上沒(méi)有經(jīng)過(guò)優(yōu)化

　　- 在屏幕上的閱讀體驗(yàn)不好或色盲的人看不見(jiàn)

　　- 加載時(shí)間超過(guò)了12秒

　　- 沒(méi)能馬上體現(xiàn)出APP的價(jià)值

　　- 注冊(cè)流程步驟太多了

　　NO2 去了解你的用戶(hù)

　　當(dāng)你弄清楚你的用戶(hù)如何去使用產(chǎn)品，問(wèn)題就變得容易解決了，因此在你開(kāi)始動(dòng)手之前，先盡可能地去了解你的用戶(hù)。

　　- 他們的平均年齡是?

　　- 他們用什么的瀏覽器?

　　- 他們?cè)趺凑业侥愕木W(wǎng)站的?

　　- 他們想從你的網(wǎng)站得到什么?

　　- 你想從他們身上得到什么?

　　NO3 學(xué)學(xué)畫(huà)線框圖吧

　　好吧，現(xiàn)在我知道用戶(hù)是誰(shuí)，且知道用戶(hù)在使用過(guò)程中遇到啥問(wèn)題了。那么我是不是可以馬上開(kāi)始重新設(shè)計(jì)的我首頁(yè)了?對(duì)么?

　　錯(cuò)

　　用戶(hù)體驗(yàn)設(shè)計(jì)中最常見(jiàn)的錯(cuò)誤就是總是很本能地從首頁(yè)開(kāi)始設(shè)計(jì)，普遍來(lái)說(shuō)，首頁(yè)的確可以引導(dǎo)用戶(hù)來(lái)達(dá)成你的意愿，但是在很多情況下，也許日志才是用戶(hù)先開(kāi)始瀏覽的內(nèi)容，因此不一定非要使引導(dǎo)頁(yè)作為首頁(yè)。

　　首先，把你網(wǎng)站的所有入口都列出來(lái)。然后，你終于可以從最重要頁(yè)面開(kāi)始設(shè)計(jì)了，拿起筆紙，用線框圖來(lái)規(guī)劃一下這個(gè)頁(yè)面的內(nèi)容。想想你應(yīng)該如何引導(dǎo)用戶(hù)，你是想引導(dǎo)他們?nèi)槟愕奈恼曼c(diǎn)贊?還是想展示更多相關(guān)的內(nèi)容給他們?又或者引導(dǎo)他們?nèi)サ绞醉?yè)?須注意的是，如果提供了太多的選擇和引導(dǎo)，可能用戶(hù)會(huì)最終什么也不做。另外，要確保每個(gè)內(nèi)容的添加都應(yīng)該有它存在的理由，它必須有目的、能解決問(wèn)題，如果沒(méi)有這些前提，刪掉它吧。

　　重復(fù)這些入口，不管用戶(hù)在哪里輸入你的網(wǎng)站，都應(yīng)該讓用戶(hù)輕松地完成任務(wù)并達(dá)到預(yù)期。

　　NO4 有效地傳達(dá)

　　你的工作就是用最迅速、有效、可行的方式來(lái)向你的用戶(hù)傳達(dá)信息。視頻和圖片是非常有效的溝通形式，多研究一下那些經(jīng)過(guò)精心設(shè)計(jì)的網(wǎng)站，通常他們是如何通過(guò)圖片和圖標(biāo)等來(lái)表達(dá)意圖的。

　　不要使你的用戶(hù)產(chǎn)生不必要的疲勞，絕大多數(shù)用戶(hù)都是“快速瀏覽”網(wǎng)頁(yè)，而不是“閱讀”網(wǎng)頁(yè)。讓用戶(hù)可以通過(guò)內(nèi)容的標(biāo)題來(lái)快速找到他們感興趣的內(nèi)容，而且標(biāo)題應(yīng)該盡可能地簡(jiǎn)短和有吸引力。多嘗試，直到找到更簡(jiǎn)單有效的傳達(dá)方式。

　　長(zhǎng)篇大論么?

　　好一點(diǎn)了.

　　又酷又前衛(wèi)!

　　NO5 引導(dǎo)你的用戶(hù)

　　當(dāng)一個(gè)用戶(hù)登陸了你的APP后不能馬上在看到有對(duì)他受益的地方，沒(méi)準(zhǔn)他們會(huì)馬上離開(kāi)并且不再回來(lái)。所以在設(shè)計(jì)產(chǎn)品時(shí)不要立足于如何展示一個(gè)完整的數(shù)據(jù)，而應(yīng)該讓用戶(hù)享受過(guò)程。

　　NO6 鼓勵(lì)你的用戶(hù)

　　當(dāng)你的用戶(hù)出錯(cuò)了，別只是嚴(yán)肅地通知他，然后讓他自行尋找答案。

　　如果你非要這樣做，他們會(huì)責(zé)備你且你馬上會(huì)失去他們的信任。

　　相反，應(yīng)該禮貌地，甚至幽默地讓他們意識(shí)到錯(cuò)誤，然后告知解決方法，鼓勵(lì)用戶(hù)完成任務(wù)。

　　NO7 獎(jiǎng)勵(lì)你的用戶(hù)

　　同樣地，當(dāng)你的用戶(hù)順利完成了任務(wù)，應(yīng)該給予獎(jiǎng)勵(lì)，別僅僅是機(jī)械地通知他們完成了任務(wù)。

　　用更口語(yǔ)化的詞語(yǔ)來(lái)祝賀用戶(hù)、獎(jiǎng)勵(lì)用戶(hù)，他們會(huì)更愿意使用你的產(chǎn)品，更能從中感受到愛(ài)，同樣的他們也會(huì)喜歡你的產(chǎn)品。當(dāng)用戶(hù)的經(jīng)驗(yàn)大于期望時(shí)，說(shuō)明信任關(guān)系已經(jīng)建立了，盡早建立信任關(guān)系對(duì)于良好的用戶(hù)體驗(yàn)來(lái)說(shuō)是首要的。

　　NO8 學(xué)學(xué)基本的開(kāi)發(fā)原理吧

　　只能哦了。

　　NO9 學(xué)學(xué)視覺(jué)設(shè)計(jì)

　　很多搞用戶(hù)體驗(yàn)的都認(rèn)為自己不需要了解一些關(guān)于色彩或者排版的知識(shí)，甚至覺(jué)得完全是浪費(fèi)時(shí)間。問(wèn)題是，設(shè)計(jì)師經(jīng)常使用視覺(jué)層面的方法來(lái)嘗試解決用戶(hù)體驗(yàn)的相關(guān)問(wèn)題，這么說(shuō)吧，當(dāng)你的用戶(hù)在一個(gè)購(gòu)物的流程中遇到問(wèn)題時(shí)，你把按鈕做的漂亮一點(diǎn)是無(wú)補(bǔ)于事的。

　　然而，假設(shè)你的用戶(hù)都按流程走的很好，改善你的視覺(jué)設(shè)計(jì)能很大程度能增強(qiáng)用戶(hù)對(duì)你產(chǎn)品的信任。如果要搞清楚如何在頁(yè)面上有效地組織信息，布局、平衡、對(duì)齊、對(duì)比這些都是必要了解的視覺(jué)設(shè)計(jì)技巧。

【如何提高網(wǎng)頁(yè)設(shè)計(jì)的功力】相關(guān)文章：

如何提高自己的設(shè)計(jì)能力08-25