成全电影播放在线观看,成全在线观看高清资源,成全在线观看免费完整的,成全影视大全在线观看国语,成全电影大全在线观看高清免费播放下载,三人成全免费观看电视剧高清,成全电影大全在线观看高清免费播放电视剧,成全电影大全在线观看,成全电影大全第二季免费观看,成全电影大全在线观看国语高清,成全电影大全在线观看国语版免费,成全电影大全在线播放

  1. 云裂變
  2. 營銷
  3. 網(wǎng)站運(yùn)營
  4. 「大產(chǎn)品小細(xì)節(jié)」5分鐘了解費(fèi)茨定律

「大產(chǎn)品小細(xì)節(jié)」5分鐘了解費(fèi)茨定律

作者: 日期:2022-03-06 人氣:153

 

大家有沒有想過為什么按鈕越大,越易于點(diǎn)擊 ?為什么相關(guān)按鈕需要彼此靠近擺放 ?為什么?Win 系統(tǒng)要將「開始」按鈕放在角落 ?這些設(shè)定的背后其實都有一個在人機(jī)交互中,非常重要的定律 —— 費(fèi)茨定律。所以,本期「大產(chǎn)品小細(xì)節(jié)」想跟大家聊聊「費(fèi)茨定律」。

「大產(chǎn)品小細(xì)節(jié)」5分鐘了解費(fèi)茨定律

一、概述

首先來看看費(fèi)茨定律公式:

「大產(chǎn)品小細(xì)節(jié)」5分鐘了解費(fèi)茨定律

很復(fù)雜吧~ 但是實際上并不難,我用一張圖給大家解釋下費(fèi)茨定律是什么。當(dāng)用戶需要拖動黃色點(diǎn)到目標(biāo)區(qū)塊中時:

「大產(chǎn)品小細(xì)節(jié)」5分鐘了解費(fèi)茨定律

費(fèi)茨定律中的 D 就是從開始點(diǎn)到目標(biāo)中心的距離,而 W 則是目標(biāo)的寬度大小。按照公式可以看到,a 和 b 都是常量,那么 MT (黃點(diǎn)從左移到目標(biāo)中心所需的時間)的大小取決于 D 和 W 的值:

當(dāng) D 一按時,W 越小,MT 越大;W 越大,MT 越小。當(dāng) W 一按時,D 越小,MT 越?。籇 越大,MT 越大。

翻譯成「人話」就是:

(1)當(dāng)距離一按時,目標(biāo)越小,所花費(fèi)的時間越長;目標(biāo)越大,所花費(fèi)的時間越短。(小而遠(yuǎn)的目標(biāo)區(qū)域意味著用戶需要將黃點(diǎn)移動較長距離,而且為了能對準(zhǔn)目標(biāo)還需要做一系列的微調(diào),因為目標(biāo)比較小嘛~ 所以耗費(fèi)的時間自然就長了。)

「大產(chǎn)品小細(xì)節(jié)」5分鐘了解費(fèi)茨定律

(2)當(dāng)目標(biāo)大小一按時,起點(diǎn)離目標(biāo)中心的距離越近,所花費(fèi)的時間越短;距離越遠(yuǎn),所花時間越長。(這比較好理解,距離比較近嘛~ 所花時間自然比較短了。)

「大產(chǎn)品小細(xì)節(jié)」5分鐘了解費(fèi)茨定律

二、啟示與案例1. 按鈕越大越易于點(diǎn)擊

正如前面提到的,如果你想要讓按鈕的點(diǎn)擊率更高可以嘗試將按鈕做大點(diǎn),好比這樣:

「大產(chǎn)品小細(xì)節(jié)」5分鐘了解費(fèi)茨定律

2. 將按鈕放置在離開始點(diǎn)較近的地方

還是拿上面兩個界面為例子,大家有沒有發(fā)現(xiàn)那兩個大大的按鈕是放在屏幕下發(fā)的?原因就是「將按鈕放在底部可以使 D 變小」,要知道用戶完成整個點(diǎn)擊操作是要先將手指移動到目標(biāo)上方,最后進(jìn)行點(diǎn)擊的。那么在這里 D 就是手指開始懸停的位置到目標(biāo)上方的距離。按照研究表白,人們在使用手機(jī)的時候,75%的交互操作都是由拇指驅(qū)動的,而拇指懸停的位置恰恰就是屏幕下方。

PS:關(guān)于用戶是如何使用觸屏設(shè)備的,歡迎大家看看這篇讀書條記——「閱讀」觸類旁通:多終端時代的觸屏界面設(shè)計?文中提到的書本,也保舉大家買來看看。

那么對于 PC 端設(shè)備,又是如何使用這必然律的呢?最常見的使用就是鼠標(biāo)右鍵操作了。點(diǎn)擊右鍵,鼠標(biāo)的右下或右上方就會出現(xiàn)一個菜單,鼠標(biāo)移動到對應(yīng)按鈕上,點(diǎn)擊一下即可完成操作。

3. 相關(guān)按鈕之間距離近點(diǎn)更易于點(diǎn)擊

對于一些相關(guān)性較強(qiáng)的按鈕,可以考慮將他們放在一起,好比:

在設(shè)計 PC 端的翻頁按鈕時,就可以將「上一頁」和「下一頁」放在互相靠近的位置在設(shè)計注冊、登錄界面的時候,可以將「注冊」和「登錄」放到一起,如果想要突出「注冊」則可以考慮將「注冊」按鈕做大點(diǎn)。相關(guān)聯(lián)的操作也可以嘗試放在一起,不但可以在視覺上增強(qiáng)用戶對他們相關(guān)性的認(rèn)知,還可以減少在他們之間的距離 D。4. 無限大的四角與四邊

文章開頭,我提出了一個疑問:

為什么?Win 系統(tǒng)要將「開始」按鈕放在角落 ?

原因就是屏幕的四角和四邊 W 無限大,W 無限大的話,MT 就很小了。像 Mac 的 Docker 更是將費(fèi)茨定律發(fā)揮得凌厲精致,當(dāng)鼠標(biāo) hover 到對應(yīng)的 App icon 上的時候,icon 還會放大,從而加大 App icon 的W 。

「大產(chǎn)品小細(xì)節(jié)」5分鐘了解費(fèi)茨定律

估計大家又會有個疑惑,那就是——為什么四角和四邊的 W 無限大?

那是因為光標(biāo)沒法移動到四角與四邊之外的地方,你再怎么移動鼠標(biāo),光標(biāo)也沒措施移到屏幕以外的地方,所以他們就進(jìn)入到了「無限可選中」?fàn)顟B(tài)。

但是,隨著屏幕尺寸越來越大,并且雙屏幕的配置越來越常見,這個設(shè)計也變沒那么好用了,因為 D 變大了。同理手機(jī)端的四角與四邊也是「無限可選中」位置,因為手點(diǎn)擊屏幕以外屏幕不會響應(yīng)嘛 ~ (所以各位可以發(fā)現(xiàn)左上角按鈕一般為返回,右上角為確定)但是在手機(jī)上時候,依然會面臨屏幕越來越大,按鈕越來越欠好點(diǎn)的問題。

三、小練習(xí)

最后,我想跟大家一起做個小練習(xí),那就是請大家和我一起設(shè)計手機(jī)的關(guān)機(jī)界面:

1. 明確設(shè)計目標(biāo)

首先明確設(shè)計目標(biāo):設(shè)計手機(jī)的關(guān)機(jī)界面

2. 明確約束與限制
內(nèi)容標(biāo)簽:

熱門文章

? ? 現(xiàn)在很多企業(yè)都著手于做重慶seo排名,因為SEO是獲取精準(zhǔn)流量比較穩(wěn)定且長期發(fā)展好的方式之一,同時也能提升自身企業(yè)的品牌形象,因為SEO本身就是基于用戶體驗優(yōu)化而做的,因此做好SEO

6801

網(wǎng)絡(luò)營銷時代,軟文營銷已成為企業(yè)傳播品牌、促進(jìn)訂單轉(zhuǎn)化的重要手段。不同于硬廣形式,軟文營銷的精華就在于“軟”字,即廣告綿里藏針,要在能提供給用戶有價值內(nèi)容的基礎(chǔ)上進(jìn)行廣告

?文庫營銷指的是借助一些文庫平臺上傳文檔,通過知識分享來做品牌營銷,目前常見的文庫平臺有百度文庫、360圖書館、道客巴巴、豆丁文庫等。文庫營銷對文檔質(zhì)量要求較高,需要用戶自

網(wǎng)站對于很多的企業(yè)來說,不僅僅是業(yè)務(wù)的渠道拓寬,也是多一個網(wǎng)站推廣的途徑和客戶渠道等,很多的企業(yè)雖然有自己的網(wǎng)站,但是重視程度不夠,很多的企業(yè)都只依靠網(wǎng)站就能夠養(yǎng)活一個公

3269

企業(yè)品牌推廣對于企業(yè)的生存來說是極其重要的,如果沒有一個好的推銷渠道的話,可能就會讓自己的商品賣不出去。在新聞中總是看到哪兒有什么產(chǎn)品賣不出去了,形成滯銷,讓個人或是企業(yè)

3226

一方面,不同客戶的建站需求不同;另一方面,網(wǎng)站建設(shè)人員的技術(shù)水平高低不一;同時,時效、地域因素也會對建站成本有所影響。所以網(wǎng)站建設(shè)的報價暫時沒有統(tǒng)一標(biāo)準(zhǔn),建設(shè)費(fèi)用更是從幾

3044

最先剖析要散播的目的客戶人群的陋習(xí)與話動范疇; 精心安排合乎網(wǎng)民愛好的論壇推廣時件或話動; 積淀論談有關(guān)社交圈子資源,會對進(jìn)行論壇推廣出示挺大適用; 搞好數(shù)據(jù)分析,以知道論壇推廣的成功失敗之舉,加以改進(jìn)。

人們常常會遇上有些人做論壇推廣的當(dāng)時,以便能短期內(nèi)內(nèi)看到作用,就在每個論談網(wǎng)站上注冊很多的id,花兩三天的時間就把各大論壇上貼的濃濃的全是軟廣,可是隔過段時間回來看,以前公布的全部貼子都被刪的干凈整潔,情況嚴(yán)重將會注冊的id也被封的干凈整潔,而針對這類人只有說成愛好者的論壇推廣技巧了。在進(jìn)到這一議論以前,人們看一下自身是不是存有那樣的難

在互聯(lián)網(wǎng)高速發(fā)展的今天,在眾多同行品牌的強(qiáng)勢競爭下,新品牌想要打開市場并不是一件容易的事兒。但不推廣就難以生存,那么我們應(yīng)該如何做好新品牌推廣,快速打開市場?云裂變徐國

2947

現(xiàn)在的推廣營銷方式與以前比起來可是多了不少,放在以前也就是還沒有網(wǎng)絡(luò)的時侯,商品商家和生產(chǎn)廠家想要把自己生產(chǎn)的和自己銷售的產(chǎn)品或是商品成功推銷出去那可就得想想辦法了。比如

2918

一個生產(chǎn)企業(yè)想要發(fā)展必須要創(chuàng)立自己的品牌,在人們購買東西講究牌子的今天,如果你所生產(chǎn)的產(chǎn)品連個牌子都沒有,恐怕會無人問津的。但是,有了品牌,對于小公司來說若是得到消費(fèi)者的

2918

說起網(wǎng)絡(luò)營銷,讓人們想起了網(wǎng)上購物,比如在剛過去的520,就是一波網(wǎng)購的熱潮,各種打折促銷返利活動讓許多人心動,看花了眼。又比如每年的雙11、在雙12的網(wǎng)上促銷活動可謂是一年之內(nèi)

2875

很多企業(yè)在官網(wǎng)搭建完成之后,便放任不管,既不更新內(nèi)容、也不做任何的排名優(yōu)化,最后網(wǎng)站沒排名、沒流量、沒訪客;即使有排名、有流量導(dǎo)入,但是跳出率極高,依然產(chǎn)生不了任何效益。

2855

隨著網(wǎng)絡(luò)營銷、全網(wǎng)覆蓋等口號喊得越來越響,現(xiàn)在有不少的企業(yè)做網(wǎng)絡(luò)營銷都是被同行帶起來的,本質(zhì)上對網(wǎng)絡(luò)營銷推廣的作用都了解不多。那么網(wǎng)絡(luò)推廣好在哪?為什么一定要做好網(wǎng)絡(luò)推廣

論壇推廣就是,企業(yè)利用論壇這種網(wǎng)絡(luò)交流的平臺,通過文字、圖片、視頻等方式發(fā)布企業(yè)的產(chǎn)品和服務(wù)的信息,從而讓目標(biāo)客戶更加深刻地了解企業(yè)的產(chǎn)品和服務(wù)。最終達(dá)到企業(yè)宣傳企業(yè)的品牌、加深市場認(rèn)知度的網(wǎng)絡(luò)營銷活動。1、電子公告板(BBS)是虛擬網(wǎng)絡(luò)小區(qū)的要素方法,小量的交流信息全是歷經(jīng)BBS進(jìn)行的,vip歷經(jīng)貼到消息也許回應(yīng)消息抵達(dá)互相聯(lián)系的目地。一些簡

受互聯(lián)網(wǎng)大趨勢影響,很多傳統(tǒng)企業(yè)紛紛著手布局網(wǎng)絡(luò)營銷,考慮到企業(yè)自身在營銷經(jīng)驗上有欠缺,不少老板會選擇找全網(wǎng)營銷外包公司合作,這個時候就會出現(xiàn)很多選擇難題。比如說找了10家

2798

隨著社會的發(fā)展和人們消費(fèi)觀念的改變,現(xiàn)在人們的消費(fèi)已經(jīng)從單純的商品能使用消費(fèi)階段到了商品品牌消費(fèi)階段了。在進(jìn)行商品購買時總是看商品的品牌,就拿一些年輕人來說吧,對于耐克、

2789

百科營銷是一種以權(quán)威知識分享的形式對企業(yè)做有目的性的品牌宣傳,可以有效提高潛在客戶對企業(yè)品牌或產(chǎn)品服務(wù)的信任度及認(rèn)可度,最終達(dá)到提升企業(yè)品牌知名度美譽(yù)度的雙重作用。那么百

護(hù)膚品作為當(dāng)下大受女性追捧的快消品,行業(yè)競爭激烈,且更新?lián)Q代尤其迅速。那么如何在如此變幻莫測的市場競爭中占領(lǐng)高地呢?這自然少不了大面積的營銷推廣(包括線上和線下),下面全

一、前端seo代碼優(yōu)化注意事項1、提高頁面加載速度。CSS可以用來解決不使用背景圖片的問題,也可以嘗試壓縮背景圖片的大小,你可以在一張圖片上放置幾個圖標(biāo),使用CSSsprite,使用背景位置

2667

最新文章