<button id="awefu"><object id="awefu"><input id="awefu"></input></object></button>

  1. <tbody id="awefu"><noscript id="awefu"></noscript></tbody>
  2. <dd id="awefu"></dd>
    <progress id="awefu"></progress>

    <tbody id="awefu"><noscript id="awefu"></noscript></tbody>

    昆明UI培訓
    達內昆明五一路

    188-5191-7064

    交互密度與交互區域

    • 時間:2018-02-11 17:18
    • 發布:昆明UI培訓
    • 來源:圖翼網

    體驗優秀的App之所以優秀,往往是因為他們能讓用戶快速訪問到各項功能。這里就涉及到多點觸摸的交互密度,一個較大的觸摸區域,在常規操作下十分好用。

    或許對于一些用戶來說,觸控區域的大區塊,視覺上可能有點難看,但一旦你習慣了這種操作,就會發現他們的體驗真的非常棒。

    對于要求精確度的任務,比起鍵盤和鼠標,多點觸控方式其實并不適合。因為多點觸控很容易受到交互密度的影響。

    什么是交互密度?想像一下一臺設備的顯示,分割成一個個的小方塊。每個方塊代表的是理想的交互區域。簡單點說,就是相當于你將很多個按鈕兩兩貼在一起,每個按鈕就是你能點擊到的交互區域。同樣的大小里交互區域越多,交互密度就越高。

    當然,一臺設備上不可能顯示的全是按鈕,但交互區域仍然是存在的。例如在矢量繪圖App里,這決定了你是要放大到多大,才能選擇出兩個單獨的點來。

    同一個矢量繪圖App里,在較低的交互密度下,你便需要放大到更大的大小才能輕松選取出兩個點。

    44pt vs 20pt

    iOS上,蘋果建議44x44pt作為的點擊目標區域。這適用于整個系統,蘋果的app和第三方app都一樣。導航欄高度是44pt,列表行高是44pt,以及許多按鈕都是44pt高。雖然也有一些小于這尺寸的例子,但不多見。

    對于OS X 系統,沒有直接的蘋果視覺指導,但有大量可使用的示例資源——如每個OS X窗口左上角的“交通燈”按鈕是12x12pt,文件窗口上的標準打開和保存按鈕是20pt高,OS X 菜單欄高為22pt,下拉菜單項的高度為19pt。從這看來,使用20x20pt作為OS X上舒適的交互區域似乎是明智的,也是合理的。

    上面的對比意味著OS X有兩倍于iOS的交互密度,加之在X軸和Y軸上,導致了顯示同樣的內容,iOS上需要4倍的區域大小。這很值得注意。

    這尺寸的區別可以在很多地方看到。iOS Mail App的欄高是44pt,其在OS X上則是22pt。iOS上Tweetbot(一個twitter客戶端)的分享icon是27pt高,同樣其在OS X上只有13pt高。你能發現的每一處這樣有意思的比較,iOS都有著大約兩倍的高度和寬度。

    顯示密度

    你可能注意到我上面的比較例子一直使用的都是iOS 點(points)和 OS X 點(points)單位,并沒有提及屏幕顯示像素密度(Display Pixel Densities, DPI)的不同。這是故意而為的,因為屏幕DPI在iOS設備之間,以及Mac設備之間都會有些區別,但是UI本身使用的單位pt在屏幕上顯示的尺寸是不變的。

    堆棧

    不同的輸入方法帶來不同的交互方式,在同一個的交互區域上,可以堆棧許多交互功能。例如iOS上的一個區域的操作可以是點擊,連續點擊,長按甚至是3D Touch。

    這還不夠復雜,在OS X上也有相同的情況,單擊、雙擊、長按、右擊鼠標。實際上,鼠標輸入也會經常配合鍵盤的修飾符(?, ?, ?, 和 ?)使用。許多設計軟件可以通過?(Windows里的alt)+拖動來復制。這不是什么稀奇的功能,設計人員每天幾乎使用上百次,極大地提高了工作效率。這些快捷操作也可以是另外的方式,但相同點是都不會占用額外的屏幕空間來使用。

    在交互棧中,多點觸控比不上鼠標和鍵盤。我有想過鍵盤可以配合多點觸控設備使用,但這種對比與成熟、普及的iOS和OS X操作方式,并不成熟。說實話,這種配合方法是一種不入流的輸入方式。

    設備的交互區數

    忽略堆棧,一臺iPad Pro可以容納大約723個獨立的交互區域。一臺12寸的Macbook呢?2074。的Mac設備則擁有比的iOS設備多兩倍以上的UI顯示量。

    這些數據有用嗎?對于大部分工作和App來說,并沒有多大用處。但對于專業的視頻、音樂和設計工作呢?是的,或許其產生的效益比我預想的會更多。

    這之中應該存在一個理想的交互密度方案,但顯然我還沒有研究出來 :) 。多點觸控總是受到很多方面影響,包括人類手指的尺寸。

    如果多點觸控是未來的的話,或許,我們會需要一個更大的屏幕吧

    上一篇:少喝點雞湯,多一點實干
    下一篇:別讓用戶覺得自己很愚蠢

    馬上預約三天免費體驗課

    姓名:

    電話:

    達內教育集團總裁韓少云:拒絕跟風 做適合自己的教育

    給Flash初學者的幾點建議

    如何讓開發人員按照UI標注還原設計?

    金融危機來了,如何面對?

    • 掃碼領取資料

      回復關鍵字:視頻資料

      免費領取 達內課程視頻學習資料

    • 視頻學習QQ群

      添加QQ群:1143617948

      免費領取達內課程視頻學習資料

    Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    2018最新天堂福视频 2019亚洲福利合集 老司机带带我精品视频 百度 好搜 搜狗
    <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>