首頁

費茲定律與移動應(yīng)用界面設(shè)計

ui設(shè)計分享達(dá)人

什么是費茲定律

要探索費茲定律的運用方式,我們首先需要了解這條定律是什么,它是怎樣誕生的。

費茲定律由俄亥俄州立大學(xué)的心理學(xué)家Paul Fitts于1954年提出,旨在為人類在電腦屏幕上點擊目標(biāo)對象的行為建立模型,同時涉及到了肢體移動及鼠標(biāo)行為方面的問題。

舉個栗子,設(shè)想你的注意力和鼠標(biāo)指針正停留在某個網(wǎng)站的logo上,而你被告知要去點擊頁面中的某個按鈕,于是你需要將注意力焦點及鼠標(biāo)指針都移動到那個按鈕上。這個移動過程當(dāng)中的效率問題就是費茲定律所關(guān)注的。

費茲定律的原始公式是這樣的:

MT=a + b * log2(D/W + 1)

其中MT代表位移所需花費的時間,這是我們最需關(guān)注和解決的問題。a與b兩個變量代表系統(tǒng)方面的耗時及效率,屬于經(jīng)驗參數(shù)。D代表初始位置與目標(biāo)位置之間的距離,W代表目標(biāo)對象的尺寸。

談?wù)勅绾芜M行軟件界面信息設(shè)計

ui設(shè)計分享達(dá)人

在理想的情況下,一個完美的產(chǎn)品不需要任何用戶幫助。但在現(xiàn)實中,由于產(chǎn)品功能的復(fù)雜多樣,用戶需要在不同階段獲取不同的指導(dǎo)信息,才能順利完成任務(wù)和解決問題。

傳統(tǒng)的軟件開發(fā)模式中,用戶指導(dǎo)信息主要體現(xiàn)在聯(lián)機幫助中,但這樣的設(shè)計方案往往會降低用戶使用產(chǎn)品的體驗。因為從用戶的角度來說,獲取幫助應(yīng)該是軟件應(yīng)用程序的一部分,而不是脫離它。通過調(diào)研發(fā)現(xiàn),如果用戶在使用軟件的過程中,需要中斷操作,并花費時間在聯(lián)機幫助或電子手冊中查找指導(dǎo)信息,用戶往往會覺得低效,并引發(fā)沮喪的情緒。因此,需要考慮在界面提供合適的幫助信息,指導(dǎo)用戶進行操作,而不能將指導(dǎo)信息隱藏在厚重的聯(lián)機幫助中。

如何更好地設(shè)計手機軟件界面

ui設(shè)計分享達(dá)人

手機已經(jīng)成為大多數(shù)人的使用方式,所以手機用戶界面成為基本用戶界面,這也成為許多設(shè)計者考慮設(shè)計手機軟件或者以網(wǎng)頁為基準(zhǔn)的手機應(yīng)用的因素。讓我們現(xiàn)在去測試一些普通的手機軟件UI元素來看看一些新手怎么完成他們,以及從中發(fā)掘更好的方式去解決問題。

盡可能的限制文本輸入

大多數(shù)的手機程序都提供一個文本框來捕捉用戶的反饋信息。然而我認(rèn)為文本信息框應(yīng)該只運用在一些必要的時刻,密碼輸入框就是一個完美的例子。

即使是大屏手機用戶,他們打字的體驗度也不會比電腦用戶更加舒適,因此打字輸入的功能應(yīng)該在許多方面盡可能減少。

像素化設(shè)計」熱潮來襲,不止是因為「超級馬里奧」

周周

1985年,任天堂的設(shè)計師們用一格一格徒手填像素的方法,創(chuàng)造了席卷一代人的游戲《超級馬里奧》。在今日,即便全高清3D渲染畫面已然成為游戲界主流,作為對經(jīng)典的永恒致敬,像素化游戲仍然擁有不可磨滅的影響力,而像素化設(shè)計作為一種游走在復(fù)古與潮流之間的探索,也在用獨特魅力招徠一批批年輕消費者的心。

uisdc-tz-201611051

網(wǎng)站|內(nèi)容策略讓你的網(wǎng)頁比以前更優(yōu)秀

藍(lán)藍(lán)設(shè)計的小編

有意義的內(nèi)容

任何成功的內(nèi)容策略下產(chǎn)出的內(nèi)容對于用戶而言都是有意義的。雖然每個人對此看法不同,但是 Usability.gov 為你提供的這個清單還是相當(dāng)值得參考的:

·反映出你所整理出的目標(biāo)和用戶的實際需求
·理解用戶所想并且能系統(tǒng)化地闡述出來
·以用戶能夠理解的方式呈現(xiàn)出來
·讓內(nèi)容有用
·保持更新
·確保所有人都能訪問
·保持一致
·始終能被搜索引擎發(fā)現(xiàn)


交互丨新人交互設(shè)計師如何把知識能力體系化?

用心設(shè)計

 Arale:碎片化閱讀的時代,很多剛?cè)胄械脑O(shè)計師都喜歡用碎片時間充電,看看公眾號,看看設(shè)計博客,零散的知識信息點缺少了一些整理和總結(jié),因此基礎(chǔ)也就不夠堅實了。尤其是想要得到更進一步能力提升的時候,就會發(fā)現(xiàn)真的會有些吃力。在幾個月以前我就面臨著這樣的困境,感覺自己很難在現(xiàn)有設(shè)計水平上有大的提升,經(jīng)過不斷地自我反省,自我總結(jié),我將原因歸結(jié)于,基礎(chǔ)知識能力沒有及時得到與經(jīng)驗相匹配的提升,故而在經(jīng)歷了項目經(jīng)驗帶來的飛速提升之后,就陷入了一個長久瓶頸期。也就是基礎(chǔ)不夠扎實,知識能力不成體系。

好在找到了問題癥結(jié),也就有了下一階段努力的方向,現(xiàn)在我將自己對于交互設(shè)計師所需要打下的知識能力基礎(chǔ),更系統(tǒng)更體系化地分享給大家,希望能對那些跟我有同樣困惑和問題的同行有些許幫助。


Image title

關(guān)于用戶體驗設(shè)計中最常見的誤解&為什么他們不適用?

資深UI設(shè)計者

#用研##用戶體驗#UX Myths網(wǎng)站收集了很多關(guān)于用戶體驗設(shè)計中最常見的誤解和解釋了為什么他們不適用。現(xiàn)在將這些經(jīng)驗研究整理出來,為各位設(shè)計從業(yè)者做參考,避免依賴個人的主觀經(jīng)驗來做判斷。建議你閱讀完之后,還是應(yīng)該結(jié)合自身的經(jīng)驗來審視你的設(shè)計是否滿足用戶的需求。

JavaScript之this指針深入詳解

藍(lán)藍(lán)設(shè)計的小編

javascript中的this含義非常豐富,它可以是全局對象,當(dāng)前對象或者是任意對象,這都取決于函數(shù)的調(diào)用方式。函數(shù)有以下幾種調(diào)用方式:作為對象方法調(diào)用、作為函數(shù)調(diào)用、作為構(gòu)造函數(shù)調(diào)用、apply或call調(diào)用。

對象方法調(diào)用

作為對象方法調(diào)用的時候,this會被綁定到該對象。

var point = { 
 x : 0, 
 y : 0, 
 moveTo : function(x, y) { 
     this.x = this.x + x; 
     this.y = this.y + y; 
     } 
 }; 

 point.moveTo(1, 1)//this 綁定到當(dāng)前對象,即 point 對象

做包裝設(shè)計需要把握的4大技巧

ui設(shè)計分享達(dá)人

產(chǎn)品離不開包裝,包裝離不開設(shè)計。很多商品包裝的品味上不去也就直接影響了商品在市場上面的銷路,最終也就影響了商家或廠家的經(jīng)濟效益。那么怎么才能讓包裝設(shè)計更有品味呢?今天我們就來分享下包裝設(shè)計的一些設(shè)計技巧,來讓我們的設(shè)計更有品味。

(1)文字設(shè)計。文字是傳達(dá)思想、交流感情和信息,表達(dá)某一主題內(nèi)容的符號。商品包裝上的牌號、品名、說明文字、廣告文字以及生產(chǎn)廠家、公司或經(jīng)銷單位等,反映了包裝的本質(zhì)內(nèi)容。設(shè)計包裝時必須把這些文字作為包裝整體設(shè)計的一部分來統(tǒng)籌考慮。

軟件登錄界面設(shè)計需要把握的4個要點

ui設(shè)計分享達(dá)人

 

現(xiàn)實生活中,我們接觸大大小小的軟件各式各樣,要進入軟件內(nèi)部進行操作,就必須要先在登錄界面輸入用戶名和密碼!今天要分享的內(nèi)容就是軟件的登錄界面設(shè)計。我們不要小看了這個登錄界面,簡簡單單的幾個小框,里邊所要把握的設(shè)計元素卻有很多,其中最重要的就是用戶體驗,那么怎樣才能設(shè)計好一個登錄界面,給用戶一個好的體驗?zāi)兀?/span>

(1)對錯誤密碼的保存問題。這一點更多的是從技術(shù)上的手段,當(dāng)用戶第一次輸入輸入的密碼是不正確的時候,系統(tǒng)就可以在得出密碼輸入錯誤后的同時將這個錯誤密碼保存在會話當(dāng)中,接著,如果用戶第二次或第三次再次輸入這個錯誤的密碼時,系統(tǒng)就可以在與用戶交互的界面上提示密碼錯誤,通過這種技術(shù)的處理方式,可以就可以減少用戶密碼輸錯的機會,同時也可以減少一次登錄信息到服務(wù)器的驗證,從而一次減少服務(wù)器的處理負(fù)擔(dān)。很多時候用戶輸入的密碼其實都是錯誤的,因為密碼輸入框都是以密文*號的形式出現(xiàn),所以將錯誤密碼保存起來更有利于網(wǎng)站登錄界面的友好性。

日歷

鏈接

個人資料

存檔