如今各類型網(wǎng)站琳瑯滿目,我們主要從兩方面預(yù)覽著網(wǎng)站了解網(wǎng)站持有者想要傳達的信息,并且在深入了解后對此網(wǎng)站有了初步印象,網(wǎng)站訪問體驗是否友好,操作邏輯是否清晰,內(nèi)容傳遞是否明確。那么主要是以下兩點來判斷:
1、網(wǎng)站整體視覺設(shè)計傳遞,好的設(shè)計師會根據(jù)文案來進行整體的素材、色彩、樣式搭配來更好傳遞對應(yīng)信息。
2、網(wǎng)站UI操作邏輯,在設(shè)計前期通過策劃人員對網(wǎng)站進行結(jié)構(gòu)構(gòu)造,對用戶每一步操作都需要有預(yù)知判斷,提供給客戶更好的交互操作體驗,簡化操作流程,這也是我們本次文章重點會去探討得內(nèi)容。本次針對第二點也找了對應(yīng)案例來進行講解,為了讓
用戶的在每個操作環(huán)節(jié)所需要展示的內(nèi)容更具象化,網(wǎng)站前期規(guī)劃過程中我們通過思維導(dǎo)圖工具(Xmind)制作了網(wǎng)站潛在客戶的前端業(yè)務(wù)邏輯:
根據(jù)潛在用戶群體的各方面需求我們就可以依次整理出網(wǎng)站的一級欄目框架,再來根據(jù)二八法則需要重點針對能夠創(chuàng)收的客戶進行需求整理,那我們便知道未合作是我們重點對象因此相關(guān)的內(nèi)頁內(nèi)容模塊整理如下:
解釋:
1、首頁三個部分入口進行引導(dǎo):①、banner圖 ②、應(yīng)用領(lǐng)域 ③產(chǎn)品中心
2、內(nèi)頁模塊將按照甲方需求進行內(nèi)容選取,設(shè)定這一系列內(nèi)容目的在于提高內(nèi)頁內(nèi)容的全面性,用戶通過訪問一個頁面即可全面了解該產(chǎn)品的相關(guān)信息,同時加強內(nèi)鏈之間的互聯(lián)互通,利于后期搜索引擎優(yōu)化。
再來我們也可以兼顧到小部分目標(biāo)群體的需求,例如社會應(yīng)聘人士等:
解釋:
- 在關(guān)于我們頁面底部加入加入我們的按鈕,之間鏈接到社會招聘頁面,提高內(nèi)鏈關(guān)聯(lián)性,提升用戶訪問體驗。(類似于蘋果官網(wǎng)的故事線性設(shè)計)
那基本的邏輯我們已經(jīng)有了,后期在制作過程中就需要設(shè)計人員通過精心設(shè)計符合公司VI標(biāo)準(zhǔn)的樣式、交互效果等來把業(yè)務(wù)邏輯進行視覺上的升華,使得用戶更便利于整體內(nèi)容的預(yù)覽訪問。這幾點做好了相信我們的網(wǎng)站不管是在操作上和訪問體驗上都不失為一個好的網(wǎng)站。以上就是本次分享的內(nèi)容,希望大家都能夠做出優(yōu)秀的網(wǎng)站??!
如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自http://pdcharm.com/news/5023.html