很多人一直在說(shuō),做網(wǎng)站建設(shè)一定要符合用戶的操作習(xí)慣,也就是大家常掛在嘴邊的用戶體驗(yàn)度,但是你知道要做好用戶的體驗(yàn)度,就需要從設(shè)計(jì)開(kāi)始嗎?接下來(lái)北京匯仁智杰科技小編給你講講網(wǎng)站界面設(shè)計(jì)應(yīng)該如何迎合用戶操作習(xí)慣。
一、網(wǎng)頁(yè)界面設(shè)計(jì)的分類
1.以功能實(shí)現(xiàn)為基礎(chǔ)的界面設(shè)計(jì)。交互設(shè)計(jì)界面最基本的性能是具有功能性與使用性,通過(guò)界面設(shè)計(jì),讓用戶明白功能操作,并將作品本身的信息更加順暢的傳遞給使用者,即用戶,是功能界面存在的基礎(chǔ)與價(jià)值,但由于用戶的知識(shí)水平和文化背景具有差異性,因此界面應(yīng)以更國(guó)際化,客觀化的體現(xiàn)作品本身的信息。
2.以情感表達(dá)為重點(diǎn)的界面設(shè)計(jì)。通過(guò)界面給用戶一種情感傳遞,是設(shè)計(jì)的真正藝術(shù)魅力所在。用戶在接觸作品時(shí)的感受,使人產(chǎn)生感情共鳴,利用情感表達(dá),切實(shí)的反應(yīng)出作品與用戶之間的情感關(guān)系。當(dāng)然,情感的信息傳遞存在著確定性與不確定性的統(tǒng)一。因此,我們更加強(qiáng)調(diào)的是用戶在接觸作品時(shí)的情感體驗(yàn)。
3.以環(huán)境因素為前提的界面設(shè)計(jì)。任何一部互動(dòng)設(shè)計(jì)作品都無(wú)法脫離環(huán)境而存在,周邊環(huán)境對(duì)設(shè)計(jì)作品的信息傳遞有著特殊的影響。包括作品自身的歷史、文化、科技等諸多方面的特點(diǎn),因此營(yíng)造界面的環(huán)境氛圍是不可忽視的一項(xiàng)設(shè)計(jì)工作,這和我們看電影時(shí)需要關(guān)燈是一個(gè)道理。
二、關(guān)于界面的組成元素
計(jì)算機(jī)的鍵盤與鼠標(biāo)這兩個(gè)物理接口是人機(jī)界面中最為傳統(tǒng)的組成要素,但這些卻逐漸成為人機(jī)界面發(fā)展的局限性。因?yàn)槿祟悷o(wú)法通過(guò)鍵盤鼠標(biāo)將信息數(shù)據(jù)自由的融入人類活躍的思維想象力當(dāng)中,使得人類對(duì)人機(jī)界面產(chǎn)生疏離感。界面如何超越鍵盤與鼠標(biāo)局限,進(jìn)一步擴(kuò)展數(shù)字系統(tǒng)和人類之間的界面,使數(shù)字系統(tǒng)真正進(jìn)入人 類生活,成為現(xiàn)階段的界面設(shè)計(jì)研究方向。
以動(dòng)作作為界面-----以觸摸與觸感作為界面-----以凝視作為界面-----以呼吸作為界面
三、界面設(shè)計(jì)要
1.以易操作性保證讀者。交互作品的界面設(shè)計(jì)采用超媒體鏈接技術(shù),將文字、圖形、圖像、聲音、動(dòng)畫等媒介要素,進(jìn)行編排,使之成為一個(gè)連貫的整體,呈現(xiàn)在一個(gè)復(fù)雜的交互系統(tǒng)中。界面反映的是信息的總和而并非單一的信息,倘若在提示、菜單和幫助產(chǎn)生相同術(shù)語(yǔ),在不同的應(yīng)用系統(tǒng)中應(yīng)具有相似的界面外觀、布局、交互方式及信息顯示、界面設(shè) 計(jì)要保持風(fēng)格的一致性。用戶便可以根據(jù)自己的認(rèn)知經(jīng)驗(yàn),明白功能操作通過(guò)界面上的視覺(jué)暗示正確選擇內(nèi)容,在任何地點(diǎn)都能回到主界面或退出整個(gè)多媒體作品,因此每個(gè)操作對(duì)用戶來(lái)說(shuō)應(yīng)是符合邏輯的用戶能夠較容易了解它要表達(dá)的信息與情感。
2.界面設(shè)計(jì)時(shí)需要首先考慮的問(wèn)題。交互設(shè)計(jì)作為一種新媒體形態(tài),必然要突出藝術(shù)的可視性本質(zhì),將新的藝術(shù)思想與理念融匯到作品當(dāng)中,以此去吸引和影響用戶。界面使讀者打開(kāi)交互作品時(shí)最先接觸到的層面,通過(guò)可視化界面上設(shè)計(jì)者運(yùn)用的前衛(wèi)化的藝術(shù)符號(hào),虛擬化的空間結(jié)構(gòu)營(yíng)造跳躍式的視覺(jué)效果,可以引起用戶美好的情感溝通,使得其對(duì)設(shè)計(jì)者通過(guò)作品 所傳達(dá)的信息產(chǎn)生共鳴。界面設(shè)計(jì)的宗旨促進(jìn)信息的傳遞以滿足用戶需求。當(dāng)進(jìn)行界面設(shè)計(jì)時(shí),關(guān)鍵在于界面本身能否有效支撐交互,界面上的組件是為交互行為服務(wù)的,它可以很美,很抽象很藝術(shù)化,但不能以任何理由破壞作品的交互功能和作用。
四、網(wǎng)頁(yè)界面的組成
在確定web界面后,需要進(jìn)一步確定界面的組織結(jié)構(gòu)。與傳統(tǒng)媒體不同的是,網(wǎng)頁(yè)界面增加了生動(dòng)性和復(fù)雜性,強(qiáng)調(diào)由代碼語(yǔ)言編程實(shí)現(xiàn)的各種交互體驗(yàn)式效果,但也使得在更多的頁(yè)面元素排布及優(yōu)化上值得網(wǎng)頁(yè)設(shè)計(jì)者考慮。通常一個(gè)軟件界面的元素包括界面主色調(diào)、字體大小與顏色、界面布局、交互方式、界面功能分布、界面輸入輸出模式等。其中影響用戶工作效率的元素包括:輸入輸出方式、交互方式、功能分布,在使用命令式交互方式的系統(tǒng)中,命令名稱、參數(shù)也是界面元素的內(nèi)容。影響用戶對(duì)系統(tǒng)友好性評(píng)價(jià)的元素則有:顏色、字體大小、界面布局等,軟件界面作為一個(gè)整體,其中任何一個(gè)元素不符合用戶習(xí)慣、不滿足用戶 要求都將降低用戶對(duì)軟件系統(tǒng)的認(rèn)可度。
五、用戶需求分析
網(wǎng)絡(luò)的交互性如今已經(jīng)成為網(wǎng)絡(luò)界面設(shè)計(jì)中重要目標(biāo)之一。為了能從設(shè)計(jì)的角度,更加提高網(wǎng)絡(luò)的可用性,設(shè)計(jì)師們要全面的關(guān)注與了解用戶的多元化要求及行為特征。依靠正確的方法能夠更加準(zhǔn)確的記錄和實(shí)現(xiàn)多元化的用戶要求,網(wǎng)絡(luò)界面的設(shè)計(jì)工作首先從對(duì)用戶的調(diào)查分析開(kāi)始,針對(duì)用戶的需求、用戶心理分析、用戶的 網(wǎng)絡(luò)常識(shí)、用戶情感體驗(yàn)等分析直接影響用戶使用的因素。在用戶分析中要借助心理學(xué)、傳播學(xué)、社會(huì)學(xué)等相關(guān)理論,以此分析在不同類型的用戶中對(duì)界面不同的需要以及反應(yīng),為交互系統(tǒng)的分析設(shè)計(jì)提供可靠的理論依據(jù)和參考,使設(shè)計(jì)出的交互系統(tǒng)更適合于各類用戶的使用。
1.體現(xiàn)以用戶為中心的設(shè)計(jì)。首 先從對(duì)用戶的調(diào)研開(kāi)始、然后對(duì)用戶建模、信息概念設(shè)計(jì)、網(wǎng)站原型設(shè)計(jì)到用戶測(cè)試及方案實(shí)現(xiàn),整個(gè)設(shè)計(jì)過(guò)程都始終圍繞著用戶進(jìn)行,真正做到以用戶為中心。保證用戶界面運(yùn)作的一致性是網(wǎng)頁(yè)界面設(shè)計(jì)的重點(diǎn)之一。在主頁(yè)列表框的設(shè)計(jì)中,如果雙擊其中的一項(xiàng),使得某些任務(wù)完成。由此雙擊列表框中的其中的任何一個(gè)項(xiàng),都應(yīng)該有同樣的任務(wù)完成。也就是所有窗口按鈕的位置設(shè)計(jì)要達(dá)到一致性,提供的標(biāo)簽設(shè)計(jì)和信息要一致,顏色要一致。用戶界面設(shè)計(jì)的一致性會(huì)使得用戶對(duì)網(wǎng)絡(luò)界 面運(yùn)作建立起精確的心理模型,以此降低用戶培訓(xùn)和支持成本。在頁(yè)面視覺(jué)傳達(dá)上,從網(wǎng)站的主題內(nèi)容和定位來(lái)決定需要與之前運(yùn)用的元素保持一致。
2.減少用戶思考的設(shè)計(jì)。一 般的短時(shí)記憶只能保持二十秒左右,最長(zhǎng)不超過(guò)一分鐘。在如此短的時(shí)間內(nèi)我們能儲(chǔ)存多少信息呢?答案是7士2即5~9個(gè)項(xiàng)目,平均為7個(gè)項(xiàng)目。可見(jiàn),人在短時(shí)間內(nèi)注意力是集中和少量的,基于識(shí)別的用戶界面在很大程度依賴于用戶所關(guān)心對(duì)象的可見(jiàn)性,顯示太多的對(duì)象和屬性會(huì)讓用戶很難找到感興趣的對(duì)象。同時(shí),用戶不棄歡經(jīng)常重復(fù)性輸入一些信息,如個(gè)人賬號(hào),安全信息,操作習(xí)慣,下次操作行為等,這些占用了用戶完成其他重要任務(wù)的時(shí)間。
3.明確體現(xiàn)網(wǎng)站的特色服務(wù)。用戶界面要非常明確地體現(xiàn)網(wǎng)站的特色服務(wù),安排最大的空間并且在最顯眼的位置來(lái)擺放網(wǎng)站的最大賣點(diǎn)和用戶最關(guān)心最常用培訓(xùn)系統(tǒng),而其他用戶也會(huì)感興趣的渠道信息、最新共享信息版塊和論壇板塊等放在界面較顯眼的位置。這些都是基本滿足用戶需求,以用戶為中心的界面計(jì)。
4.迎合用戶的習(xí)慣迎 合用戶的習(xí)慣,主要為了讓用戶在操作中簡(jiǎn)單到極致。作為威智網(wǎng)絡(luò)的網(wǎng)站設(shè)計(jì)師,我們應(yīng)當(dāng)多的去了解用戶習(xí)慣在什么地方尋找導(dǎo)航欄、習(xí)慣把哪部分作為網(wǎng)站的重點(diǎn),習(xí)慣在什么地方點(diǎn)擊注冊(cè)、習(xí)慣在什么地方找搜素框、習(xí)慣點(diǎn)擊什么樣的按鈕、什么顏色會(huì)加速用戶的心跳、增強(qiáng)消費(fèi)的沖動(dòng)。由此,根據(jù)用戶的行為習(xí)慣,對(duì)網(wǎng)站的整體布局進(jìn)行重新策劃,使得簡(jiǎn)單、簡(jiǎn)單、再簡(jiǎn)單、簡(jiǎn)單到極致,通過(guò)清晰的流程和界面,讓用戶減少對(duì)網(wǎng)站的思考以及尋找的時(shí)間;讓準(zhǔn)確的色彩和表述減少用戶心理斗爭(zhēng)的時(shí)間。通過(guò)不斷地調(diào)研,用各種可用性實(shí)驗(yàn)來(lái)計(jì)算用戶在每一個(gè)界面下所需思考的時(shí)間,然后,最好的頁(yè)面設(shè)計(jì)的評(píng)判標(biāo)準(zhǔn)就是用戶耗費(fèi)時(shí)間最少的那個(gè)頁(yè)面。
以上的內(nèi)容就是北京匯仁智杰科技小編和大家分享的關(guān)于網(wǎng)站界面設(shè)計(jì)應(yīng)該如何迎合用戶操作習(xí)慣的一些知識(shí)點(diǎn),當(dāng)然這不代表是絕對(duì)的,希望能夠幫到大家。
免費(fèi)學(xué)習(xí)課堂
- 免費(fèi)推廣知識(shí)
- 競(jìng)價(jià)推廣知識(shí)
- 新媒體營(yíng)銷知識(shí)
- 網(wǎng)站運(yùn)營(yíng)知識(shí)
- 網(wǎng)站設(shè)計(jì)知識(shí)
- 網(wǎng)站建設(shè)知識(shí)
- Web前端知識(shí)
- 軟文營(yíng)銷知識(shí)
- 網(wǎng)站策劃知識(shí)
- 整合營(yíng)銷
推薦文章
- 織夢(mèng)dedecms漏洞修復(fù)大全含任意文件
- 整頓微信公眾號(hào)過(guò)度營(yíng)銷 對(duì)嚴(yán)重違
- SEO優(yōu)化過(guò)程要避免什么?
- 網(wǎng)站空間被掛馬的原因原因及解決
- 2016企業(yè)該如何運(yùn)用互聯(lián)網(wǎng)進(jìn)行營(yíng)銷
- WEB前端項(xiàng)目開(kāi)發(fā)中需注意的細(xì)節(jié)
- 低價(jià)網(wǎng)站建設(shè)的危害有哪些?
- 如何詳細(xì)的分析你網(wǎng)站的競(jìng)爭(zhēng)對(duì)手
- 網(wǎng)站設(shè)計(jì)中四個(gè)常犯的錯(cuò)誤
- 如何搭配網(wǎng)站設(shè)計(jì)中的色彩?
網(wǎng)站界面設(shè)計(jì)該怎樣迎合用戶操作習(xí)慣
來(lái)源:北京匯仁智杰科技有限公司 時(shí)間:2016-09-20 點(diǎn)擊: 次
推薦文章
- 織夢(mèng)dedecms漏洞修復(fù)大全含任意文件2016-09-05
- 整頓微信公眾號(hào)過(guò)度營(yíng)銷 對(duì)嚴(yán)重違2016-01-26
- SEO優(yōu)化過(guò)程要避免什么?2016-01-26
- 網(wǎng)站空間被掛馬的原因原因及解決2016-01-26
- 2016企業(yè)該如何運(yùn)用互聯(lián)網(wǎng)進(jìn)行營(yíng)銷2016-01-26
- WEB前端項(xiàng)目開(kāi)發(fā)中需注意的細(xì)節(jié)2016-01-26
- 低價(jià)網(wǎng)站建設(shè)的危害有哪些?2016-01-15
- 如何詳細(xì)的分析你網(wǎng)站的競(jìng)爭(zhēng)對(duì)手2015-06-10
- 網(wǎng)站設(shè)計(jì)中四個(gè)常犯的錯(cuò)誤2015-01-22
- 如何搭配網(wǎng)站設(shè)計(jì)中的色彩?2015-01-22