That's justanotherwordtosaythatwhen I'm notusingTableauatwork, I useTableauforfuntotrytopushthelimitofthetooltoseewhatitcandothat's notcommonlyavailableat a moment.
Thethirdkindofbuttonthat I'd liketointroducetoyouis a specialkindof A-B switches.
我要向大家介紹的第三種按鈕是一種特殊的 A-B 開關。
It's calledonoffswitch.
這就是所謂的開關。
Basicallyyouturnonorturnoff a settingof a chartor a dashboardbyclickingitlikethisonandoff.
基本上,你可以像這樣通過點擊來打開或關閉圖表或儀表盤的設置。
It's prettymuchlikethelightswitchatyourhome.
這就像家裡的電燈開關一樣。
Theexamplethat I'm showingyouhereissometimeswhenwecomparetheexistingvaluewithourplanvalue, like a target, like a forecast, wewanttotemporarilyhideorshowthatforecastorthatcomparedvalue.
I knowthatallofthisisveryoverwhelmingwith a lotofbuttonsonthescreen, butnowlet's take a stepback.
我知道螢幕上有很多按鈕,讓人眼花繚亂,但現在讓我們後退一步。
Let's talkabouthowdoweactuallygetthisiconbuttons.
讓我們來談談如何真正獲得這個圖標按鈕。
Onthescreenhere, wehavetwosetoficons.
在螢幕上,我們有兩組圖標。
I'd likeyoutospendaboutfivesecondstothinkwhichoneset, whichsetisbetterfor a professionalbusinessdashboard.
我希望你們花 5 秒鐘的時間思考一下,哪一套更適合專業商務儀表盤。
Howmanyofyousaythebottomone?
有多少人說下面那個?
Howmanyofyousaythetopone?
有多少人說是最上面那個?
Awesome.
棒極了
We'rein a good, we'rein a good, we'rein a goodplace.
我們的處境很好,我們的處境很好,我們的處境很好。
Oh, bytheway, I'm not a graphicdesigner.
對了,我不是平面設計師。
I didnotcreateanyofthisicons, but I doagreewithyouthaticonsonthetoparebetterthantheonesonthebottoms.
這些圖標都不是我設計的,但我同意你的看法,上面的圖標比下面的好。
Sowhatexactlythatmakethembetter?
那麼,究竟是什麼讓它們變得更好呢?
AccordingtoGooglematerialdesign, theiconsthatcouldbe, shouldbeusedin a softwareorinourcase, a dashboard, thisshouldbesimpleindesign, theyshouldbeeasilyrecognizable.
根據谷歌材料設計的要求,軟件或儀表盤中使用的圖標應設計簡潔,易於識別。
Thatmeansthatwhenyoustepat a veryfarandyoucanstillfigureout a smallone, whatdotheymeanwithoutthetextnexttoit.
Thefirstonejusttellsyouwhateverusefulinformationsyouwant, andthesecondoneittellsyoutoswitchto B or A, andthethirdonetellingyoutoturnonoroff a dashboardsetting.
Here, thisiswhat I call a proto-button, thestartingpointofallthreebuttons.
這裡,這就是我所說的原型按鈕,是所有三個按鈕的起點。
Youcantellthat I justusemin-zeroas a placeholdertocreatethezerolines, andthen I justplacetwocustomshapemarksoverlappingwitheachother.
你可以看到,我只是用 min-zero 作為佔位符來創建零線,然後將兩個自定義形狀標記重疊在一起。
Andtocreatethatspecialkindofcleanertooltiptext, herearewhat I did.
為了創建更簡潔的工具提示文本,我做了以下工作。
Forshowtooltips, I selecton-hoverinsteadofresponsive, soyourtooltipwilllastlonger.
對於顯示工具提示,我選擇的是 "懸浮時",而不是 "響應時",這樣工具提示的時間會更長。
Andalso, I uncheckedtheincludecommandbuttonsoptionsothatitdoesn't havethoseweirdcommandbuttonsshowupwhenyouclickthebutton.
此外,我還取消了包含命令按鈕選項,這樣點擊按鈕時就不會出現那些奇怪的命令按鈕了。
Sothat's howyoucreate a cleanerproto-button.
這就是如何創建一個更簡潔的原型按鈕。
Sowiththisproto-button, all I didwas I changedthecircleto a transparentshape, and I hidallofthosezerolines, and I changedtheshapemarkunderit.
是以,對於這個原型按鈕,我所做的就是將圓形改為透明形狀,隱藏所有的零線,並更改其下方的形狀標記。
Thatishow I createthehoverbutton.
這就是我創建懸停按鈕的方法。
Soit's verysimplistic, veryclean.
是以,它非常簡潔,非常乾淨。
Allitdoesisjusttellyouoneinformation, oneinformationabout a dashboard.
它所做的只是告訴你一個資訊,一個關於儀表盤的資訊。
Andhereyouwillseethat I haveappleandorangesinthedetail, and a lotofpeoplewillbelike, whydoyoualwayshaveapple, oranges, pears, andstrawberriesinyourdashboard?
很多人會問,為什麼你的儀表盤裡總是有蘋果、橘子、梨和草莓?
Thethingis, this, eventhoughthetoplayeris a transparentshape, whenyouclickonitintheworksheet, sometimesitwillstillglitchout a littlebit.
問題是,儘管頂層是一個透明的形狀,但在工作表中點擊它時,有時還是會出現一些閃爍。
Sotopreventthat, when I createthebuttoninthedashboardaction, I usesomethingthat
是以,為了避免出現這種情況,當我在儀表板操作中創建按鈕時,我使用了以下功能
I callhighlightdeactivation, orsomeoftheDataFamleader, theycallit a falsehighlight.
我稱之為高亮停用,或者一些 DataFam 領導人稱之為假高亮。
I makeTableau, whenweclickonthaticon, weforceTableautocompareappleandorange.