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