手勢操作:命令行界面的復辟

0 評論 1968 瀏覽 4 收藏 9 分鐘

By Lukas Mathis from?ignorethecode | boday 譯,KKK 校,轉載請注明 ifanr.com譯文鏈接

曾幾何時,計算機只能通過命令行界面來使用。想讓計算機做點什么,就需要記住各種命令,并準確無誤地輸入。迫使人們記住命令對用戶來說顯然不是很友好的一件事。于是,當時懂得使用計算機的人很少,或者說,很少有人愿意去學習使用。

當圖形用戶界面流行起來之后,人們不再需要去記憶命令了。用戶想要做的事情都顯示在屏幕上?!坝洃洝北弧白R別”所替代。當用戶想復制一個文件,再也不需要記住 “cp”命令;他們只需要查看“文件”菜單,找到“復制”那一項即可。

“記憶”被降至使用快捷鍵的程度。即:我們可以打開菜單去點擊 “復制”的命令,也可以使用我們記住的一個快捷鍵來完成。但是,使用快捷鍵只是完成同一件事情的備選方式。

某種程度上說,手勢操作是一種倒退,是命令行的復辟。手勢通常并不明白地顯示在界面上而難以發現;用戶界面并不告訴你可以對某個對象做什么。于是你需要記住你可以使用哪些手勢,就像你在使用命令行界面時要記住那些命令一樣。

某些手勢是很好用的,比如手勢縮放,因為它非常直觀,被很多程序采用。只要你看到過其他人這么做,你自然會學以致用。

但是有些手勢就不那么好用,因為它們不那么直觀,而且只有少數程序在用。

來看看這個 iPad 版本的 Pages 手勢操作列表。要把一個對象以單像素為單位來移動,你可以這樣做:

你可以用輕推的方式以單個像素為單位移動一個對象。

用一根手指觸碰并按住一個對象,然后用另一根手指在你想要移動的方向上敲擊即可。

要讓兩個對象的尺寸調整為一致,你可以這樣做:

你可以快捷地將頁面上兩個對象的尺寸調整一直。你會發現,用雙手來完成這個操作非常容易。

選擇要調整大小的對象,然后通過拖拽來控制它的尺寸。

當你拖動的時候,觸碰并按住另一個你想要的合適尺寸的對象。

當“匹配尺寸”的文字出現后,先后從調整大小的對象(第一個對象)和另一個對象上抬起你的手指,或者同時抬起這兩個手指。

幾乎沒有人會只通過使用就能發現并嘗試這些手勢操作。即使用戶看到可以這樣操作,恐怕也不會很快記住。

一方面,這是因為對于像 Pages 提供的這種復雜的手勢動作還沒有一定的慣例。因此,開發者需要提供新的解決方案,我們就需要去學習;我們不知道 Pages 之類的軟件在 iPad 上該如何工作,也就無從嘗試。

但是另一方面,這是因為這些手勢操作太不顯而易見了。正如 duncan Wilcox?所指出的,基于手勢的用戶界面通常沒有代表動作的可視元素。手勢即動作。如果手勢直觀自然沒問題,而如果沒有 “自然”的手勢去代表一個動作,用戶就會感到困惑。而正因為沒有直觀、自然的表達把一個對象以像素為單位移動(或是扭轉、復制)的方式,我們就必須學習并記住那些命令。用戶界面沒有告訴你如何把一個對象以像素為單位移動,事實上,只是看看軟件的界面,你連這個功能的存在不會知道。

當直觀自然的界面變為隱藏的手勢操作,用戶界面實際上退化為一種當年古典而優雅的命令行方式的時髦現代版。

有幾個辦法可以解決這個問題。

模式、半模式和屬性面板

解決辦法之一是引入模式。這樣可以允許一種簡單和直觀的手勢來完成不同的功能,完成的功能取決于軟件處于哪一種模式下,從而避免去使用復雜而不便于學習的手勢。OminiGraffle 就在其部分功能上使用了這樣的辦法。這個視頻展示了在不同模式下,拖動的手勢完成移動對象、在兩個對象之前建立連接等不同的操作。

例如,Pages 可以提供一個“輕推”的模式,在這個模式下可以通過簡單地拖動一個對象使它慢慢移動,來代替前文所說的那樣復雜的手勢。

功能全部暴露出來的模式有時會使用戶困惑。如果用戶不能直觀地明白軟件正處于哪個模式,手勢就可能產生與用戶期望相悖的結果。解決辦法之一是用半模式來代替,例如,選定一個對象后,顯示一個菜單,讓用戶選擇“輕推”和“調整大小”的半模式,類似與 iPhone 上選定和復制文本的功能:觸碰文本區域后彈出一個菜單,讓用戶激活“選取文本”的半模式。

對于那些并不常用的功能,程序也可以完全避免使用手勢。其中的一個辦法也許是使用類似屬性面板的東西。針對某個對象,他能在上面列出可能的命令。

只把復雜手勢作為快捷方式使用

復雜的手勢可以只作為備選的快捷方式提供給用戶,讓那些愿意學習的用戶更快捷地完成想要完成的功能,而不是迫使所有用戶去學習復雜的手勢。

iPhone 上就有這樣的例子:當你想要刪除一個列表中的一個項目時,你可以點擊“編輯”按鈕,激活“編輯列表”模式,然后刪除某個項目。你也可以直接在要刪除的項目上滑動,然后刪除它。這個手勢操作并不直觀,但也不是太大的問題,因為它只是個快捷方式。

我之前寫過關于手勢教學的文章,我也相信應該有一種方式來教會用戶使用手勢操作,就像我們在界面上顯示對應的快捷鍵那樣來教會用戶使用它們。

例如,當用戶選擇了對象屬性面板上的某一個操作時,顯示對應的手勢動畫。這樣,用戶可以通過屬性面板來以單個像素為單位拖動一個對象,而當他們經常使用這個功能時,每次看到這樣的動畫,最后就可以學會使用對應的手勢。

來源:http://www.ifanr.com/12770

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!