• <track id="em4g6"><strike id="em4g6"></strike></track>
      1. 教育改變生活,株洲科泰成就夢想!
        報名熱線:0731-28161709

        教學課堂CLASSROOM

        開班信息
        熱門話題
        ui設計
        目前所在位置: 首頁 > ui設計

        UI滑動條設計:拇指法則

        來源:北大青鳥科泰校區時間:2019-04-09

        內容提要: 即使滑動條的設計再細致,用戶的操作技巧再精準,用滑動條做準確的數值設定也是件困難的事情。如果對操作界面上的參數設置要求非常精確的話,那么建議設計時使用其它的視覺控件。

        即使滑動條的設計再細致,用戶的操作技巧再精準,用滑動條做準確的數值設定也是件困難的事情。如果對操作界面上的參數設置要求非常精確的話,那么建議設計時使用其它的視覺控件。
        在選擇某個值或某個范圍時,經常會用到滑動條。然而,從使用角度來說,滑動條并不利于操作。特別是在觸屏設計中,很難用滑動條精確設置到某個特定的值。

        定義:滑動條是一種設計控件,主要通過水平移動滑塊或滑桿來控制某種變量,比如用來調節音量或者屏幕亮度。

        不精確的交互
        當進行UI設計時,設計師必須考慮到用戶的使用場景。尤其是在設計移動端時,需要考慮用戶經常用一只手拿著手機,同時又在干其他的事,比如看電視,散步,甚至開車。在這種情況下,在屏幕上按住并拖拽控件到某個特定的位置屬于非常困難的操作方式?;瑒訔l的設計方式遵循隧道定律(steering law),定律描述了,當通過一個隧道時,隧道越長越窄,所需的時間越長。(下拉菜單和滾動條的設計也遵循隧道定律
        )。在移動設備上操作滑動條時,很多用戶在手指離開屏幕的瞬間,又不小心移動了滑動條,從而使數值偏離了他們最初想要設置的值。

        Kayak APP設計了很多滑動條,用來選擇時間,過濾航班。然而設定起飛和到達時間的滑動條以小時為單位,但選擇飛行時長的滑動條則精確到分鐘。

        另一個在觸屏交互界面設計時需要重點考慮的因素是控件的易用性。對于不經常使用電子設備的人來說,操作滑動條來進行參數設置并不是件容易的事。他們真的能夠通過滑動條選擇到(或者接近)他們預期的那個數值么?為了設定到那個數值,他們需要花費多少精力,嘗試多少次?相比許多年輕人,很多老年用戶的手都不穩,因此在操作對手勢有精準要求的小控件時,難度系數更大。若想讓用戶輕松的使用你的產品,建議不要使用滑動條當控件來完成精確的參數設置。

        一個精確的數值是必要的嗎?
        通常,讓用戶設置非常精確的數值沒有什么必要,也沒有多大意義。

        滑動條適用于在一定范圍內對數值進行粗略的設定,而對于精確的數值并無嚴格要求。kayak其實可以不用滑動條來設置飛行時長,到達和起飛的具體時間,因為大多數用戶對“中午”這樣的起飛時間設定已經覺得足夠了,并不介意精確的起飛時間是多少。但是,一旦要求設定精確數值時,滑動條這種設定形式就變的不適用了。比如,如果你需要在表格里填上年齡、身高、體重等具體數值時,使用滑動條就變的不妥當了。

        一個滑動條的可選擇范圍越大或者單位越密集,要選擇一個精確數值就越難。Delectable應用讓用戶在6-10的分數范圍內給葡萄酒打分,精確到了0.1。這種不尋常的打分范圍不僅讓用戶很困惑,而且選擇一個精確的分數(比如9.5或9.3)簡直需要高超的操作技巧。有人可能會說用戶根本不在乎最終的分數是9.3還是9.5,因為兩個分數都是差不多。既然這樣,那為什么要用0.1精度擾亂用戶而不用更簡單的五分制的評分方法呢?

        想想拇指
        在適合用滑動條展現的案例中,設計師需要確?;瑒訔l的設計樣式不會降低它的可用性。在觸屏設計上,需要考慮當操作滑動條時用戶的手指應放在屏幕的什么位置,有哪些區域是因此而被遮蓋的。在設計用鼠標操作的界面時,標簽可直接置于滑動條下方區域,然而在移動設備和其他觸屏設計中,同樣的標簽擺放則會很難用,因為在使用控件的時候,標簽可能會被用戶的手指擋住。

        結論
        當精確數值對用戶意義不大,僅一個粗略數值就足夠的情況下再使用滑動條。確保用戶無需太繁雜的操作就能輕松的設置滿意的值。另外滑動條的全部標簽需要放在滑動條的上方或者旁邊,而不是放在下方,以保證用戶在選擇某個值的過程中標簽持續可見。也可以考慮通過不同的視覺元素樣式讓用戶通過點擊,甚至是打字輸入等方式表示他們的準確數值,而不僅僅依靠按住并滑動的手勢進行數值展現。

        相關推薦
        ?
        聯系我們

        掃碼關注科泰

        電話咨詢:0731-28161709

        學校地址:株洲市云龍示范區北大青鳥株洲科泰校區

        留言咨詢

        Copyright 株洲科泰信息有限公司 版權所有__湘ICP備19017566號

        久久久久亚洲精品无码网址色欲

      2. <track id="em4g6"><strike id="em4g6"></strike></track>