<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 設計模式 | 多級撤銷 Multilevel Undo:讓用戶更有安全感

          2021-12-17    鶴鶴

          What 是什么

          簡介:「多級撤銷」允許用戶撤銷一系列的操作。用戶操作的順序能被系統捕獲記錄,根據原始執行順序,一步步返回歷史操作。


          例子:用 Sketch 畫設計稿時,可以多級撤銷,允許用戶返回上一步或更早的歷史操作


          undefined


          Why 為什么

          具備多級撤銷的功能可以讓用戶覺得能夠對界面進行安全探索,不必擔心造成某些不可取消的修改。例如,如果單擊了錯誤的菜單項,不需要進行復雜的恢復,不需要退回到此前保存的文件版本,或者尋求系統管理員的幫助。


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


          When 什么時候使用

          需要用戶頻繁在單一頁面上交互的用戶界面,相比普通的網站或者移動端 APP,交互操作要復雜得多。例如:文件編輯器、圖形建模工具、郵件閱讀器、數據庫軟件、寫作工具、編程環境等。該功能能使用戶撤銷一系列操作而非單一個操作。


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


          How 如何使用

          軟件首先需要一個強大的模型,這個模型是關于動作是什么樣的——動作的名稱、動作所關聯的對象,以及如何返回歷史動作。


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

          • 文檔或表單的文字輸入

          • 數據庫

          • 圖片或畫布的修改

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

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

          • 對象的創建、刪除和重新組織,例如郵件消息或電子表單的列

          • 任何剪切、復制、粘貼操作


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

          • 文本或對象選擇

          • 窗口或頁面之間的導航

          • 鼠標光標和文本光標的定位

          • 滾動條的位置

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

          • 在一個未提交的對話框或模態對話框上的改動


          展現方式

          然后,決定以哪種方式把撤銷操作展現給用戶。大部分桌面應用程序會把“撤銷/重復”的菜單項放在“編輯”菜單下。撤銷通常也關聯到Ctrl+Z 或類似的快捷鍵。


          Example 案例

          案例一:Microsoft OneNote 筆記編輯器

          用戶需求:撤銷文字輸入

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

          undefined


          案例二:Photoshop 多級撤銷

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

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

          undefined


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

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

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

          undefined

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

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

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計m.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務



          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://m.sdgs6788.com

          存檔

          久久精品国产亚洲AV久| 99热都是精品久久久久久| 人妻无码αv中文字幕久久琪琪布| 日韩精品久久久久久久电影| 久久久噜噜噜久久中文福利| 99久久99这里只有免费的精品| 欧美久久亚洲精品| AV狠狠色丁香婷婷综合久久 | 亚洲国产精品高清久久久| 久久综合久久久| 中文字幕日本人妻久久久免费| 色综合久久久久| 亚洲精品tv久久久久久久久 | 麻豆成人久久精品二区三区免费 | 久久人人爽人人爽人人片AV高清 | 久久国产视频网| 精品久久久久久无码专区| 一日本道伊人久久综合影| 观看 国产综合久久久久鬼色 欧美 亚洲 一区二区 | 国产99久久久久久免费看| 久久国产亚洲高清观看| 久久精品综合网| 久久久噜噜噜久久| 国产成人精品久久综合| 国产午夜福利精品久久2021| 久久久久久久精品妇女99| 久久九九久精品国产| 999久久久免费国产精品播放| 99久久99这里只有免费费精品| 亚洲精品国精品久久99热一| 久久伊人精品一区二区三区| 久久亚洲国产最新网站| 久久青青色综合| 国产色综合久久无码有码| 亚洲午夜无码久久久久| 亚洲精品高清国产一线久久| 热re99久久6国产精品免费| 久久w5ww成w人免费| 国产精品久久久久天天影视| 国产国产成人精品久久| 久久九九久精品国产|