作為用戶,很容易判斷網(wǎng)站的用戶體驗是否優(yōu)秀,因為主觀感受很難被欺騙。但作為網(wǎng)站的設(shè)計者和開發(fā)者,在角色轉(zhuǎn)換之后,面對問題要復雜得多。作為一個建設(shè)者,需要花費大量的時間和精力來完善體驗的閉環(huán),以使體驗好。今天編寫的這7個UI設(shè)計的原則將幫助您更好地設(shè)計站點的用戶體驗,并將整體用戶體驗大化到一定水平。
1. 網(wǎng)站內(nèi)容應當一目了然
如果您認為網(wǎng)站的內(nèi)容是為了閱讀,那就錯了。現(xiàn)代用戶的注意力時間很短。大多數(shù)用戶快速瀏覽信息,而不是逐字閱讀,信息必須是直觀的、清晰,以確保您可以一目了然地看到它。使用圖表和視覺效果更快地傳達信息和數(shù)據(jù)。
您需要讓您的內(nèi)容更吸引用戶,并且大多數(shù)用戶將通過觸摸他們的信息和內(nèi)容來停止,并且當他們想要了解更多內(nèi)容時,他們將點擊了解更多內(nèi)容。
2. 圍繞用戶體驗來進行整體設(shè)計
要創(chuàng)建令人難忘的用戶體驗,圍繞用戶體驗進行自然設(shè)計是很自然的。即使在某種意義上,數(shù)據(jù)和內(nèi)容也應該是面向服務的,并且應該提供什么樣的體驗。這是設(shè)計師需要一遍又一遍地思考和思考的問題。
圖形、布局、文本和交互元素之間的協(xié)作工作可以創(chuàng)建體驗。任何一個維度都是必不可少的,簡單的信息顯示是不夠的。
為了使您的網(wǎng)頁脫離互聯(lián)網(wǎng)上的大量信息,這種體驗至關(guān)重要。現(xiàn)代網(wǎng)頁中存在大量的視覺和互動內(nèi)容,以便能夠直接擊中人們的心靈,使他們能夠在激烈的競爭中生存。
3. 用戶想要簡單而清晰的內(nèi)容
用戶只需半秒鐘即可確定網(wǎng)站的設(shè)計和內(nèi)容。您需要盡可能清晰明了地使網(wǎng)站的互動和指導。不要讓用戶難以發(fā)現(xiàn)按鈕。在主頁上放置一堆按鈕和鏈接。最好讓用戶通過視覺引導注意最關(guān)鍵的CTA按鈕。
通過迭代和測試不斷優(yōu)化和改善網(wǎng)站的可用性。某些設(shè)計對大多數(shù)用戶非常有用,突出顯示最重要的選項,允許您隱藏其他功能并為用戶提供顯示它們的所有選項。除了清晰的設(shè)計外,整體一致性也很重要。統(tǒng)一顏色匹配、交互和圖形使用戶能夠?qū)罄m(xù)操作有更清晰的期望,并減少后續(xù)操作期間的用戶探索量。這是通過統(tǒng)一設(shè)計提高產(chǎn)品可用性的一種方法。
4. 通用設(shè)計元素 vs 創(chuàng)造性
當設(shè)計元素在其他地方很常見時,它就形成了一個特定的UI模式,即使是以非常有創(chuàng)意的方式也不要修改它。當您將此習慣元素更改為其他元素時,用戶需要花費更多時間來確定它是什么。這種認知負荷會影響整個網(wǎng)站的效率和轉(zhuǎn)換率。例如,漢堡圖標,例如網(wǎng)站登錄條目的位置(右上角)。沒有必要在這樣的地方重新標準化。
對于鏈接、導航、布局這樣的基本元素,應始終優(yōu)先考慮其可用性,然后再基于此。
雖然非傳統(tǒng)設(shè)計很酷,但其可用性問題同樣很大。創(chuàng)意設(shè)計還需要控制其程度和平衡。如果你必須違反規(guī)則,試著控制程度,并最多打破規(guī)則,僅此而已。
5. 了解你的用戶
在開始創(chuàng)建網(wǎng)站和應用程序之前,您應該清楚地了解目標客戶群,以便更好地為它們設(shè)計界面。
一旦您清楚地了解了您的用戶,您就可以了解他們的需求和愿望,并設(shè)計出符合他們期望的界面和體驗。在這個時候,您的競爭對手可以為您提供靈感和想法。注意彼此的顏色,布局,風格和功能。
盡可能使用受眾已熟悉的UI模式和UI元素,以便更快地啟動和運行它們。在此基礎(chǔ)上,適當?shù)貓?zhí)行差異化設(shè)計,這更有效。
確定受眾群體后,請務必將他們的反饋意見納入您的設(shè)計中。
6. 視覺層次很重要
當最重要的元素首先放在界面中時,它們會被可視層次結(jié)構(gòu)突出顯示,以確保用戶可以更快地注意到它們。有許多方法可以突出設(shè)計中的內(nèi)容,但最有效的方法是使它們更大,更引人注目。
構(gòu)建的視覺水平可以使網(wǎng)站的內(nèi)容更清晰,更具功能性。
7. 控制用戶體驗的質(zhì)量
Peter Moville在usability.gov網(wǎng)站上列出了用戶體驗設(shè)計的關(guān)鍵要素。其核心價值是通過不同的維度更好地控制用戶體驗的質(zhì)量:
有用:內(nèi)容應該是原創(chuàng)的并滿足需要。
可用:網(wǎng)站的內(nèi)容應該很容易找到。理想的:設(shè)計元素應該是情感和愉快的。
可以發(fā)現(xiàn)內(nèi)容易于定位,找到和導航。
輔助功能:旨在為殘疾用戶量身定制。
值得信賴:網(wǎng)站內(nèi)容應具有權(quán)威性,值得信賴。
除了上述維度之外,還有一些適用于UX設(shè)計的質(zhì)量指標值得參考:
上下文:有一條符合上下文邏輯的明確路徑。
人性:值得信賴,平易近人,透明,不機械。
可發(fā)現(xiàn)性:用戶可以在第一次訪問時順利完成任務。
可學習性:確保交互足夠簡單并與移動界面無縫對應,確保用戶在后續(xù)訪問期間實現(xiàn)目標。
高效:確保用戶可以快速輕松地完成任務。
愉快:確保產(chǎn)品滿足用戶的需求,并在情感上與用戶建立聯(lián)系。
良好的性能:當用戶與之交互時表現(xiàn)良好。
分享標題:網(wǎng)站設(shè)計前端需要了解的7個關(guān)鍵點
網(wǎng)站網(wǎng)址:http://redsoil1982.com.cn/news/77285.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務項目有網(wǎng)站設(shè)計等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)