国产精品电影_久久视频免费_欧美日韩国产激情_成年人视频免费在线播放_日本久久亚洲电影_久久都是精品_66av99_九色精品美女在线_蜜臀a∨国产成人精品_冲田杏梨av在线_欧美精品在线一区二区三区_麻豆mv在线看

手機客戶端UI設計之手機平臺之爭

移動開發(fā) 移動應用
我們給大家介紹過很多智能手機UI設計的文章,比如:手機產(chǎn)品UI設計之橫屏模式、專題:谷歌官方教程:Android UI設計技巧等等。本文為淘寶UED博客上一篇手機客戶端UI設計之手機平臺之爭的文章,希望對設計師們有所啟發(fā)。

1. 當前手機平臺的爭鋒

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

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

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

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

2. 各個平臺的特點及優(yōu)勢

1)平臺的硬件特性

a) 平臺的按鍵

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

 

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

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

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

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

(2) 客戶端用到了平臺的功能鍵對應的功能,應該支持功能鍵的操作。如,在客戶端中需要調(diào)節(jié)音量,則應該支持系統(tǒng)音量的按鍵來控制。

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

b) 平臺的屏幕適配

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

 

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

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

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

2)平臺的界面特性

a) 應用入口形式

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

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

 

b) 頁面基本結構

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

iOS:

 

Android:

 

Windows Phone7:

 

Android 的手機廠商都更改了原生系統(tǒng)的界面,不同Android手機在界面的展示上多有不同。在Android客戶端的設計上,本身有不少都是從iOS上直接移植了界面,導致了它的更多不同。但是不管怎么樣,界面上操作和導航邏輯要符合平臺本身的特征。

在框架的設計上,我是傾向于把最核心的操作放在底部,方便用戶的單手操作。iOS的設計把導航按鈕方在左上角,遠離大拇指的操作區(qū)域,就是容易造成用戶脫手“甩機”,也影響操作效率。

c) 主要導航特性:

導航作為一個平臺的主要交互特性之一,不同平臺之間也存在較大的差異。iOS在設計上邏輯嚴密,所有的應用自成一體、渾然天成;相比之下,Android像是由iOS和android設計師雜交的產(chǎn)物,在不同的應用上導航系統(tǒng)混亂,不太成體系;Windows Phone 7 的導航在界面展示上,標題采用全景圖的形式,真是另辟蹊徑,自成體系。

在這里主要講一下不同平臺下的導航按鍵、title和Tab、返回邏輯、退出程序幾個小點。

 

d) 菜單及操作形式

這幾個代表當前最高水平的移動平臺,都是以手指觸摸為基礎的直接操作界面。iOS只提供了直接操作的方式;Android和Win Phone 7 還增加了幾個硬鍵按鈕配合操作,但總體也是以直接操作為主。幾個平臺都有菜單操作,但是展示的形式不同,但也在相互的借鑒。

 

由于手機屏幕較小,一屏內(nèi)容往往顯示一個對象或信息單元,toolbar的操作正是對這個單元進行操作的。如果是對單元內(nèi)的對象操作,更多的設計都是在界面中直接設置操作對象(如屏幕內(nèi)的操作按鈕)。

e) 信息提示

信息提示方式,各個平臺之間也都在相互學習。信息list作為Android系統(tǒng)的最核心的設計優(yōu)勢,現(xiàn)在iOS5也開始應用。同時許多Android手機及鎖屏應用在鎖屏界面與提示信息間做更多地權衡,使用戶能更快地處理信息,提升效率。

各個平臺都提供了對話框的形式,只是在叫法上略有不同,如alert,popup,dialog,raw notification等,其主要的交互操作沒有區(qū)別,都是對話框的基本操作形式。也有一些變異的反饋提示框,如android系統(tǒng)提供的快速消失的反饋提示,做成輕量級的,對用戶干擾也減到更少。

Android系統(tǒng)提供的狀態(tài)欄的消息提示機制,是處理多應用push信息的一個十分創(chuàng)新的設計,可以說是android系統(tǒng)的最佳設計。用戶可以在任何界面中,快速的向下?lián)軇訝顟B(tài)欄呼出信息list,也可以再向上撥動手指收起提示信息。但是,在最近看到的iOS5上也看到了它的更新特性中,這一點就赫然在列。所以,有好的特性,不同的平臺也會相互學習。

iOS上也有它的創(chuàng)新提示,就是在程序圖標上來進行新消息數(shù)量的提示,這在后面的幾個平臺上都有應用,只是不同的平臺上,表現(xiàn)形式略微不同,就是視覺上微創(chuàng)新。

Windows Phone 7 提供了tile形式的提示信息顯示方式,那只是樣式上的不同,在設計的本質上,差異不大。#p#

3. 移動應用在多平臺適配的原則

一個產(chǎn)品的規(guī)劃,很少會僅局限于某一個平臺,都會進行跨平臺的適配。那應該如何進行適配呢?

這里主要有兩個觀點,以設備為中心來設計還是以應用為中心來設計;以設備為中心的設計師認為,應用界面應該與設備的設計規(guī)范保持一致,讓用戶快速上手,不覺得陌生。以應用為中心的設計師認為,保持所有的平臺上的一致性,同時,很多多平臺的應用開發(fā)工具也是為開發(fā)人員提供了多平臺界面移植的便利,但是對用戶體驗是否好,卻有待思考。

在多平臺適配中遵循如下原則

1) 客戶端的設計規(guī)范應該以平臺規(guī)范為基礎

2) 在多平臺中,應保持統(tǒng)一的品牌標識,包括logo,視覺風格,核心功能點等等。

3) 更多地與平臺的特性相融合,運用平臺提供的特色功能,來減少用戶的輸入或者其他體驗提升點。如拍照輸入,傳感器的使用等。

每個平臺都需要注意的問題有:

1) 移動的特性決定了手機信號的強弱不均,如何處理在弱信號下的設計?

2) 需要考慮在斷網(wǎng)情況下,如何快速恢復中斷?

3) 如何設計手機推送的問題?

4) 如何盡量避免手機的固有限制,如屏幕小,輸入不方便,電源緊張等?

5) 如何盡量通過手機的特有特性來提升體驗,如各類傳感器,聲音提示等?#p#

4. 后記

當我從3月份擬好提綱寫這幾篇文章到現(xiàn)在,不過短短幾個月時間,各大公司的移動平臺就都推出了新的版本,對平臺特性總結的速度有些趕不上平臺更新的速度。

從本質上說,iOS是一個開創(chuàng)性的設計,也引發(fā)了客戶端的高潮,其他的平臺還沒有脫離iOS的痕跡,雖然各大公司都在努力創(chuàng)新,形成自己的風格,但是還遠沒有到開創(chuàng)、革命的程度。

除了這三大平臺外,Blackberry,Palm WebOS也都在發(fā)布新品,體驗也不遜色與三大平臺,在客戶端的設計上,非常值得大家更多地研究一二,說不定哪天主流平臺就把他們的有點給抄了,你也是在為你的新設計做知識儲備。

從客戶端的交互設計上來說,我們要做的是如何發(fā)揮平臺的特性上的設計優(yōu)點,把客戶端的體驗去做好,而不是去改變平臺的設計特性。所以,做客戶端設計的設計師,需要時刻關注平臺特性的更新,這都是你提升客戶端體驗的契機。

責任編輯:佚名 來源: ued.taobao
相關推薦

2011-07-20 15:55:07

人人手機客戶端

2011-05-13 15:59:28

LBS團購移動支付

2011-04-06 14:24:18

2023-03-05 18:36:52

ChatGpt跨平臺ORM

2012-01-18 09:58:04

2011-10-10 10:47:29

豆瓣手機客戶端

2013-04-03 09:27:42

2012-04-26 22:38:45

2011-10-17 10:52:41

2012-04-13 11:15:13

阿里巴巴項目

2013-01-05 11:30:55

FacebookFacebook客戶端

2012-05-15 11:27:33

搜道秀

2013-11-20 15:08:21

移動

2009-12-25 15:12:01

WPF平臺

2018-11-27 09:58:24

2013-09-26 11:17:14

APP下載站手機助手渠道

2015-04-16 15:24:16

TurboMail

2012-09-27 17:46:45

團800惠 800

2011-03-07 13:50:20

2009-04-22 18:42:13

Vmware虛擬化英特爾
點贊
收藏

51CTO技術棧公眾號

在线成人h网| 国产精品国产三级国产专播品爱网| 久久人人爽人人爽爽久久| 在线理论视频| av午夜精品一区二区三区| 亚洲精品二区| 先锋影音久久久| 国产乱人伦精品一区二区| 日韩极品一区| 国产精品久久97| 成人看片爽爽爽| 欧美极品少妇全裸体| 国产精品一区免费在线| 日韩在线欧美在线国产在线| 成人线上视频| 色婷婷综合久久久久| 91精品亚洲一区在线观看| 日韩中文字幕视频在线| www.久久| 精品中文字幕在线| 成人性生交大片免费看96| 性色av一区二区三区| 欧美顶级毛片在线播放| 91精品国产网站| 欧美亚洲国产激情| 成人免费自拍视频| 红桃视频亚洲| 日韩精品极品视频在线观看免费| 美女视频网站久久| 999一区二区三区| 26uuu色噜噜精品一区二区| 毛葺葺老太做受视频| 亚洲欧美日韩一区二区三区在线观看| 日日噜噜噜夜夜爽爽狠狠| 欧美性猛交xxxxx免费看| 午夜老司机在线观看| 亚洲精品国产品国语在线| 精品欧美一区二区三区在线观看| 欧美xxxx做受欧美.88| 国产精品调教| 国产精品男人的天堂| 精品91在线| 91麻豆天美传媒在线| 久久久久久久av麻豆果冻| 四虎最新网站| 欧美羞羞免费网站| 华人av在线| 久久男人资源视频| 欧美视频导航| 国产黄色激情视频| 一区二区日韩av| 久久日韩视频| 久久777国产线看观看精品| 国产精品99一区二区三| 色噜噜一区二区| 国产精品免费久久| av在线首页| 伦理中文字幕亚洲| 亚欧美无遮挡hd高清在线视频 | 亚洲va久久久噜噜噜| 水野朝阳av一区二区三区| 自慰无码一区二区三区| 亚洲自拍偷拍网站| 日本高清在线观看| 欧美高跟鞋交xxxxxhd| 国产精品a级| 免费国产黄色网址| 精品久久久久久| 成人午夜在线| 国产精品视频免费一区| 91日韩精品一区| 欧美一区二区视频| 日日摸夜夜添一区| 亚洲大胆视频| 伊人影院综合在线| 欧美精品一区二区三区一线天视频 | 日本h片久久| 亚洲v日韩v综合v精品v| 成人一级片网址| 中文视频在线| 日韩网站在线观看| 欧美三级不卡| 99视频资源网| 中文字幕一区二区精品| 色呦哟—国产精品| 日韩久久久久久久久久久久| 亚洲成人www| 国产精品第一国产精品| 国产综合第一页| 中文字幕在线不卡一区二区三区| av福利导福航大全在线| 91在线|亚洲| 久久一夜天堂av一区二区三区| 一区二区三区视频网站| 欧美与黑人午夜性猛交久久久| 欧美aa在线视频| 国产一级在线观看| 国产精品大陆在线观看| 久久综合狠狠综合| 蜜桃视频m3u8在线观看| 精品1区2区| 丰满岳妇乱一区二区三区| 深夜福利一区二区三区| 国产一线二线三线女| 精品久久久久久久久久久久久久久| 9999国产精品| 激情se五月| 欧美二区在线播放| 99精品桃花视频在线观看| 美女网站在线看| 日韩欧美第二区在线观看| 欧洲亚洲精品在线| 五月天久久777| 欧美风狂大伦交xxxx| 456亚洲影院| 国产色产综合色产在线视频| 国产成年精品| 国产成人久久婷婷精品流白浆| 原创国产精品91| 国产传媒久久文化传媒| 精品国产免费人成网站| 99热都是精品| 国产亚洲成精品久久| 国产制服丝袜一区| 亚洲十八**毛片| 激情五月六月婷婷| 中文字幕欧美视频在线| 99久久精品国产导航| 福利精品在线| 黄色片一级视频| 国外成人性视频| 樱桃国产成人精品视频| 色777狠狠狠综合伊人| 在线国产视频观看| 国产精品日韩高清| 91精品国产综合久久精品性色 | 成人免费在线视频网站| 欧美日韩免费观看中文| 久久国产成人精品| 国产最新视频在线观看| 欧美不卡1区2区3区| 亚洲福利视频网站| 福利电影一区二区| 日韩欧美高清一区二区三区| 网站一区二区三区| 日韩av免费在线观看| 精品毛片网大全| 99re国产精品| 色偷偷偷在线视频播放| 91丨porny丨探花| 国内精品中文字幕| 色综合久久99| 免费成人在线网站| 精品乱码一区二区三区四区| 亚洲黄色小视频在线观看| 国产精品麻豆va在线播放| 欧美午夜精品一区二区三区| 日韩电影在线一区| 日韩色性视频| 免费人成短视频在线观看网站| 国产精品一级久久久| 精品剧情v国产在线观看在线| 成人h动漫精品一区二区| 精品中文一区| 国产在线1区| 日韩av在线综合| 成人午夜在线观看| 日韩精品高清在线观看| **性色生活片久久毛片| 国产综合网站| 日本国产欧美| 在线播放中文字幕| 一级黄色录像免费看| 国产v综合v亚洲欧美久久| 91麻豆精品国产| 91影院在线免费观看| sdde在线播放一区二区| 国产传媒在线播放| 无码人妻精品一区二区三区66| 92看片淫黄大片看国产片| 国产午夜精品美女视频明星a级| 亚洲永久免费av| 蜜桃久久久久久| 禁果av一区二区三区| av第一福利在线导航| 开心快乐六月丁香婷婷| 国产系列第一页| 国产欧美日韩最新| 中文字幕精品—区二区| 欧美亚洲一区二区三区四区| 久久久久久久综合色一本| 在线观看的日韩av| 精品自拍偷拍| 综合日韩av| 能在线看的av| 无需播放器的av| 五月天男人天堂| 成人av免费在线看| 4p变态网欧美系列| 综合欧美国产视频二区|