網(wǎng)頁交互設(shè)計(jì)的幾點(diǎn)見解

2022-08-04    分類: 網(wǎng)站建設(shè)

什么是網(wǎng)頁交互設(shè)計(jì)呢,所謂交互設(shè)計(jì)就是讓瀏覽器用的來順手,看起來順心,使用起來有良好的用戶體驗(yàn),能夠通過網(wǎng)頁快速找到自己想要找到的東西,而不是去一次次的做無效點(diǎn)擊,那么如何做好網(wǎng)站的交互設(shè)計(jì)呢,主要有一下幾點(diǎn):
1,觀察大型網(wǎng)頁的設(shè)計(jì),首先我們可以來看看Google, YouTube, 百度等知名站點(diǎn),它們的首頁寬度沒什么固定規(guī)律,共同的特點(diǎn)是:功能專一,頁面結(jié)構(gòu)相對(duì)簡單。
根據(jù)上面的簡單分析可以認(rèn)為:當(dāng)搭建頁面結(jié)構(gòu)復(fù)雜的門戶型網(wǎng)站時(shí),開發(fā)工程師們不約而同地都選擇將頁面寬度定為950px/960px.這是一件很有趣的事情,為什么要選擇這個(gè)寬度呢?這個(gè)寬度值究竟有什么魔力?可能大多數(shù)人都不能理解,但是不要緊,你可以參考,在做企業(yè)站的時(shí)候參考這種寬度設(shè)計(jì)就好。
2,按鈕以及文字設(shè)計(jì)問題,先來說說圖片,圖片相對(duì)文字來說,所承載的信息更直觀,也更能渲染氣氛,給用戶留下更深的印象。常見于各種小圖標(biāo),比如下載按鈕,通常會(huì)看到用一個(gè)向下的箭頭來表示。對(duì)于重要的按鈕來說,一般會(huì)將其圖形化,就算沒有采用小圖標(biāo)來輔助表達(dá),也會(huì)采用“色塊”來講“文字”圖形化。
說完圖片,我們?cè)賮碚f說文字方面,我們剛說了圖形化,其實(shí)并不是說,所以文字都可以用圖形來替代,文字的存在還是很有必要的,特別是一些具有“獨(dú)特性”的功能按鈕,用戶接觸得少,沒有相關(guān)的理解經(jīng)驗(yàn),難以圖形化。大多數(shù)情況,文字不會(huì)刪去,而會(huì)保留,輔助說明圖形內(nèi)容。文字還有一個(gè)很常見的問題,就是文字太多,用戶沒有耐心去看,或者看完后沒有理解到所表達(dá)的核心。在設(shè)計(jì)的時(shí)候,要將文字刪了再刪,把“介紹文段”變成“產(chǎn)品口號(hào)”,有助于用戶更好的了解產(chǎn)品。用詞也很重要,如果產(chǎn)品定位是專業(yè)人員使用,那么可以使用一些專業(yè)術(shù)語,如果不是,請(qǐng)把各種專業(yè)術(shù)語“平民化。
3,色彩與按鈕的整體性,網(wǎng)站的顏色跟整個(gè)頁面的按鈕是要一直的,這是交互設(shè)計(jì)最基礎(chǔ)的知識(shí)之一,保證產(chǎn)品各種元素的一致性,不要讓用戶迷茫。比如標(biāo)題的一致性,同一個(gè)功能,這里用A來表達(dá),到了另一個(gè)頁面,也要用A來表達(dá)。這里保障用戶不會(huì)在使用過程中迷茫的基礎(chǔ)。除了產(chǎn)品本身要保持一致性之外,在于產(chǎn)品所屬的行業(yè)來說,這點(diǎn)還有一些有趣的方面可以討論。對(duì)于產(chǎn)品的同行,特別是該行業(yè)中的老大,他們的設(shè)計(jì)是怎 樣的,這點(diǎn)需要交互設(shè)計(jì)師去了解清楚。因?yàn)橛脩糸L期使用這些產(chǎn)品,會(huì)養(yǎng)成一些操作習(xí)慣,比如現(xiàn)在很多信息類APP,下拉代表刷新頁面,如果你設(shè)計(jì)的信息類 軟件,沒有這個(gè)功能,那么在用戶體驗(yàn)上,就會(huì)有所影響。
4,人性化的提示,所有頁面的內(nèi)容都應(yīng)該圍繞著人性化來處理,比如按鈕的大小,反饋信息的選項(xiàng),鏈接的提示等等,都需要從使用習(xí)慣上來分析,所有有影響用戶體驗(yàn)的東西都需要?jiǎng)h除掉,
交互設(shè)計(jì)是網(wǎng)頁設(shè)計(jì)的重點(diǎn),也是提升網(wǎng)頁設(shè)計(jì)師段位的重要參考依據(jù),所以必須要得到大家的重視。

分享題目:網(wǎng)頁交互設(shè)計(jì)的幾點(diǎn)見解
標(biāo)題URL:http://www.muchs.cn/news45/185145.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信公眾號(hào)軟件開發(fā)、網(wǎng)站改版、關(guān)鍵詞優(yōu)化App開發(fā)、網(wǎng)站策劃

廣告

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

成都網(wǎng)站建設(shè)