中文字幕在线观看,亚洲а∨天堂久久精品9966,亚洲成a人片在线观看你懂的,亚洲av成人片无码网站,亚洲国产精品无码久久久五月天

那些無法用菲茨定律衡量的用戶體驗設計(下)

2019-04-09    來源:viosdesign.com

容器云強勢上線!快速搭建集群,上萬Linux鏡像隨意使用

《 Fitts’s index of performance》這篇文章的目標是為了量化人類運動系統(tǒng)的信息容量。通俗的來講就是:它通過衡量人們完成特定動作指令所需要耗費的身體力量來評價人們的輸入方式優(yōu)劣。

優(yōu)勢

用更少的體力來完成輸入的好處是非常顯而易見的,尤其是當人們使用一些笨重的輸入設備時。最具代表性的就是垂直懸掛的觸摸屏,這類觸摸屏通常被放在專業(yè)的辦公環(huán)境當中,用于創(chuàng)建,視覺化或是管理大數(shù)據(jù)量的信息數(shù)據(jù)。

菲茨定律將會促進并延長垂直觸摸屏的使用。(圖例:Perceptive Pixel)

當試用垂直觸摸屏時,長時間保持手臂向上會迅速的導致三角肌疲勞,從而產(chǎn)生各種各樣的錯誤,或是最終迫使用戶放棄操作。

因此,避免復雜和高強度的這類輸入方法有助于促進和延長人們對這類設備的使用。

風險

復雜難以進行的輸入方法有時卻能夠避免錯誤發(fā)生。例如,移動設備通常都是被放在口袋中隨身攜帶,很容易意外的觸發(fā)設備。在這種情況下,高精度的輸入方法 應運而生。這種輸入方法有著更高的輸入難度從而保證每一個輸入指令不是意外產(chǎn)生的。并且,這類高精度的輸入方法會提醒用戶他們正在進行的操作相對重要。iPhone關機時的操作,就是最好的范例。

根據(jù)操作結(jié)果的重要性來選擇UI控件元素: 滑動操作通常被用于危險的操作(圖例: iPhone,截圖源自 Outsideinnovation.com)

關機或是重啟設備是非常重要的操作,一旦觸發(fā),就無法撤銷。因此,它們被設計成滑動條控件,需要高精度的操作才能觸發(fā)。與其相對的,這里的取消操作產(chǎn)生的后果非常小,因此被設計成為一個普通按鈕。

滑動操作和其他需要高精度操作的手勢既是最安全的輸入方法,同時也是最冗長的輸入方法。為了平衡安全性和易用性,這些操作通常被保留用在較為危險而又很少執(zhí)行的命令,例如解鎖屏幕,關閉設備,進行系統(tǒng)定制設置,運行管理員任務或是關閉鬧鐘等等。當另外一些危險的指令在使用中會被頻繁使用時,例如編輯,刪除或移動操作,合理的圖標和包含確認的兩步輸入法而非高精度輸入就更加合適。盡管兩部輸入法并不像高精度輸入方式那樣安全,但是它們更好的照顧到了易用性,因為這些操作發(fā)生的頻率較高。

另外一個采用復雜高精度輸入法的原因是為了利用手勢操作的重要特性–節(jié)省輸入空間。根據(jù)菲茨定律關于效率的評價標準,包含一定的拖拉手勢需要更高強度的肌肉緊張,因此,菲茨定律更推薦點擊操作。然而,手勢操作具有一個很大的優(yōu)勢 — 無需放置界面控件在屏幕中就可以完成功能操作。

以在 deviantART管理藝術(shù)收藏為例,為了將一個選項添加到你的收藏,你不需要點擊一個按鈕。你只需要拖動一幅打算收藏的作品,收藏面板會自動觸發(fā)顯示,允許你把藏品放置其中。

由拖拉操作觸發(fā)并完成的操作無需在界面中放置觸發(fā)操作的控件元素(圖例deviantART)

由于拖拉操作不需要按鈕或是其他UI控件來觸發(fā)功能,因此,它對于節(jié)省界面空間,提升利用率很有幫助。當然,不足也同樣明顯,缺乏明顯的視覺提示告訴用戶關于手勢操作的存在(除非通過tooltip提示)無論如何,如果屏幕空間確實很緊張,那么手勢輸入雖然麻煩,但卻絕對值得。

主要像素的理論表明,某些像素比其他像素更加容易獲得。例如,屏幕的邊緣和角落更容易接近。然而,最容易接近到的像素還是那些鼠標當前所在的位置,這也是右鍵點擊彈出菜單的緣由。

優(yōu)勢

右鍵菜單會在用戶當前鼠標指針右擊時出現(xiàn),并且提供給用戶與當前內(nèi)容相關的選項。因此,你不需要再移動鼠標一定距離到某個特定的位置。通常有兩種右鍵菜單:線性右鍵菜單和圓弧形或環(huán)形菜單。

按照菲茨定律,環(huán)形菜單會比垂直線性才對那更優(yōu)。這是因為:首先,梯形的菜單選項擁有更大的點擊響應區(qū)域。其次,由于菜單采用的環(huán)形排列,鼠標距離每一個選項的距離都是基本想通的。由此帶來的一致性會幫助用戶的肌肉產(chǎn)生記憶反射。與此相對的,在線性菜單當中,只有最接近鼠標初始位置的選項是最容易被點擊到的,因此,這個位置應當放置最常用的菜單選項。

菲茨定律更偏好環(huán)形菜單(左例: OneNote 2013,右例: Firefox)

將界面控件放置在屏幕邊緣或是角落的另外一個好處是鼠標的移動受限于屏幕的自然空間,從而更容易達到。

屏幕邊緣和角落是屏幕最重要的位置(圖例:Particletree)

用戶可以直接將鼠標大幅度移動到屏幕的邊緣或是角落而不用進一步微調(diào)。因此,目標也會更容易被點擊到。

缺陷

為了驗證上述菲茨定律的理論研究而進行的實際測試表明,環(huán)形菜單在尋找選項和使用錯誤率上較垂直線性菜單有微小的優(yōu)勢。然而當問及被試的主觀偏好時,環(huán)形菜單卻不是人們所愛。

事實上,菲茨定律所偏愛的環(huán)形菜單,的確具有一些缺陷,這些缺陷在特定情況下甚至遠遠超過它帶來的好處。

其中一點就是環(huán)形當環(huán)形菜單的選項較多時,所能提供的選項點擊范圍非常有限。解決這個問題的方法之一是依據(jù) Hick’s 定律移除一些不重要的選項。例如,如果菜單選項不適用于當前選中的內(nèi)容,或是它們在界面當中的其他位置已經(jīng)存在,那么它們也不一定非要出現(xiàn)在右鍵菜單當中。(例如,“撤銷”“重做”“新建文件””保存文件”“打印”或是“放大/縮小”這類操作與“剪切”“復制”“粘貼”這類通常針對選中項的操作相比,與選項內(nèi)容關聯(lián)并不強,因此可以把它們放置在工具欄當中而非右鍵菜單中)。

第二種管理多選項菜單的方式是次級菜單。與線性菜單相比,在環(huán)形菜單中使用次級菜單會很容易鋪滿整個屏幕并且顯得雜亂無章。在這點上面,線性菜單有巨大的優(yōu)勢:線性菜單固有的結(jié)構(gòu)使其很容易展現(xiàn)層級關系。

分組的菜單選項在線性菜單中更加容易表達。(圖例: Word 2013,截圖 PCPro.co.uk)

最后,環(huán)形菜單需要更多的空間。這會導致兩個問題:菜單可能會遮擋選中的選項,并且當鼠標在屏幕邊緣右擊時,它們可能很容易彈出在其他位置而非鼠標附近。

綜上,有以下情況時,應當盡力使用線性菜單而非環(huán)形菜單:

菜單中需要有多個選項

可能有次級菜單

菜單選項需要被分組和存在優(yōu)先級

屏幕空間非常寶貴

最后,在使用鼠標操作的設備時,對于屏幕邊緣和角落可能有2個潛在的問題。在大屏幕中,鼠標移動的距離很長,由此點擊到邊緣的控件并不一定省力。而且,網(wǎng)頁設計師們可能無法有效的利用屏幕的邊緣和角落,這是因為網(wǎng)頁通常運行在瀏覽器當中。而且網(wǎng)頁也通常被要求使用更好兼容性的居中布局。

在使用非鼠標操作的設備例如觸摸屏時,將界面元素放在邊角可能不僅不會帶來易用的提升,甚至可能帶來操作交互的倒退。在大觸摸屏上,這樣的布局可能會需要用戶不斷的拉伸他們的手臂,從而迅速產(chǎn)生疲勞。因此,在大屏幕界面設計中,一些經(jīng)常用到的工具應當被設計成為可以拖拽的。這樣用戶就可以按照自己的意愿來拜訪這些工具欄。而通常用戶可能會放在他們當前主要工作區(qū)域的附近,這樣就又符合了菲茨定律所述節(jié)省移動距離的原理。

對于交互設計師和用戶體驗設計師來說,最困難的莫過于如何考慮用戶體驗的各個維度,從而做出平衡與結(jié)合,并創(chuàng)造最優(yōu)的產(chǎn)品。菲茨定律嘗試著為用戶體驗設計師們提供一些可以量化的數(shù)學性質(zhì)的標準來使得設計決定更容易。

通常,運用數(shù)字很容易來衡量界面的質(zhì)量和效能:某個操作的點擊越少越好,定位導航越快越好。常用按鈕被放置的距離操作越近,鼠標移動越少。

然而,界面終究是為人服務的,界面需要具有一致性,需要體貼包容人們,需要具有一定的可玩性,功能需要易被發(fā)現(xiàn):這類指標很難像點擊數(shù)或是像素移動距離那樣容易被衡量。那些精確的數(shù)字和簡化的數(shù)學模型可能會比無法衡量的各種體驗維度更容易獲得設計師們的偏好。但數(shù)學定律應當被用戶體驗設計師當作設計工具和參考,而非金科玉律。

事實上,你應當像尊重菲茨定律一樣,尊重各種人類學準則和定律,只要它們能夠真正的提升你的用戶體驗設計。

延伸閱讀:

  • 那些無法用菲茨定律衡量的用戶體驗設計(上)

英文原文請參見:http://uxdesign.smashingmagazine.com/2012/12/04/fittss-law-and-user-experience/ 

文章來自http://viosdesign.com/2013/01/fitts_law_in_ux_design/

標簽: 什么是菲茨定律 用戶體驗設計 網(wǎng)站設計 

版權(quán)申明:本站文章部分自網(wǎng)絡,如有侵權(quán),請聯(lián)系:west999com@outlook.com
特別注意:本站所有轉(zhuǎn)載文章言論不代表本站觀點!
本站所提供的圖片等素材,版權(quán)歸原作者所有,如需使用,請與原作者聯(lián)系。

上一篇:如何寫出連方舟子都滿意的需求文檔?

下一篇:一個微博菜鳥教你怎么玩好騰訊微博