search
理解「Drag & Drop」的 5 個關鍵點

理解「Drag & Drop」的 5 個關鍵點

iOS 11 給用戶帶來了一種全新的操作方式「Drag & Drop」:

現在你可以在 iPad 進行拖放操作,將文字、圖片和文件從一個 app 移到另一個。這一功能針對 iPad 寬大的 Multi-Touch 顯示屏度身設計,拖放內容彷彿變魔術一般。你可以輕觸並移動處於屏幕上各個位置的幾乎任何內容,甚至還能同時移動多個項目。

如果用一句話概括 Drag & Drop,我會說:給數據複製或剪切帶來一種符合直覺的、酷炫的操作方式。

看兩個例子

一圖勝千言,感受 Drag & Drop 的酷炫最直觀的方式就是看操作的動圖:

從 Spotlight 拖拽數據到 Safari:

同時控制多個拖拽的內容,例如從備忘錄拖拽多個鏈接到 Safari 打開:

聊聊 Drag & Drop 的特點

仔細體驗過 Drag & Drop 以及閱讀了相關文檔之後,我覺得這種操作完全改變了日後數據複製和剪切的方式,尤其是在 iPad 上,Drag & Drop 有很多有意思的特點,比如:

1. 只有目標可以看到數據,並且接受拖拽對象的目標可以由開發者指定

這決定了用戶可以相信拖拽對象的數據安全,例如開發者可以指定拖拽數據只被同開發的 app 接收,還是能被任意 app 接收。

2. 對多點觸控有令人驚嘆的支持

要說玩多點觸控,世界上應該沒有比 Apple 玩得好的,這一點在 Drag & Drop 上面又得到了體現。你可以多個手指同時拾起多個被拖拽的對象,甚至可以包括不同的數據類型,比如一個文字和多個圖片,然後一一把它們拖放到目的地。

3. 複製、剪切或是禁止

當你打算要釋放一個被拖拽的對象時,系統會通過角標來暗示你這個操作是什麼,正如前文提到的那樣,拖拽有可能是複製數據,也有可能是剪切數據。iOS 會在複製數據的時候顯示一個加號,而在不接受該數據的時候顯示一個禁止符號。

4. 在 iPad 上會有更全面的支持

其實在官方的視頻裡面,Apple 是有明確的提到 Drag & Drop 在 iPhone 上的支持只能在應用內(不能像 iPad 那樣跨應用操作),但是我們可以發現目前的 iOS 11 Beta 裡面其實是可以做到跨應用的,就像這個視頻一樣,當然我們需要了解的是,不管最終我們能不能做到 iPhone 上的跨屏拖拽,iPad 的跨屏體驗始終是要比 iPhone 好很多的,所以可想而知的是,以後的 iPad 應用大多都會對 Drag & Drop 提供不錯的支持。

5. Spring-loading

很抱歉不知道這個術語的中文叫什麼,但這個特性很重要,你可以在拖拽的過程中把手指移動到圖標或者按鈕上,過一會兒之後會產生類似點擊了該按鈕的效果(當然你也可以用另一個手指點擊)。這個操作可以讓你一個手指就完成拖拽和目的地的尋找操作,可以說體驗是十分的贊了。

最後一點,就像 Apple 以往的做法一樣,當他要對開發者公布一個新特性時,往往系統原生的應用對其都有了非常令人讚歎的支持。試試備忘錄、郵件、提醒事項等應用就知道,這種支持已經達到了無縫的程度。

談談 Apple 對它的期望

這一部分我們通過設計指南來聊聊 Apple 希望開發者做成什麼樣子,或者說什麼樣的體驗才是好的(篇幅原因這裡只節選比較重要的幾點)。

1. 可選擇的內容要支持拖拽,可編輯的內容要支持接收拖拽內容

這兩種內容支持拖拽十分符合直覺,同時 Apple 也指出,在同樣的場景下也要支持複製和粘貼操作。

2. 複製還是剪切?看場景

這裡對應用的場景提出了建議,例如從 A 應用拖拽到 B 應用,絕大部分的情況下都應該是複製一個數據過去,而拖拽到自己應用本身,卻有時候可以是複製有時候可以是剪切,比較直觀的例子是前面提到的提醒事項拖拽到另一個列表是剪切效果。

3. 儘可能的使用標準的控制項來顯示文字

很好理解,在通常情況下,默認的控制項本身對這些酷炫的特性就有比較好的支持,遵循原生是 Apple 希望的設計風格。

4. 為了效率考慮,儘可能的支持多個項目的拖拽

比如從相冊拖拽同時拖拽多個文件到郵件裡面,一鬆手即完成所有圖片的插入,再也沒有比這個更酷的了。

5. 考慮 Spring-loading

這個操作可以令應用增色不少,但同時也要提供預備方案,要讓其是一個能被用戶發現的亮點,而不是唯一的方式。

6. 給用戶足夠的提示

例如在可接受拖拽的時候在視覺上給出明確的變化,在文件需要下載的時候給出進度等。

最後再說兩句

符合直覺,這是我在本文提到最多的概念,事實上這也是設計指南裡面提到的。符合直覺是一件不容易的事情,與此同時增加一些打動用戶的加分項,這就是一個非常完美的交互方式。

Drag & Drop 一定會成為數據複製和剪切的主流操作方案,因為它非常的高效率並且符合直覺。這是 iOS 上首次出現的交互方式,但在 macOS 上面卻已經久經考驗,可見隨著人們對移動生產力需求的增加,像這樣提高效率的操作也會在移動平台漸漸地多起來。

我們可以看到,在 iOS 11 裡面,Apple 對 iPad 做了非常多的優化,簡直就是一個完全新的系統。看樣子解放移動平台生產力這件事,Apple 是鐵了心要走下去了。

很酷,不是嗎?

熱門推薦

本文由 一點資訊 提供 原文連結

一點資訊
寫了5860316篇文章,獲得23293次喜歡
留言回覆
回覆
精彩推薦