您現在的位置是:電腦技術吧?>? 編程技術 ??>??與和活的優先級,優先級??>??正文詳情

與和活的優先級,優先級

晏夢凡2019-11-07 12:02:09 人圍觀
簡介c 優先級網站和應用程序中的對話框通常描述信息并提供幾個選項最常見的選項數通常是一個具有最高優先級的選項,這是首選選項,而另一個選擇較少,這是次要選項(例如,用戶填

在網站和APP中的對話框通常會進行信息說明,并提供若干選項。

最常見的選項數量通常是兩個一個選項優先級最高,為首選選項,而另外一個選項較少被選,為次要選項。

(比如用戶填寫表單之后,結尾會提供兩個按鈕,一個為提交,另一個為取消)  在今天的文章中,我們將這個最常見的用戶體驗場景作為探討的對象,亦即確認和取消哪個按鈕優先級更高。

  預防出錯  正如同Jakob Nielsen 談及可用性設計所說的:只有謹慎小心的設計才能防患于未然。

你應當盡量避免容易出錯的情形,尤其是用戶容易作出錯誤選擇的情況下。

  視覺重量。

當兩個選項之間有明顯區別的時候,你應當讓兩個按鈕擁有不同的視覺重量,讓其中一個成為視覺的重心。

處于視覺重心上的按鈕會獲得更多的注意力。

  清晰而明顯的標簽。

一個設計正確的對話框不應該僅僅給用戶提供選擇而已,也應該讓每個選項盡可能的明確。

這就是為什么要讓每個選項的標簽盡可能的清晰明確。

明確的標簽能給予用戶恰到好處的幫助,讓用戶在作出正確選擇的時候不遲疑:  通常帶有明確指向性和說明的標簽(按鈕內容,文本)會比通用的OK或者確定要更好。

  盡可能使用動詞,而不是OK,因為前者意義會更明確,用戶不會斷章取義從而作出錯誤的選擇。

  由于中文和英文在回答的模式上的差異,這個對話框中的兩個選項OK 和 Cancel 在兩種語言下回答是截然不同的。

  接下來的這個對比案例中,第一個對話框中,No僅僅是回答問題,但是并沒有指向性,并未指出這么選擇的后果。

而第二個對話框則好了許多,Cancel和Discard兩個選項,后者和前文所提出的問題相對應,指向性明確,而Cancel 的含義也就更加清晰了。

  正向的首選操作(發送或提交等)  當首選操作是正向的時候,相關的表單和按鈕應當擁有更多的視覺重量,而次要的選項的視覺重量應當更輕,這樣可以最大程度減少潛在的出錯風險,并將用戶導向到正確的方向。

  通常,我們所說的保存、提交、發送在多數時候都算是正向的按鈕。

  反向的首選操作(替換或者刪除)  如果此時的操作主要是反向的,替換、刪除、移除等,那么將這些不可逆的操作對應的按鈕和選項賦予更多的視覺重量,其實比較危險的。

因為這些操作的不可逆性,它們并不一定是安全操作,用戶在引導下可能并不明白它們的危害性而下意識操作,這可能會導致出錯。

比如,當用戶在做替換文檔的操作的時候,執行速度本身并不重要,是否操作正確才是重點,只有這樣才不會讓用戶后悔。

  取消是次要操作,但是它應當擁有更多的視覺重心。

  刪除和擦除相關的操作應當多留意。

你有沒有誤刪文檔事后發現追悔不及的情況?許多用戶并不會仔細閱讀對話框中的確認信息就作出選擇。

但是有時候,用戶確實是閱讀了提示,但是依然手滑作出了錯誤的選擇。

(在應當取消的時候不小心點了刪除)  你應當為用戶提供單一且明顯的確認操作按鈕,同時確保設計的可訪問性,不會因為文化差異而出現理解偏差,包括色彩本身的指引性。

  LinkedIn 的對話框中的選項就表述的非常明確。

  此外,你應當基于核心的用戶數據為關鍵性的操作設計一套不太相同的處理機制:比如為了避免用戶誤觸,不提供而按鈕而是輸入框,讓用戶輸入Delete來進行刪除操作。

  被禁用的按鈕  非活動的、被禁用的按鈕有時候也是非常有用的,它可以告訴用戶某些操作的可能性。

即使在當前情況下并不可用,用戶也會意識到在某些時候它們可能會被用到。

  這類被禁用的按鈕還有另外一個作用,就是在緊急情況下啟用,幫助陷入困境的用戶。

撤銷按鈕很少見,但是它確實存在,而且從可用性的角度上來看,還相當的實用。

用戶面對誤觸或者意料之外的操作,會下意識返回,而撤銷按鈕的存在,讓操作的指向性更加明晰。

  確定-取消還是取消-確定?  確定/取消按鈕是我們最常見的按鈕組合之一。

而面對這一組按鈕最常見的問題是,首選按鈕應該是在前面還是在后面。

實際上,在實際效果和用戶偏好上,兩種搭配方式并無顯著區別。

  Apple、Google 和微軟的設計規范  平臺的一致性設計其實比先后順序來的更加重要,但是幾個不同的平臺之間的操作順序規定并不相同。

  微軟的設計遵循下面的順序:  OK/[Do it]/Yes  [Don't do it]/No  Cancel

  但是在 MacOSX 的設計規范中則不同,能夠引發特定操作的按鈕應當處于右邊,而取消按鈕則應當在這個按鈕的左邊。

這樣一來,在Mac平臺上,取消按鈕在左,而確認按鈕在右邊。

  Google Android 的設計規范中則規定,取消操作的按鈕始終處于左邊,當用戶執行這個操作的時候會回到上一個狀態,而正向操作的按鈕則安排在右側。

也就是說,在Android當中,取消按鈕是在確認按鈕的左邊。

  如果你的設計是針對特定的平臺,那么按鈕的排布順序倒是很清晰的,按照設計規范來就好了。

相比于個性化的選擇,平臺的一致性原則優先級更高,對于用戶體驗上的加成也更多,簡言之就是更好用、更直覺。

不遵循規范的設計談不上錯誤,但是用戶會遲疑、猶豫,甚至誤觸。

  基于網絡的平臺  當然,如果你是要設計基于Web的應用程序的話,應當遵循什么樣的設計就要看你所在平臺的規范或者用戶的使用習慣了。

你可以通過用戶分析和調研,來找出最適合平臺的排列順序。

在這種情況下,你需要基于可用性來進行考慮,根據用戶的使用場景來推導用戶的理解方式,作出最優選。

  確定/取消以及是/否的選擇符合東西方文化的基本溝通邏輯,你同意我的說法么?是/否,是為首選選項,否為次要選項。

如果用戶選擇是的機率比否要高的多,那么將是放在第一位,降低用戶誤觸的機率。

  而取消-確定的排布方式修改了邏輯流程,這種排布方式讓靠后的元素顯得更加重要。

  兩種方式各有優劣,但是本身通常不存在可用性問題。

版權聲明:本文由 晏夢凡 整理編輯。

原標題:C優先級,與或非的優先級

轉載注明出處:http://www.dn9ww09s.icu/program/11409.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 希捷西數移動硬盤,西數移動硬盤

    希捷西數移動硬盤,西數移動硬盤 相關圖片希捷西數東芝移動硬盤十年之前的磁盤市場,希捷是當之無愧之牛耳,而西部數據則是苦苦的追趕者;十年之后,存儲市場發生了翻天覆地的變化,而希捷和西部數據的角色也在這十年...

  • 筆記本電腦組裝教程,組裝電腦教程

    筆記本電腦組裝教程,組裝電腦教程 相關圖片組裝電腦入門教程我們都知道,買臺式組裝機,首先要買各種電腦配件,然后自己慢慢組裝然而,對于那些想自己組裝電腦或是第一次組裝的朋友,我們必須知道一些預防措施那么如何...

  • 樣式優先級,行內樣式優先級

    樣式優先級,行內樣式優先級 相關圖片表樣式優先級按順序為首先,什么是CSS優先級所謂CSS優先級是指在瀏覽器中解析CSS樣式的順序當多個CSS選擇器選擇同一個元素(或內容)時,應該根據優先級選擇不同的CSS規則為什么內...

  • 手機變電腦模擬器,電腦游戲手機玩模擬器

    手機變電腦模擬器,電腦游戲手機玩模擬器 相關圖片手機windows模擬器Android仿真器電腦版是在PC平臺上模擬Android手機系統,模擬Android手機運行環境,讓用戶在電腦上體驗Android游戲和應用的仿真器軟件哪個A電腦游戲模擬器...

  • overflow,stackoverflow

    overflow,stackoverflow 相關圖片div overflow溢出有問題嗎沒問題那我們為什么要小心使用呢因為有時會導致一些溢出的問題:Auto,很多人貪圖它方便的書寫,直接用來清除浮點數但是Firefox使用overflooverflow都有哪些值...

  • 筆記本電腦鍵盤錯亂,筆記本電腦鍵盤失靈錯亂

    筆記本電腦鍵盤錯亂,筆記本電腦鍵盤失靈錯亂 相關圖片為什么電腦鍵盤錯亂許多游戲玩家,特別是喜歡玩筆記本電腦游戲的大學生,在連接外部鍵盤后發現筆記本電腦的鍵盤按鍵紊亂另外還有一些情況會導致筆記本鍵盤按鍵紊亂,那么如何...

  • 圓角矩形,如何調整圓角矩形

    圓角矩形,如何調整圓角矩形 相關圖片ai怎么調整矩形的圓角所謂的高級CSS技能實際上是一些基本技能的創造性組合任何手段和技能都是解決問題的方法只要你學會了這種思維方式,你也可以有自己的CSS腳本CSS2無法創建曲線...

  • 筆記本組裝配置清單,臺式機組裝清單

    筆記本組裝配置清單,臺式機組裝清單 相關圖片電腦主機組裝隨著時代的發展,計算機已成為人們生活的必需品筆記本電腦以其輕巧方便贏得了許多年輕人的青睞不過,對于很多只在家里使用或喜歡游戲的朋友來說,臺式電腦是更好...

  • 網頁優化包括什么,網站怎么優化

    網頁優化包括什么,網站怎么優化 相關圖片如何提高性功第一期回顧:《有圖有案例!125個提升網頁可用性的優化小技巧(一)》  讓常用功能和重要數據信息更接近用戶  預測用戶的意圖,讓他們盡可能接近目標。  △ 篩選...

  • 機械硬盤和固態硬盤的區別,固態硬盤和機械硬盤哪個好

    機械硬盤和固態硬盤的區別,固態硬盤和機械硬盤哪個好 相關圖片ssd硬盤隨著科學技術的發展,固態硬盤(SSD)應運而生ssd分發已經有很長一段時間了不過,目前主流的安裝方式仍然是選擇傳統的機械硬盤,而大部分的固態硬盤都采用高端配置安ssd固...

熱評文章

  • 空當接龍怎么玩,紙牌接龍怎么玩

    空當接龍怎么玩,紙牌接龍怎么玩 相關圖片網上紅心大戰玩法紅心大戰類似于公主制的游戲我們的目標是扔掉手中的牌,避免得分,并且在比賽結束時盡量得到最低的分數紅心大戰是由四名隊員一起進行的,用一對沒有大小王的...

  • 文件夾刪除又自動生成,文件夾刪除了又生成一個

    文件夾刪除又自動生成,文件夾刪除了又生成一個 相關圖片文件夾刪除了以后當Dreamweaver用作項目時,網站下的每個文件夾都會自動生成一個“notes”文件夾,刪除后會立即再次生成在最近的項目中,一些童鞋意外地將所有“notes為什么刪除的文...

  • office2007激活工具,office2010激活工具

    office2007激活工具,office2010激活工具 相關圖片office2007怎么看激活Microsoft Office 2007是Microsoft最新的Office系列軟件它不僅優化了系統的功能,而且增強了系統的安全性和穩定性界面也給人一種愉悅office2007工具...

  • 酷睿i3處理器怎么樣,酷睿i3

    酷睿i3處理器怎么樣,酷睿i3 相關圖片酷睿i3和i5的區別隨著計算機科學技術的發展,許多品牌的主流處理器已經占據了市場的上風例如,核心I3是一個優秀的處理器它有一個緩存和一個運算單元核心I3呢我有興趣看一下小編的...

  • 筆記本開不了機,筆記本電腦關不了機怎么解決

    筆記本開不了機,筆記本電腦關不了機怎么解決 相關圖片筆記本突然開不了機筆記本電腦已經是每個家庭的必需品了在長期使用過程中不可避免地會出現一些問題如果我們的筆記本不能打開,我們該怎么辦我們不能盲目地對付他們首先,我們...

  • appscan常見解決方案,生活中常見的問題與解決方案

    appscan常見解決方案,生活中常見的問題與解決方案 相關圖片生活問題以及解決方案大多數網站都會隨著內容的增加、需求的變化和產品的演進而重新設計然而,網站的重新設計不可避免地會遇到各種各樣的問題、誤解和困難。大部分現場重新設...

  • 電腦cpu使用率0很卡,電腦cpu使用率

    電腦cpu使用率0很卡,電腦cpu使用率 相關圖片筆記本電腦cpu使用率高當你使用計算機時,你經常遇到一個突然變得很慢的系統這時,大多數人可以通過任務管理器直接檢查CPU的利用率,然后就會發現CPU的占用率非常高,甚至高達1...

  • 紙張效果,紙張

    紙張效果,紙張 相關圖片ps銅版紙效果現在讓我們分享一個使用焰火來產生卷紙效果的方法,希望能給正在學習焰火1的朋友一些幫助或建議創建一個畫布,繪制一個矩形,用白色填充,然后使用灰色筆劃選擇1像...

  • 驍龍617處理器,驍龍615處理器

    驍龍617處理器,驍龍615處理器 相關圖片驍龍617怎么樣據悉,三星Galaxy C5配備了snapdragon 417處理器,這也讓很多用戶對這款處理器感到好奇根據安哥拉兔的跑步成績數據,三星C5的成績為45萬,在入高通驍龍410處理器...

  • css背景圖片居中,css背景圖片怎么居中

    css背景圖片居中,css背景圖片怎么居中 相關圖片css背景圖片怎么設置使用CSS實現體背景圖像的水平和垂直居中:style type=text/CSS*{margin:0;padding:0;}HTML,體{width:100%;css圖片怎么居中...

關注微信

变脸官网查询