滑塊已經(jīng)存在了很長時(shí)間，已成為應(yīng)用程序中選擇和過濾的實(shí)際標(biāo)準(zhǔn)贸人。然而封拧，滑塊應(yīng)得到設(shè)計(jì)師的特殊考慮 - 正是因?yàn)樗鼈兪褂脩糨p松解決查詢曹铃，導(dǎo)致不正確或質(zhì)量差的結(jié)果秘血。
為什么要使用滑塊？
因?yàn)榛瑝K是直觀的佩研。他們從物理世界轉(zhuǎn)換成觸摸屏袍暴，看起來很好刊咳，不占用大量空間。當(dāng)滑塊的隱喻適用時(shí)垢粮，用戶喜歡滑塊贴届。所以當(dāng)用戶將主題當(dāng)作一個(gè)連續(xù)體，就像一個(gè)溫度滑塊是好的，因?yàn)槟銉A向于以“比現(xiàn)在冷一點(diǎn)”來考慮溫度毫蚓，而不是像“我想要溫度23”這樣的數(shù)字占键。
滑塊類型
單和雙
單個(gè)滑塊最適合選擇單個(gè)值绍些。
雙滑塊非常適合在一定范圍內(nèi)搜索。
連續(xù)和離散
連續(xù)滑塊用于一定范圍內(nèi)的不確定值柬批，例如下面的示例中的價(jià)格啸澡。
離散滑塊對于預(yù)定義的值很有用氮帐，例如評級控制嗅虏。
單個(gè)滑塊和雙滑塊都可以是連續(xù)的或離散的上沐。
提示：連續(xù)范圍滑塊并不總是最佳選擇皮服。離散停止對于小型預(yù)定義值（如產(chǎn)品評級）更好。
是否需要確切的價(jià)值参咙？
滑塊很難精確調(diào)整 - 無論是在物理世界還是在觸摸設(shè)備上龄广。只是因?yàn)檎{(diào)整大屏幕中間的小釘子是很困難的。
因此蕴侧，當(dāng)特定值對用戶無關(guān)緊要時(shí)择同，滑塊效果最好，但近似值足夠好净宵。還允許選擇非常特定的值對于用戶通常是不必要的敲才。
如果你還需要一個(gè)確切的價(jià)值
然后择葡，您可以使用具有可編輯數(shù)值的滑塊紧武。按下拇指時(shí)，文本框可變?yōu)榭删庉嬑谋据斎朊舸ⅲ⑼ㄟ^拇指移動(dòng)自動(dòng)更新該值阻星。
提示：如果選擇確切的值對于界面的目標(biāo)很重要，那么您也許應(yīng)該選擇一個(gè)替代的UI元素已添。
顯示范圍和直方圖
如果您使用滑塊進(jìn)行過濾迫横，則應(yīng)該在整個(gè)集合中顯示值的實(shí)際范圍。而不是使用任意數(shù)字和無益的標(biāo)簽酝碳，如$ 0和Max（價(jià)格），您應(yīng)該提供一個(gè)準(zhǔn)確的范圍恨狈，用戶可以搜索的實(shí)際最小和最大值疏哗。
具有直方圖的滑塊（如下所示）可以非常有助于防止零響應(yīng)。高條表示大量物品禾怠，而按比例縮小的條表示較少數(shù)量的物品返奉。
提示：用戶無法獲取直方圖贝搁。在這種情況下，他們只是忽略它芽偏，并繼續(xù)使用該應(yīng)用程序沒有任何問題雷逆。
想想拇指，不要覆蓋數(shù)字
當(dāng)放在滑塊正下方的標(biāo)簽可能在桌面設(shè)計(jì)上工作時(shí)污尉，相同的標(biāo)簽放置對于觸摸屏不起作用膀哲，因?yàn)楫?dāng)用戶的手指與控件進(jìn)行交互時(shí)，標(biāo)簽可能會被用戶的手指遮住被碗。為了在使用期間保持可見某宪，值應(yīng)該出現(xiàn)在引腳上方，用戶的手指不會覆蓋它們锐朴。
提示：確狈僦荆可以輕松輸入合理的值衣迷。
提供視覺反饋
視覺反饋在用戶界面設(shè)計(jì)中非常重要。在現(xiàn)實(shí)生活中酱酬，按鈕和控件對我們的互動(dòng)產(chǎn)生了回應(yīng)壶谒，這就是人們期望事情發(fā)生的方式。在輸入事件時(shí)岳悟，系統(tǒng)應(yīng)提供即時(shí)視覺確認(rèn)佃迄。
提示：視覺反饋的作用是因?yàn)樗擞脩糇匀坏恼J(rèn)可欲望呵俏。
結(jié)論
滑塊看起來不錯(cuò)，但并不總是最好的工具滔灶。當(dāng)你想要的東西是相對的普碎，但不是很好的精確值，它們是好的录平，除非你也有用戶可以鍵入的文本框麻车。在設(shè)計(jì)滑塊時(shí)，請確保用戶可以正確選擇該范圍（或單個(gè)值）斗这，而無需太多打擊精確值动猬。
謝謝！
轉(zhuǎn)自：http://babich.biz/mobile-ux-design-sliders/#
