歡迎來(lái)到培訓(xùn)無(wú)憂網(wǎng)!
咨詢熱線 400-001-5729
>
新聞資訊 >
電腦/IT >
web前端 >
基于用戶體驗(yàn)的移動(dòng)互聯(lián)網(wǎng)頁(yè)設(shè)計(jì)原則2022-06-27 07:47:14|已瀏覽:122次
基于用戶體驗(yàn)的移動(dòng)互聯(lián)網(wǎng)頁(yè)設(shè)計(jì)原則1.簡(jiǎn)潔、易操作、避免輸入
鑒于手機(jī)屏幕狹小,要做好頁(yè)面設(shè)計(jì),簡(jiǎn)潔便成了必然的要求。簡(jiǎn)潔并不單指設(shè)計(jì)的不擁擠,同時(shí)還包括頁(yè)面板式和圖形圖像的簡(jiǎn)練概括。就現(xiàn)行的手機(jī)屏幕而言,頁(yè)面上一行的字?jǐn)?shù)最多能容納14個(gè)中文字符,所以,移動(dòng)互聯(lián)網(wǎng)頁(yè)面的板式結(jié)構(gòu)要相對(duì)簡(jiǎn)單,呈 現(xiàn)形式最好單列布局。由于屏幕太小,不足以觀察到頁(yè)面中細(xì)微的設(shè)計(jì),所以圖像的設(shè)計(jì)要以簡(jiǎn)潔為主,要讓用戶對(duì)頁(yè)面內(nèi)容一目了然,而花里胡哨的設(shè)計(jì)只會(huì)干擾用戶的視覺(jué)。良好的用戶體驗(yàn)下的設(shè)計(jì)應(yīng)當(dāng)遵循少即是多的原則,簡(jiǎn)單的交互、清晰的提示和反饋,少而精確的用戶請(qǐng)求,從簡(jiǎn)單、易操作中準(zhǔn)確的滿足用戶需求。另外,還應(yīng)盡可能的減少用戶輸入,避免給用戶增加負(fù)擔(dān)。
基于用戶體驗(yàn)的移動(dòng)互聯(lián)網(wǎng)頁(yè)設(shè)計(jì)原則2.信息扁平化原則
所謂信息扁平化原則,就是指減少信息層次關(guān)系,用戶用最少的頁(yè)面跳轉(zhuǎn)操作找到想要的東西。現(xiàn)在大多數(shù)移動(dòng)互聯(lián)網(wǎng)頁(yè)面設(shè)計(jì)信息結(jié)構(gòu)都以深度為主,整個(gè)信息結(jié)構(gòu)的鏈接呈現(xiàn)樹狀結(jié)構(gòu),用戶想找到自己想要的信息,要一層一層的點(diǎn)擊鏈接,這樣導(dǎo)致用戶操作的復(fù)雜性,在每一次頁(yè)面跳轉(zhuǎn)是,都會(huì)損失掉用戶的流量,嚴(yán)重影響到用戶使用。在這種情況下信息的扁平化顯得尤為重要。我們可以通過(guò)增加Tab將并列的信息顯示在同一個(gè)界面內(nèi),以減少頁(yè)面的跳轉(zhuǎn);增加流程的便捷通道,如圖(1),在頁(yè)面A中增加到達(dá)C的快捷方式,雖然在程序上講C還是第4層,但對(duì)于用戶而言C卻變成了第3層,這樣無(wú)疑就增強(qiáng)了用戶體驗(yàn)度。3.增強(qiáng)交互性和通用性移動(dòng)互聯(lián)網(wǎng)頁(yè)面設(shè)計(jì)要加強(qiáng)交互性的設(shè)計(jì)。使用手機(jī)瀏覽網(wǎng)頁(yè)的過(guò)程實(shí)際上就是用戶與頁(yè)面進(jìn)行交流的過(guò)程,因此良好的交互設(shè)計(jì)是提升用戶體驗(yàn)的重要因素。另外,移動(dòng)互聯(lián)網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)充分考慮各種型號(hào)手機(jī)屏幕大小,不能單單依靠UC瀏覽器來(lái)自動(dòng)調(diào)整頁(yè)面布局和大小,要增強(qiáng)頁(yè)面設(shè)計(jì)的通用性。
基于用戶體驗(yàn)的移動(dòng)互聯(lián)網(wǎng)頁(yè)設(shè)計(jì)原則3.重視色彩搭配,少用圖
移動(dòng)互聯(lián)網(wǎng)頁(yè)面色彩要和桌面網(wǎng)站色調(diào)統(tǒng)一、搭配協(xié)調(diào)。在此,我建議:(1)在同一個(gè)頁(yè)面中,顏色種類不易過(guò)多。顏色太多會(huì)使用戶覺(jué)得頁(yè)面太雜亂,混淆視覺(jué),用戶難以分清主次關(guān)系;(2)顏色搭配分清主次,色調(diào)要統(tǒng)一;(3)盡量使用同色系顏色,同色系的顏色容易使頁(yè)面色調(diào)統(tǒng)一,但需要注意的是,在一些小的元素上可以適當(dāng)搭配小面積的其他顏色,避免呆板。另外,盡量減少用圖,使用圖片能美化頁(yè)面,但同時(shí)也會(huì)使加載速度變慢,增加用戶流量。結(jié)束語(yǔ):移動(dòng)互聯(lián)網(wǎng)發(fā)展勢(shì)頭日漸兇猛,其頁(yè)面設(shè)計(jì)也越來(lái)越重視用戶體驗(yàn)和人性化,越來(lái)越多的設(shè)計(jì)師將設(shè)計(jì)重心轉(zhuǎn)移到用戶體驗(yàn)上,現(xiàn)實(shí)證明,基于用戶體驗(yàn)的移動(dòng)互聯(lián)網(wǎng)頁(yè)面設(shè)計(jì)可以更好的提高用戶滿意度,以用戶為中心的頁(yè)面設(shè)計(jì)正在為移動(dòng)互聯(lián)網(wǎng)開拓一個(gè)嶄新的人機(jī)交流局面。
注:尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.dedgn.cn/news-id-41282.html 違者必究!部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們,了解更多相關(guān)資訊請(qǐng)關(guān)注web前端頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多:150 3333 6050