无遮挡18禁啪啪免费观看 I 秋霞成人av I brandilove欧美三区 I 激情偷乱人伦小说视频 I 人人插人人艹 I www.亚洲com I 波多野结衣av高清一区二区三区 I 精品无码国产污污污免费网站 I 美女张开腿给男人桶爽久久 I 国产精品久久久久久久免费 I 国内精品久久99 I 亚洲精品无码专区 I 亚洲免费视频一区二区 I 午夜xxx I 国产一区啪啪 I 丝袜激情网 I 日韩精品久久久久久久 I 欧美香蕉视频 I 成人片免费看 I 天天色综合2 I 寡妇被老头舔到高潮的视频 I 亚洲第一页在线 I 国产放荡av国产精品 I 在线精品视频一区二区 I 免费黄色片在线观看 I 秋霞伊人网 I www.伊人 I 久草在线91 I 女人啪啪免费av大片 I 欧美一区二区综合 I 精品久久久久久天美传媒 I 黄色工厂在线观看 I 91精品国产色综合 I 动漫美女被到爽 I 丁香午夜激情

設(shè)計(jì)模式 | 多級(jí)撤銷 Multilevel Undo:讓用戶更有安全感

2021-12-1    鶴鶴

What 是什么

簡(jiǎn)介:「多級(jí)撤銷」允許用戶撤銷一系列的操作。用戶操作的順序能被系統(tǒng)捕獲記錄,根據(jù)原始執(zhí)行順序,一步步返回歷史操作。


例子:用 Sketch 畫(huà)設(shè)計(jì)稿時(shí),可以多級(jí)撤銷,允許用戶返回上一步或更早的歷史操作


undefined


Why 為什么

具備多級(jí)撤銷的功能可以讓用戶覺(jué)得能夠?qū)缑孢M(jìn)行安全探索,不必?fù)?dān)心造成某些不可取消的修改。例如,如果單擊了錯(cuò)誤的菜單項(xiàng),不需要進(jìn)行復(fù)雜的恢復(fù),不需要退回到此前保存的文件版本,或者尋求系統(tǒng)管理員的幫助。


多級(jí)撤銷也讓專家用戶更快更容易地探索工作路徑。舉例而言,一名 Photoshop 用戶可能會(huì)在一個(gè)圖片上執(zhí)行一系列的濾鏡操作,研究那些結(jié)果看是不是他喜歡的,然后再逐一撤銷,回到起點(diǎn)。


When 什么時(shí)候使用

需要用戶頻繁在單一頁(yè)面上交互的用戶界面,相比普通的網(wǎng)站或者移動(dòng)端 APP,交互操作要復(fù)雜得多。例如:文件編輯器、圖形建模工具、郵件閱讀器、數(shù)據(jù)庫(kù)軟件、寫(xiě)作工具、編程環(huán)境等。該功能能使用戶撤銷一系列操作而非單一個(gè)操作。


使用條件:該軟件的單一界面交互比較復(fù)雜和頻繁


How 如何使用

軟件首先需要一個(gè)強(qiáng)大的模型,這個(gè)模型是關(guān)于動(dòng)作是什么樣的——?jiǎng)幼鞯拿Q、動(dòng)作所關(guān)聯(lián)的對(duì)象,以及如何返回歷史動(dòng)作。


決定哪些動(dòng)作需要成為可取消的操作。如果動(dòng)作可以改變一個(gè)文件或者數(shù)據(jù)庫(kù)——任何將是永久性存在的對(duì)象——都應(yīng)該是可取消的動(dòng)作。具體而言,在大部分應(yīng)用里,人們期望能撤銷下面這些改變:

  • 文檔或表單的文字輸入

  • 數(shù)據(jù)庫(kù)

  • 圖片或畫(huà)布的修改

  • 布局上的變化位置、大小、順序或分組在圖像應(yīng)用程序中

  • 文件操作,例如刪除或修改

  • 對(duì)象的創(chuàng)建、刪除和重新組織,例如郵件消息或電子表單的列

  • 任何剪切、復(fù)制、粘貼操作


下面這些修改基本上是不可撤銷的:

  • 文本或?qū)ο筮x擇

  • 窗口或頁(yè)面之間的導(dǎo)航

  • 鼠標(biāo)光標(biāo)和文本光標(biāo)的定位

  • 滾動(dòng)條的位置

  • 窗口或面板的位置和尺寸

  • 在一個(gè)未提交的對(duì)話框或模態(tài)對(duì)話框上的改動(dòng)


展現(xiàn)方式

然后,決定以哪種方式把撤銷操作展現(xiàn)給用戶。大部分桌面應(yīng)用程序會(huì)把“撤銷/重復(fù)”的菜單項(xiàng)放在“編輯”菜單下。撤銷通常也關(guān)聯(lián)到Ctrl+Z 或類似的快捷鍵。


Example 案例

案例一:Microsoft OneNote 筆記編輯器

用戶需求:撤銷文字輸入

Microsoft Onenote  文檔編輯器擋在輸入過(guò)程中需要修改可以用快捷鍵 COM + Z 撤銷,或者使用編輯菜單下的按鈕幫助用戶返回上一步。

undefined


案例二:Photoshop 多級(jí)撤銷

用戶需求:回到歷史操作記錄

Photoshop 同樣可以采用快捷鍵和菜單按鈕返回歷史操作,由于 PS 的操作修改繁瑣且復(fù)雜,所以為用戶提供了歷史記錄面板,用戶也可以點(diǎn)擊歷史操作步驟回到想要的歷史操作記錄。

undefined


案例三:美圖秀秀圖像處理 App

用戶需求: 撤銷回到上幾步圖像處理結(jié)果

使用美圖秀秀等圖片處理 App 對(duì)圖像進(jìn)行美化操作時(shí),常常會(huì)返回查看對(duì)比不同的效果,或者操作錯(cuò)誤時(shí)返回到前幾步,頂部的撤銷按鈕可以讓用戶回到任何歷史操作步驟。

undefined


藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼ben_lanlan,報(bào)下信息,會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

文章來(lái)源:站酷。 作者:  Ant_Design
分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.gyxygd.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)


日歷

鏈接

個(gè)人資料

存檔