版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1、世界工廠網(wǎng)線上生態(tài)學(xué)院世界工廠網(wǎng)線上生態(tài)學(xué)院:制造公司開展線上業(yè)務(wù)的加油站如何做好網(wǎng)站頁(yè)面的交互設(shè)計(jì)?在互聯(lián)網(wǎng)發(fā)展早期,很多網(wǎng)站的交互設(shè)計(jì)其實(shí)非常簡(jiǎn)單,往往一個(gè)翻頁(yè)效果、一個(gè)簡(jiǎn)短的動(dòng)畫就能吸引到很多用戶。如今隨著互聯(lián)網(wǎng)的不斷更新迭代,技術(shù)不斷革新,網(wǎng)站交互也得到了很大程度的加強(qiáng),可以說當(dāng)前網(wǎng)站的交互效果是多種多樣的。所以,在制作網(wǎng)站的時(shí)候一定要注意頁(yè)面的交互設(shè)計(jì),那么,都有哪些地方要做好交互設(shè)計(jì)才能提高用戶體驗(yàn)?zāi)兀恳?、增加用戶操作感用?/p>
2、往往會(huì)不經(jīng)意選擇錯(cuò)誤的系統(tǒng)功能,那么產(chǎn)品設(shè)計(jì)就需要一個(gè)明確標(biāo)明“緊急出口”的狀態(tài)或者功能規(guī)避不必要的操作,譬如:支持撤銷和重做。二、布局設(shè)計(jì)布局的目的是優(yōu)化信息展示結(jié)構(gòu),讓用戶能更簡(jiǎn)單的理解頁(yè)面內(nèi)容并且能第一眼找到重點(diǎn)。在思考布局時(shí),尤其需要關(guān)注以下幾點(diǎn):1、是否使用了常見的布局模式,比如ios的返回按鈕。2、是否對(duì)頁(yè)面元素進(jìn)行合理的分類,使相關(guān)的元素更加親密來加強(qiáng)理解。3、是否能讓用戶一眼看到頁(yè)面重點(diǎn),不會(huì)迷失在元素海洋里。4、排版是
3、否符合用戶閱讀習(xí)慣,他能從左到右從上到下合理的在元素間移動(dòng)。5、排版是否符合用戶的操作習(xí)慣,比如最常見的移動(dòng)端右撇子用拇指操作的情景。三、美與簡(jiǎn)單的設(shè)計(jì)設(shè)計(jì)不應(yīng)該包含不相關(guān)或不常用的信息。重點(diǎn)的內(nèi)容和核心的元素應(yīng)該與其他的信息形成鮮明的區(qū)別。譬如在配色上,可以選擇1個(gè)主色,2個(gè)以內(nèi)的輔色,構(gòu)成整個(gè)設(shè)計(jì)的骨骼,用主色告知用戶目的與指示。四、行為和互動(dòng)交互的核心思考原則針對(duì)的是用戶行為,用戶在使用產(chǎn)品的過程里總是有一個(gè)目標(biāo)或者需求正在解決。
4、因此他開始探索一個(gè)頁(yè)面,他不斷的的進(jìn)行一個(gè)又一個(gè)的行為,好的交互設(shè)計(jì)能夠考慮用戶在實(shí)施不同行為時(shí)的心理狀態(tài)并給予合情合理的反饋。五、其他交互體驗(yàn)設(shè)計(jì)小技巧1、交互性按鈕要做到清晰突出,并且點(diǎn)擊后與點(diǎn)擊前要有所區(qū)別。2、點(diǎn)擊瀏覽過的信息與未瀏覽過的信息要不同顏色以示區(qū)分,避免客戶重復(fù)點(diǎn)擊閱讀。3、當(dāng)頁(yè)面或應(yīng)用下載數(shù)據(jù)較慢時(shí),載入過程應(yīng)該有提示。如果我們不考慮載入時(shí)的信息反饋,會(huì)讓頁(yè)面呈現(xiàn)假死的狀態(tài)。世界工廠網(wǎng)線上生態(tài)學(xué)院世界工廠網(wǎng)線上生態(tài)
5、學(xué)院:制造公司開展線上業(yè)務(wù)的加油站4、售后有保障,網(wǎng)站上要設(shè)置售后電話以及咨詢窗口,方便客戶咨詢產(chǎn)品使用問題。5、搜索框出現(xiàn)的位置要清晰顯眼,并且對(duì)搜索結(jié)果中的相關(guān)字符用不同顏色表示,增加用戶的粘性,搜索結(jié)果頁(yè)一定要與用戶搜索意圖相符。6、動(dòng)效使用要適當(dāng)。偶爾使用的交互式動(dòng)畫可以提升你的網(wǎng)站內(nèi)容。然而,讓你的頁(yè)面負(fù)擔(dān)一個(gè)又一個(gè)瘋狂的動(dòng)效,會(huì)讓你的用戶感覺到有點(diǎn)像是進(jìn)入了在線瘋?cè)嗽豪铮踔粮愀?。總結(jié)交互是一門非常有意思的學(xué)科。它并不高深
溫馨提示
- 1. 本站所有資源如無(wú)特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫(kù)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 如何做好屋面的防水
- 基于HTML5技術(shù)的品牌營(yíng)銷頁(yè)面的交互設(shè)計(jì)研究.pdf
- 網(wǎng)站運(yùn)營(yíng)如何做好活動(dòng)策劃
- 車載系統(tǒng)界面的交互設(shè)計(jì).pdf
- 網(wǎng)站用戶體驗(yàn)建設(shè)之交互設(shè)計(jì)
- 如何做好教學(xué)設(shè)計(jì)
- 如何做好移動(dòng)設(shè)計(jì)?
- 畢業(yè)論文--頁(yè)面交互設(shè)計(jì)中的色彩語(yǔ)言
- 如何做好平面設(shè)計(jì)
- 如何做好投標(biāo)工作-設(shè)計(jì)
- 基于用戶體驗(yàn)的網(wǎng)站交互設(shè)計(jì)研究.pdf
- 購(gòu)物網(wǎng)站受眾本位交互設(shè)計(jì)研究.pdf
- 如何做好服務(wù)
- 如何做好年會(huì)
- 教育網(wǎng)站中頁(yè)面的藝術(shù)設(shè)計(jì).pdf
- 如何做好總監(jiān)
- 如何做好演講
- 如何做好家長(zhǎng)
- 如何做好銷售?
- 如何做好hrd
評(píng)論
0/150
提交評(píng)論