<xmp id="e0gg0">
  • <nav id="e0gg0"><strong id="e0gg0"></strong></nav>
    <nav id="e0gg0"><strong id="e0gg0"></strong></nav>
    <menu id="e0gg0"></menu>

    7.1 對肢體動作的理解

    也許這是你初次涉足移動領域的交互設計工作,不過在這之前,你對于其他平臺當中的相關設計工作應該已經擁有豐富的經驗了。除了要在移動設備的輸入及輸出方式上做到全面的認知以外,你還必須對人機交互過程當中的肢體動作規律加以理解?;叵胍幌逻^去的工作經歷,你會發現,網站或是桌面設備客戶端的相關設計方案當中基本不會涉及到人機物理交互方式等方面的因素。因為桌面設備當中的人機交互方式早已成為一種固化的模式,鍵盤、鼠標、顯示器一直是最基本的輸入及輸出設備,而且幾十年來并沒有發生過本質的變化。

    而在觸屏移動設備領域,你的設計思路必須突破傳統的束縛。相比于通過硬件輸入設備對軟件進行控制操作的模式,我們現在所面對的是更加虛擬化的、具有更高靈活性的交互環境。在這個環境當中,觸摸是最基礎也是最重要的輸入方式,我們幾乎可以將這種方式以任何形式運用到任何交互對象上。這就意味著,當你在為移動應用進行設計的時候,你同時也在打造著專門屬于這個產品的“鍵盤”和“鼠標”。這顯然給設計師們帶來了極高的自由度,但同時也帶來了一些挑戰。

    iPhone

    iPhone是當今移動計算領域中的精華產品,它的尺寸規格可以讓用戶在單手持機的情況下完成多數操作任務。iPhone的機身上只有四個實體硬按鍵,外加一個靜音切換開關??梢哉f,這些硬按鍵的布局方案本身就為用戶定義了一種最基本的持機方式,不過實際當中的情況遠不止這一種。

    經過之前幾章的學習,你也許已經逐漸了解了應該怎樣去打造具有差異化的交互機制,但是我們一直以來關注的話題當中幾乎沒有涉及到人機物理交互方面的問題。好的設計方案必須能夠確保最終的實際產品在用戶手中是真正好用的。

    對于iPhone,我們可以歸納出六種持機操作方式;在應用的設計工作中,這些方面的因素是必須被考慮進去的。當然,我們并不需要讓界面的布局能夠完美地適應于每一種方式,但至少應該保證設計方案對其中的一兩種是友好的。

    《iOS Wow Factor》全書譯文精選

    圖 7-1 縱向單手持機操作

    《iOS Wow Factor》全書譯文精選

    圖 7-2 縱向一手持機一手操作

    《iOS Wow Factor》全書譯文精選

    圖 7-3 縱向雙手持機操作

    《iOS Wow Factor》全書譯文精選

    圖 7-4 橫向單手持機操作

    《iOS Wow Factor》全書譯文精選

    圖 7-5 橫向一手持機一手操作

    《iOS Wow Factor》全書譯文精選

    圖 7-6 橫向雙手持機操作

    除了這些以外,我們還可以在實際當中發現更多的持機操作方式,不過這六種確實是最具代表性和參考價值的,而且其中的任何一種方式都會對界面布局及手勢機制等方面的設計決策造成影響。在操作過程中,手的位置以及屏幕的定向方式也會決定著交互行為的整體效率。在產品前期,我們就應該考慮到這些方面的因素,并通過原型對各種持機操作方式進行充分的測試,以評估設計方案在不同情況下的友好程度。

    iPad

    iPad的尺寸顯然比iPhone大很多,這也使其在人機物理交互方面的表現與iPhone略有不同。而且正像我們在第四章當中提到的,iPad帶來的是更加閑適化的計算體驗,用戶與其進行交互會話的時間通常較長。所以,這款設備所體現出的兩點交互特性是我們必須注意的:

    出于這兩點原因,用戶在一般情況下不會通過單手來使用iPad。當然這并不意味著iPad無法通過單手操作,只是雙手配合使用的情況更為普遍。接下來的幾張圖片向我們展示了用戶在使用iPad時所慣用的持機操作方式。

    《iOS Wow Factor》全書譯文精選

    圖 7-7 縱向一手持機一手操作

    《iOS Wow Factor》全書譯文精選

    圖 7-8 縱向雙手持機操作

    《iOS Wow Factor》全書譯文精選

    圖 7-9 橫向一手持機一手操作

    《iOS Wow Factor》全書譯文精選

    圖 7-10 橫向雙手持機操作

    對于iPad應用,我們同樣要充分地考慮到用戶最可能采用的持機操作方式,并以此來驗證設計方案的友好性。

    啊灬啊灬啊灬快灬片免费
    <xmp id="e0gg0">
  • <nav id="e0gg0"><strong id="e0gg0"></strong></nav>
    <nav id="e0gg0"><strong id="e0gg0"></strong></nav>
    <menu id="e0gg0"></menu>