您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 交互設(shè)計(jì) >> 瀏覽設(shè)計(jì)教程

網(wǎng)頁交互設(shè)計(jì)那點(diǎn)事

作為設(shè)計(jì)師,我們總是希望我們的用戶獲得更好的體驗(yàn),試著讓他們喜歡我們的網(wǎng)站,應(yīng)用程序和啟動(dòng)界面。設(shè)計(jì)的原型要一再考究鑒定,確實(shí)要這樣設(shè)計(jì),用戶可以接受嗎?用戶會(huì)按照我們的意圖去操作?我們需要不停的假設(shè)與驗(yàn)證,不停的優(yōu)化完善我們的設(shè)計(jì),因此我們需要考慮一些方面:

1、 分析產(chǎn)品需求

在執(zhí)行一個(gè)新的產(chǎn)品設(shè)計(jì)時(shí),首先與產(chǎn)品經(jīng)理進(jìn)行溝通,明確了解需求的定位。在工作中遇到過這樣的問題,產(chǎn)品經(jīng)理將需求發(fā)給設(shè)計(jì)人員,然后設(shè)計(jì)人員按照需求文檔,直接進(jìn)行了功能設(shè)計(jì),產(chǎn)品經(jīng)理評(píng)審原型時(shí),發(fā)現(xiàn)與自己規(guī)劃的產(chǎn)品完全不同,在這兩者之間,設(shè)計(jì)人員與產(chǎn)品經(jīng)理缺少溝通與交涉,對(duì)產(chǎn)品的需求理解不同;因此設(shè)計(jì)人員在設(shè)計(jì)前要進(jìn)行前期需求分析:

2、 產(chǎn)品用戶體驗(yàn)設(shè)計(jì)瞄準(zhǔn)具體的用戶群體

一個(gè)產(chǎn)品的存在,肯定是有一定的市場,也會(huì)有一群用戶需要使用它。對(duì)于用戶的行為特征有所不同,作為設(shè)計(jì)人員需研究這個(gè)產(chǎn)品的目標(biāo)群體從點(diǎn)到面,尋找到用戶的共性將產(chǎn)品的主要特性以網(wǎng)頁的形式展示。

分析清楚你的用戶的群體如:分析一些用戶的年齡,學(xué)歷,知識(shí)水平,理性感性成分,性別,家庭背景,個(gè)人成長環(huán)境,對(duì)行業(yè)進(jìn)入的深淺,使用的客戶端品牌,操作系統(tǒng),瀏覽器以及其版本,操作習(xí)慣,消費(fèi)能力,個(gè)人好惡,地區(qū),訪問時(shí)間,停留時(shí)間,停留頁面,操作語言等信息因?yàn)椴煌男枨笕ピO(shè)計(jì),徹底了解你的用戶為他們而設(shè)計(jì)原型:

3、 理解你的產(chǎn)品——規(guī)劃頁面布局

1. 一個(gè)頁面總體的信息量不宜過多,提供給用戶識(shí)別的區(qū)塊最好不超出這個(gè)數(shù)字5-9

范圍太多。(7±2原則,即“由于人類大腦處理信息的能力有限,它會(huì)將復(fù)雜信息劃分成塊和小的單元。根據(jù)喬治A米勒(George A. Miller)的研究,人類短期記憶一般一次只能記住5-9個(gè)事物。”)

2. 該頁面需要完成的主體功能,放在頁面首要主體位置。其它必須功能放在次之位置。

3. 不要讓那些有必要而非必須的功能,因?yàn)樽陨砝娴男枰?,?qiáng)行搶占主體位置,以致影響人們對(duì)最熟悉、最常用的功能使用。

網(wǎng)站頁面的布局方式,展示方式直接影響著用戶使用網(wǎng)站的方便性。合理的布局會(huì)讓用戶在瀏覽網(wǎng)站時(shí)快速發(fā)現(xiàn)核心內(nèi)容和服務(wù)。如果布局不合理,用戶需要思考如何獲取頁面的信息,從頁面內(nèi)容篩選主要服務(wù)。在這個(gè)過程中,用戶通常是進(jìn)行掃描瀏覽,捕捉對(duì)用戶有用的信息,他們不會(huì)花費(fèi)太多的時(shí)間去停留頁面,會(huì)選擇離開頁面,甚至以后不會(huì)訪問網(wǎng)站。因此頁面布局的重點(diǎn)是體現(xiàn)網(wǎng)站運(yùn)營的核心內(nèi)容及服務(wù),將核心服務(wù)顯示在關(guān)鍵的位置,供用戶在最短的時(shí)間瀏覽到。用戶捕捉到這新信息后,然后做出判斷是否對(duì)網(wǎng)站做深層次的瀏覽使用。

4、 好的產(chǎn)品體驗(yàn)由很多細(xì)節(jié)組成的

不好的體驗(yàn)會(huì)使用戶一點(diǎn)點(diǎn)遺失;好的產(chǎn)品體驗(yàn),會(huì)留住用戶創(chuàng)造價(jià)值;在設(shè)計(jì)時(shí)我們要時(shí)刻多會(huì)用戶考慮,多問自己這樣是否可以,是否可以做到更好….

4.1 引導(dǎo)用戶的視線——應(yīng)用古藤堡圖表

用戶一旦進(jìn)入頁面,不管他們是有意進(jìn)入還是無意間進(jìn)入網(wǎng)頁,人們在瀏覽頁面或布局的時(shí)候,視線往往趨向于從左上角到右下角,就好像頁面的布局設(shè)計(jì)有某種自然引力一樣。因?yàn)槿藗兺ǔ6际菑淖笾劣?,由上往下地閱讀,久而久之視線自然會(huì)沿著這一路徑移動(dòng),因此我們在設(shè)計(jì)時(shí)將內(nèi)容模塊按照這樣的視線引導(dǎo)排列;古藤保圖標(biāo)簡單面熟了這一閱讀軌跡規(guī)律,如:

如圖所示右上角和左下角則是視覺盲點(diǎn)。因此,采用對(duì)角線平衡通常是一個(gè)好設(shè)計(jì)所需要考慮的因素,因?yàn)樵O(shè)計(jì)師遵從了用戶習(xí)慣性的眼動(dòng)規(guī)律。

4.2使用顏色來吸引用戶注意

顏色能把人的注意力吸引到特定的元素上去,當(dāng)某個(gè)元素的顏色與其他的形成反差時(shí)更是如此。相對(duì)一致性來說,人類對(duì)物體間的差異性更為敏感。因此在頁面中加入一些顏色,可以非常有效地把瀏覽者的視線引導(dǎo)到我們希望他們看到的地方。如:

4.3友好的交互文本

文字的使用在網(wǎng)站中必不可少,友好的文本可以誘導(dǎo)用戶,帶來網(wǎng)站的轉(zhuǎn)化率。

有人情味

設(shè)計(jì)產(chǎn)品時(shí)賦予了產(chǎn)品各種各樣的人格特質(zhì),因此設(shè)計(jì)也是有人性的。文本和設(shè)計(jì)元素都是友好、機(jī)靈并且智能的,而不是枯燥、古板或傲慢的。產(chǎn)品的文本可以直接與用戶對(duì)話,并提供實(shí)際、非正式的協(xié)助,就像任何一個(gè)人回答鄰居所提出的問題一樣。當(dāng)用戶在在網(wǎng)站中尋找重要信息受到困擾時(shí),網(wǎng)站需要給予積極的反饋并給予幫助引導(dǎo)。用戶體驗(yàn)團(tuán)隊(duì)會(huì)在每個(gè)產(chǎn)品的可用時(shí)間里尋找最佳的平衡。然后,迭代、創(chuàng)新和改善會(huì)循環(huán)往復(fù)。

值得信任

好的設(shè)計(jì)可以深深贏用戶的信任。從基礎(chǔ)設(shè)計(jì)就開始的,例如,界面確保高效和專業(yè)、動(dòng)作容易撤銷、廣告被明確識(shí)別、術(shù)語的一致性以及令用戶驚喜而非驚詫。產(chǎn)品在有危險(xiǎn)的時(shí)候會(huì)警告用戶,比如不安全的鏈接

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/id1088.html
交互網(wǎng)頁設(shè)計(jì)原則:整潔清晰明確
怎樣做符合用戶預(yù)期的設(shè)計(jì)
圖趣網(wǎng)微信
建議反饋
×