国内精品视频一区二区三区_欧美人与牲口杂交在线播放_亚洲精品国男人在线视频_成人夜色视频网站在线观看_国产内射一区亚洲

知識分享

iOS中UI元素拖拽圖標的優(yōu)化

發(fā)表日期:2015/8/12 11:54:23 文章編輯: 瀏覽次數(shù):2519

11-ios-design-guideline-mode-break-usability-test.png

      和移動設備上建設網(wǎng)站的很多其他圖標一樣,拖拽圖標也并不能很直觀的體現(xiàn)出背后的含義。我們發(fā)現(xiàn)很多用戶其實并不明白這個圖標代表著所在元素是可以被拖拽移動的,而且縱向排列的三條橫線也很容易讓人誤以為是某種菜單圖標。實際上,這種形象隱喻的是可拖拽物體上的防滑條紋,好像你把手指放在上面就可以拖動整個對象而不至于打滑。通常,用戶需要長按這個圖標,使對象整體進入某種激活狀態(tài),然后拖拽到合適的位置。

      在可用性測試當中,我們發(fā)現(xiàn),用戶更傾向于點按對象本身進行拖拽,而不是去按住一個含義模棱兩可的小圖標。相比于列表單元這樣的對象,圖標在尺寸上太小了,如果要求用戶必須通過按住它來拖動整個單元,那么交互成本的增加就是必然的(相關閱讀:交互成本的定義及案例分析)。此外,用戶也會認為一個單元整體只會觸發(fā)一種行為,也就是無論拖拽小圖標還是單元本身,都可以使其被拖動。

iOS中UI元素拖拽圖標的優(yōu)化

Yahoo! Finace使用了標準的iOS拖拽圖標,用戶長按該圖標可以使單元進入可拖動狀態(tài)。雖然列表單元本身是目標更大、更易操作、更符合直覺的對象,但用戶卻無法通過長按單元本身來達到觸發(fā)拖拽的目標。

此外,我們還是要強調(diào)一下拖拽圖標與我們所熟悉的漢堡包菜單圖標真的過于相似了:

13-ios-design-guideline-mode-break-usability-test.png

外形相同或過于相似的對象,所觸發(fā)的事件是截然不同的,這種情況會使人迷惑不安。雖然行業(yè)中關于漢堡包圖標的爭論愈發(fā)激烈,但越來越多的用戶已經(jīng)開始習慣了“點擊三根線的圖標展開導航菜單”的模式。當他們發(fā)現(xiàn)行為結果和他們所習慣的、所預期的東西不一致時,就會產(chǎn)生挫敗與迷茫。

鑒于拖拽圖標所存在的一些可用性問題,我們建議:

  • 至少允許用戶長按目標單元整體也能實現(xiàn)拖拽的目標,而不要只將交互區(qū)域限制在拖拽圖標上。

  • 另一方面,對于漢堡包菜單圖標,可以嘗試更清晰明確的表達方式,例如在三根線前面增加三個點,或是同時放出“菜單”標題在圖標旁邊。

------北京網(wǎng)站建設公司  北京傳誠信------

將文章分享到..
相關新聞
全新新聞
隨機新聞
最新網(wǎng)站設計案例
Hi,我來幫您!