以下為《移動(dòng)設(shè)備交互設(shè)計(jì)比較》的無排版文字預(yù)覽，完整內(nèi)容請(qǐng)下載

移動(dòng)設(shè)備交互設(shè)計(jì)比較

Base on Android、PPC、Symbian Ethanshao

內(nèi)部文檔，請(qǐng)勿外傳

Android

Windows Mobile 6.5

Symbian S60 V5

以聯(lián)想樂Phone交互設(shè)計(jì)為例

1

UI Framework

(交互框架)

桌面布局 應(yīng)用庫管理 應(yīng)用布局 頁面跳轉(zhuǎn)

手勢(shì)

2

App Guideline (應(yīng)用規(guī)范)

3

HW Interaction

視圖 標(biāo)簽頁 菜單欄 對(duì)話框 按鈕 其他控件

UI Framework(交互框架)

桌面布局

應(yīng)用庫管理 應(yīng)用布局

消息區(qū)

頁面跳轉(zhuǎn)

手勢(shì)

應(yīng)用庫

桌面-整合通訊

整合通訊 手指橫向滑動(dòng)聯(lián)系人區(qū)域，瀏覽更多好友 每次只顯示一個(gè)好友頭像

桌面-Widget

Widget 手指橫向滑動(dòng)，瀏覽更多widget 每頁只顯示一個(gè)widget

UI Framework(交互框架)

桌面布局 應(yīng)用庫管理 應(yīng)用布局 頁面跳轉(zhuǎn) 手勢(shì)

應(yīng)用庫

UI Framework(交互框架)

桌面布局 應(yīng)用庫管理 應(yīng)用布局 頁面跳轉(zhuǎn) 手勢(shì)

狀態(tài)欄 標(biāo)題欄 內(nèi)容抬頭區(qū)(多為按鈕)

應(yīng)用內(nèi)容區(qū)

頁卡或菜單欄(固定或不固定)

UI Framework(交互框架)

桌面布局

應(yīng)用庫管理 應(yīng)用布局 頁面跳轉(zhuǎn)

桌面 整合通訊

Back

手勢(shì)

桌面 Widget

Back

Home

應(yīng)用A A-1

Back

Home

Home

應(yīng)用A A-2

Back

Shortcut

應(yīng)用A A-3

Back

UI Framework(交互框架)

桌面布局 應(yīng)用庫管理 應(yīng)用布局 頁面跳轉(zhuǎn) 手勢(shì)

App Guideline(應(yīng)用規(guī)范)

視圖 標(biāo)簽頁 菜單欄 窗口 按鈕 其他控件

HW Interaction

返回：手指按住從右至左滑動(dòng) 菜單：手指按住從下至上滑動(dòng)

Android OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 頁面跳轉(zhuǎn)及平行跳轉(zhuǎn)

視圖 標(biāo)簽頁 菜單 窗口 其他控件

Android OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 頁面跳轉(zhuǎn)及平行跳轉(zhuǎn) 視圖 標(biāo)簽頁 菜單 窗口 其他控件

股票 天氣

消息區(qū)

桌面區(qū)

信息

信息

設(shè)置

郵件

通訊錄

應(yīng)用庫 終端設(shè)備制造商通常會(huì)修改桌面層(Shell)的交互設(shè)計(jì)，以便塑造的品牌印象

Android OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 頁面跳轉(zhuǎn)及平行跳轉(zhuǎn) 視圖 標(biāo)簽頁 菜單 窗口 其他控件

長(zhǎng)按住某個(gè)應(yīng)用后 頁面切回桌面 釋放后即可在桌面添加快捷方式

Android OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 頁面跳轉(zhuǎn)及平行跳轉(zhuǎn) 視圖 標(biāo)簽頁 菜單 窗口 其他控件

狀態(tài)欄 標(biāo)題欄 頁卡(非常態(tài)) 應(yīng)用內(nèi)容區(qū)(當(dāng)前內(nèi)容為列表)

頁面菜單(滑出式菜單)，使用硬按鍵“Menu”

Android OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 頁面跳轉(zhuǎn)及平行跳轉(zhuǎn) 視圖 標(biāo)簽頁 菜單 窗口 其他控件

Home

頁面依照“層進(jìn)層退”機(jī)制 Android需借助軟硬結(jié)合方式跑通頁面 返回上一級(jí)使用硬按鍵“Back” 返回桌面使用硬按鍵“Home” 長(zhǎng)按硬鍵區(qū)的“Home”鍵 彈出后臺(tái)運(yùn)行程序窗口，快速切換

Back

Android OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 頁面跳轉(zhuǎn)及平行跳轉(zhuǎn) 視圖 標(biāo)簽頁 菜單 窗口 其他控件

List(text) 用于信息表達(dá)為主的場(chǎng)景 信息應(yīng)用 設(shè)置應(yīng)用 記事本應(yīng)用 ……

Grid 用于圖片識(shí)別為主的場(chǎng)景 圖片應(yīng)用 瀏覽器應(yīng)用 ……

List (icon+text) 用于易于通過圖片表達(dá)信息的場(chǎng)景 通訊錄應(yīng)用 通話記錄應(yīng)用 應(yīng)用商店應(yīng)用 ……

頂部標(biāo)簽頁 常用于內(nèi)容集合的歸類(不是排序) 也用于相等地位信息的平行呈現(xiàn) 通訊錄應(yīng)用 應(yīng)用商店應(yīng)用 郵件應(yīng)用 ……

Android OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 頁面跳轉(zhuǎn)及平行跳轉(zhuǎn) 視圖 標(biāo)簽頁 菜單 窗口 其他控件

Options Menu 菜單項(xiàng)與當(dāng)前頁面相關(guān)或是指向另一個(gè)頁面 使用硬按鍵“Menu”該菜單 G1中超過6個(gè)時(shí)，右下角變?yōu)椤案唷?#xff0c;點(diǎn)擊調(diào)用擴(kuò)展菜單

Android OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 頁面跳轉(zhuǎn)及平行跳轉(zhuǎn) 視圖 標(biāo)簽頁 菜單 窗口 其他控件

Context Menu 菜單項(xiàng)與指定選項(xiàng)密切相關(guān) 長(zhǎng)按指定項(xiàng)調(diào)起該菜單

Android OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 頁面跳轉(zhuǎn)及平行跳轉(zhuǎn) 視圖 標(biāo)簽頁 菜單 窗口 其他控件

無按鍵窗口

有按鍵窗口

用于信息表達(dá)清晰、明確的窗口 用于有延時(shí)類信息表達(dá)的窗口

其他窗口

Android OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 頁面跳轉(zhuǎn)及平行跳轉(zhuǎn) 視圖 標(biāo)簽頁 菜單 窗口 其他控件

Android OS 總結(jié)

從1.0到2.2，系統(tǒng)級(jí)交互未有較大改動(dòng)，應(yīng)用級(jí)交互不斷提升； 堅(jiān)持軟硬結(jié)合的交互方式(Home鍵、Back鍵、Menu鍵)； 界面設(shè)計(jì)風(fēng)格簡(jiǎn)單、樸素，空間最大限度讓位給內(nèi)容，但相比iPhone的直接、自然式操作稍顯不足；

PCC OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 頁面跳轉(zhuǎn) 標(biāo)簽頁 菜單 窗口 其他控件

第一種桌面風(fēng)格

桌面有N張頁卡組成，第一張為首頁，剩余為特定的應(yīng)用。頁卡可以自定義，但受既定限制 底部左右兩個(gè)按鈕為關(guān)于頁面的功能菜單 應(yīng)用庫入口在左上角“Start”

PCC OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 頁面跳轉(zhuǎn) 標(biāo)簽頁 菜單 窗口 其他控件

第一種桌面風(fēng)格

桌面有N個(gè)列表項(xiàng)，拖動(dòng)漸變條至其中某個(gè)，指定項(xiàng)將自動(dòng)移動(dòng)到中間位置，且處于焦點(diǎn)狀態(tài) 底部左右兩個(gè)按鈕為關(guān)于焦點(diǎn)選項(xiàng)的功能菜單 應(yīng)用庫入口在左上角“Start” 無論是哪個(gè)桌面風(fēng)格，windows mobile系列將目光放在了視覺表現(xiàn)層面，與當(dāng)前移動(dòng)設(shè)備交 互設(shè)計(jì)關(guān)注內(nèi)容的趨勢(shì)不符，這也是微軟改頭換面推出windows phone 7的原因之一

PCC OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 頁面跳轉(zhuǎn) 標(biāo)簽頁 菜單 窗口 其他控件

直接點(diǎn)擊打開應(yīng)用 長(zhǎng)按應(yīng)用圖標(biāo)點(diǎn)擊菜單可將應(yīng)用挪至頂部

PCC OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 頁面跳轉(zhuǎn) 標(biāo)簽頁 菜單 窗口 其他控件

99% 關(guān)閉/返回

關(guān)閉當(dāng)前頁，返回上一級(jí) 關(guān)閉當(dāng)前應(yīng)用

應(yīng)用內(nèi)容區(qū)

50%

“關(guān)閉” “上一頁”

1% “退出”

頁面菜單

糾結(jié)的返回機(jī)制

PCC OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 頁面跳轉(zhuǎn) 標(biāo)簽頁 菜單 窗口 其他控件

頁卡

頁卡

頁卡

頁卡

頁卡

雖然標(biāo)簽頁與菜單欄相隔比較近，但電阻屏觸筆操作還可以接受

標(biāo)簽頁 菜單欄

PCC OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 頁面跳轉(zhuǎn) 標(biāo)簽頁 菜單

點(diǎn)擊右軟鍵“Menu”彈出菜單 延續(xù)windows PC風(fēng)格 菜單欄左側(cè)通常為最常用的快捷鍵 菜單欄中間通常為輸入法切換的菜單鍵

PCC OS 總結(jié)

從PPC2000到win6.5，界面設(shè)計(jì)得到很大提升，效果也變得越來越重，交互未曾有重大改變； 整體風(fēng)格一直延續(xù)windows PC端，雖保留了品牌image，但一定程度上犧牲了使用性； 應(yīng)用層的返回機(jī)制是系列的一大弊病，無論是位置還是操作都不優(yōu)，但始終未見改善； 截至到win6.5系統(tǒng)，都追求視覺表現(xiàn)力，忽略了內(nèi)容為王的大趨勢(shì)；

Symbian OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 焦點(diǎn)行為及平行跳轉(zhuǎn) 視圖 菜單 窗口

整合通訊桌面

狀態(tài)欄區(qū)：時(shí)間、電量、信號(hào)、在線狀態(tài) 快捷聯(lián)系人欄 與指定快捷聯(lián)系人的通訊方式 與指定快捷聯(lián)系人的通訊記錄

電話、通訊錄應(yīng)用快捷入口

Symbian OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 焦點(diǎn)行為及平行跳轉(zhuǎn) 視圖 菜單 窗口

應(yīng)用桌面

狀態(tài)欄區(qū)：時(shí)間、電量、信號(hào)、在線狀態(tài) 四個(gè)應(yīng)用快捷入口 正在運(yùn)行應(yīng)用

電話、通訊錄應(yīng)用快捷入口

Symbian OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 焦點(diǎn)行為及平行跳轉(zhuǎn) 視圖 菜單 窗口

列表形式應(yīng)用庫

圖標(biāo)形式應(yīng)用庫

列表偏習(xí)慣于文字識(shí)別的用戶

列表偏習(xí)慣于圖形識(shí)別的用戶 且鍵粒夠大，方便點(diǎn)選

Symbian OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 焦點(diǎn)行為及平行跳轉(zhuǎn) 視圖 菜單 窗口

標(biāo)簽頁 應(yīng)用內(nèi)容區(qū)

焦點(diǎn)相關(guān)快捷功能鍵 菜單/返回

Symbian OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 焦點(diǎn)行為及平行跳轉(zhuǎn) 視圖 菜單 窗口

在所有應(yīng)用列表及菜單列表中都有常駐焦點(diǎn) 帶有明顯的Feature Phone痕跡

應(yīng)用的菜單列表首項(xiàng)為“正在運(yùn)行”入口

Symbian OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 焦點(diǎn)行為及平行跳轉(zhuǎn) 視圖 菜單 窗口

List view (Text)

List view (Icon+Text)

Grid view (Icon+Text)

Grid view

Symbian OS

桌面布局 應(yīng)用庫管理 應(yīng)用布局 焦點(diǎn)行為及平行跳轉(zhuǎn) 視圖 菜單 窗口

菜單

選項(xiàng)窗口

進(jìn)度窗口

對(duì)話窗口

Symbian OS 總結(jié)

焦點(diǎn)行為帶有傳統(tǒng)非觸摸屏手機(jī)的烙印，一般觸屏手機(jī)沒有常駐焦點(diǎn)，它的存在是需要對(duì)焦點(diǎn)項(xiàng)單獨(dú)設(shè)計(jì)； 雙桌面結(jié)構(gòu)設(shè)計(jì)很有特點(diǎn)但無法共存； 應(yīng)用布局清晰、干凈，頁面層次邏輯簡(jiǎn)單； 菜單/返回沿用了傳統(tǒng)功能性手機(jī)的方式，用戶能快速上手，但該點(diǎn)粘性不足； 輸入法彈出時(shí)會(huì)遮擋編輯區(qū)，體驗(yàn)不優(yōu)；

對(duì)比總結(jié)

桌面結(jié)構(gòu) 三款產(chǎn)品中Android最優(yōu)，相比其他，其桌面結(jié)構(gòu)更開放、自由，用戶在一個(gè)大平面內(nèi)放置需要的內(nèi)容或 應(yīng)用。Symbian的雙桌面雖然設(shè)計(jì)了整合通訊面板，但無法與快捷應(yīng)用入口的桌面共存，整體的體驗(yàn)上略 顯不足。PPC的桌面過于追求視覺表現(xiàn)。

應(yīng)用布局 最符合觸摸屏體驗(yàn)的還是Android。傳統(tǒng)菜單方式是一個(gè)大雜燴，包含了與頁面相關(guān)的選項(xiàng)和與列表項(xiàng)相關(guān) 的選項(xiàng)，這是Feature phone 五向鍵時(shí)代的硬傷。Android將其分開了，但相比iPhone，依然沒有設(shè)計(jì)好。 Symbian將傳統(tǒng)菜單鍵直接搬來雖不夠積極，但Nokia在易用性上多年的積累也足夠使操作體驗(yàn)做到及格。 相比之下，PPC讓人頭疼的返回導(dǎo)航機(jī)制就已經(jīng)比其他兩個(gè)產(chǎn)品低了一個(gè)層次。

焦點(diǎn)行為 觸屏可以有常駐焦點(diǎn)。主要適用于屏幕尺寸較大時(shí)，信息表達(dá)上需要將相鄰兩層頁面的信息整合使用。例如 iPad的通訊錄。Symbian只在部分場(chǎng)下應(yīng)用了這點(diǎn)，其余場(chǎng)景都是生搬傳統(tǒng)手機(jī)的焦點(diǎn)行為。

輸入法鍵盤與頁面關(guān)系 Symbian系統(tǒng)中，輸入法鍵盤會(huì)遮擋編輯區(qū)。其余兩款產(chǎn)品的輸入法都是將編輯區(qū)向上推起。

以上為《移動(dòng)設(shè)備交互設(shè)計(jì)比較》的無排版文字預(yù)覽，完整內(nèi)容請(qǐng)下載

總結(jié)

以上是生活随笔為你收集整理的android 手机交互设计,移动设备交互设计比较的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。