理解iPhone和iPad觸摸式交互

2011-10-20    藍藍設計的小編

轉載藍藍設計(     yvirxh.cn    )是一家專注而深入的設計機構 ,為期望卓越的國內外企業(yè)提供有效的     BS界面設計    、     cs界面設計    、     ipad界面設計    、    包裝設計    、     圖標定制        用戶體驗    、交互設計、     網站建設    、平面設計服務  

理解iPhone和iPad觸摸式交互

iPhone和iPad都使用支持多點觸摸的電容式觸摸屏。用戶借助手指的輕擊來訪問設備。這種方式與鼠標截然不同。

或許應該重點說明:手指并不是鼠標。一般來說,手指比傳統定點設備更大,性也更低。這排除了對選擇要求較高的某些傳統類型的UI。舉例來說,iPhone和iPad上沒有滾動欄。用"粗大的手指"選擇滾動欄要么非常困難,要么需要一個占用大量iPhone珍貴屏幕可用空間的大滾動欄。針對此問題,蘋果公司的解決方法是讓用戶在任何位置輕擊,然后通過向特定方向"輕滑"來完成滾動操作。

觸摸屏的另一個有趣的元素就是:手指不止一個。還記得iPhone和iPad的觸摸屏是多點觸摸的吧。這允許用戶使用多個手指的"手勢"來操作設備。"掐捏式"縮放就是一個例子。用兩個手指觸擊頁面,然后分開它們來放大頁面,或收攏它們來縮小頁面。

最后一點,手指不是持續(xù)的。鼠標光標始終位于屏幕上,但手指并非如此,它可以隨意輕擊多個位置,而其間不用進行移動。你將看到,對于依賴鼠標光標在屏幕上移動的一些傳統Web技巧,這可能會引發(fā)一些問題。它還提供了一些在SDK程序中經常可見的限制。舉例來說,它沒有剪切和粘貼的標準,而這是過去生產的計算機所具備的非常普及的特性。

除了對現有界面的一些更改,輸入界面還引入了許多新的觸摸(單手指輸入)和手勢(兩手指輸入),如表1-4所示。

表1-4 iPhone和iPad的觸摸和手勢允許開發(fā)者以新的方式接受用戶輸入

輸入

類型

概述

氣泡( Bubble

觸摸

觸摸并按住不動。在可單

擊元素上彈出信息氣泡

輕滑( Flick

觸摸

觸摸并滑動。滾動頁面

輕滑,兩個手指

手勢

使用兩個手指觸摸并滑動。

滾動可滾動元素

掐捏

手勢

移動兩個手指??s小或放大

輕擊

觸摸

單擊。選擇

輕擊,兩次

觸摸

雙擊。放大列

使用SDK進行設計時,不用擔心手指鼠標操作的許多細微差異。一些標準控件針對手指使用進行了優(yōu)化,并且你只能訪問iPhone或iPad實際支持的事件。第6章闡述了如何使用SDK中的觸摸、事件和動作。雖然許多事情都不用你擔心,但作為SDK開發(fā)者,你仍然需要變換方式來考慮輸入,以更好地支持新設備。

日歷

鏈接

個人資料

藍藍設計的小編 http://yvirxh.cn

存檔