DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 客戶端交互設計:手機平台客戶端UI設計
客戶端交互設計:手機平台客戶端UI設計
編輯:關於網頁技巧     

1. 當前手機平台的爭鋒

    為了占領移動互聯網的制高點,當前的幾大IT巨頭都以手機平台為基礎展開爭奪。占領移動平台就是占領了用戶的移動桌面,也就為自身的移動服務爭取到了最佳位置。

      微軟公司推出windows phone 7, 曝光了windows 8;蘋果公司也開了iOS 5的發布會;谷歌的Android 3.0的發布,Android 2.4 的若隱若現等等;大家都在努力提升平台體驗。另外,惠普的Web OS、黑莓公司也都在研制和發布新平台,也引起了業內人士的極大關注。

      從當前市場占有率和未來的發展趨勢看,客戶端適配上,主要還是考慮iOS ,Windows,Android三個系統為主,其他的系統在國內還難占據主流,這裡不解釋。Android手機的增長最快;iOS手機在國內的占有量也增長很快,利好消息也不斷,電信、移動都在談;Windows主要看與Nokia的未來合作,前景不小。

      因此,在本文中,簡單的介紹一下這三個主流平台的交互特性,以幫助剛從事客戶端交互設計的同行們更快地了解它們的基本特性,為能開發出更好體驗的客戶端提供便利。

2. 各個平台的特點及優勢

 1)平台的硬件特性

a)   平台的按鍵

      手機按鍵是系統自帶的,平台也會把按鍵的功能帶入到系統的客戶端應用中,他也天然地與用戶操作相融合。

      手機按鍵一般分為兩類,功能鍵和導航鍵。功能鍵被指派為特定的功能,用戶按了後,觸發對應的功能,一般與屏幕內容關系不大,如拍照鍵,只是啟動拍照,在其他的客戶端中基本無效。

      另一類是導航鍵,被賦予了特定的邏輯規則,她的操作與屏幕有一個邏輯映射的關系,但操作與操作對象分離,用戶按鍵後,在屏幕中得到對應的反饋。如【Back】映射為返回前一頁,點擊【Back】後,屏幕的內容返回到上一頁。

      功能鍵能直接啟動功能,它本身對交互的影響不是很大。而導航鍵則是交互設計的重要組成部分。主要應該注意以下幾點:

(1)  客戶端的交互導航設計應該支持平台的導航按鍵的操作。不管你是否已經在屏幕中有虛擬按鈕代替了按鍵已有的功能,也應該支持系統按鍵的導航邏輯。

(2)  客戶端用到了平台的功能鍵對應的功能,應該支持功能鍵的操作。如,在客戶端中需要調節音量,則應該支持系統音量的按鍵來控制。

(3)  所有客戶端對按鍵的操作都必須保持一致,不要隨意互用。

b)   平台的屏幕適配

      由於不同平台的開放程度很不一樣,不同的平台產品對於屏幕的大小的設計很不一樣,有些只有很少的尺寸分布;有些有很多不同的尺寸,這給適配帶來了很多問題和麻煩。屏幕適配設計參見我之前的博文。

c)   平台支持的其他硬件:傳感器,屏幕特性等

      iPhone 推出來後,迅速風靡全球,創造了一個革新的時代(也有人說iPhone本身不是革命,但是他創造了一次革命),除了設計本身外,幾個傳感器的合理使用也立下了汗馬功勞。主要包括,重力加速度傳感器、陀螺儀、接近傳感器、電子羅盤等。這些傳感器在不同的情景下,創造了很多獨特的體驗,極大的增強了手機的可玩性。

      不同的平台或是手機會支持不同的傳感器,在界面設計時,也需要考慮它們在不同平台上支持的普及程度,以及不支持的時,能提供的相關代替設計方案。

2)平台的界面特性

a)   應用入口形式

      應用程序的啟動入口是指用戶啟動程序的交互界面及操作形式。不同的平台上,對於啟動入口操作和界面也有較大的區別,這是展示平台特性的第一印象。同時,不同平台及手機公司為了使品牌形象更加突出也會在這裡多做文章。

從交互特性上看,應用程序的啟動入口主要有以下幾個特征和注意點:

b)   頁面基本結構

      頁面的基本結構布局,決定了手機界面的主要風格,在不同的平台上為了表現出設計的差異和風格,在界面布局上都有所不同。但是,總的來說還是沒有與iOS有何本質的不同,主要在形式上略微的不同。

iOS:

123下一頁
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved