android 手机交互设计,移动设备交互设计比较
以下為《移動設備交互設計比較》的無排版文字預覽,完整內容請下載
移動設備交互設計比較
Base on Android、PPC、Symbian Ethanshao
內部文檔,請勿外傳
Android
Windows Mobile 6.5
Symbian S60 V5
以聯想樂Phone交互設計為例
1
UI Framework
(交互框架)
桌面布局 應用庫管理 應用布局 頁面跳轉
手勢
2
App Guideline (應用規范)
3
HW Interaction
視圖 標簽頁 菜單欄 對話框 按鈕 其他控件
UI Framework(交互框架)
桌面布局
應用庫管理 應用布局
消息區
頁面跳轉
手勢
應用庫
桌面-整合通訊
整合通訊 手指橫向滑動聯系人區域,瀏覽更多好友 每次只顯示一個好友頭像
桌面-Widget
Widget 手指橫向滑動,瀏覽更多widget 每頁只顯示一個widget
UI Framework(交互框架)
桌面布局 應用庫管理 應用布局 頁面跳轉 手勢
應用庫
UI Framework(交互框架)
桌面布局 應用庫管理 應用布局 頁面跳轉 手勢
狀態欄 標題欄 內容抬頭區(多為按鈕)
應用內容區
頁卡或菜單欄(固定或不固定)
UI Framework(交互框架)
桌面布局
應用庫管理 應用布局 頁面跳轉
桌面 整合通訊
Back
手勢
桌面 Widget
Back
Home
應用A A-1
Back
Home
Home
應用A A-2
Back
Shortcut
應用A A-3
Back
UI Framework(交互框架)
桌面布局 應用庫管理 應用布局 頁面跳轉 手勢
App Guideline(應用規范)
視圖 標簽頁 菜單欄 窗口 按鈕 其他控件
HW Interaction
返回:手指按住從右至左滑動 菜單:手指按住從下至上滑動
Android OS
桌面布局 應用庫管理 應用布局 頁面跳轉及平行跳轉
視圖 標簽頁 菜單 窗口 其他控件
Android OS
桌面布局 應用庫管理 應用布局 頁面跳轉及平行跳轉 視圖 標簽頁 菜單 窗口 其他控件
股票 天氣
消息區
桌面區
信息
信息
設置
郵件
通訊錄
應用庫 終端設備制造商通常會修改桌面層(Shell)的交互設計,以便塑造的品牌印象
Android OS
桌面布局 應用庫管理 應用布局 頁面跳轉及平行跳轉 視圖 標簽頁 菜單 窗口 其他控件
長按住某個應用后 頁面切回桌面 釋放后即可在桌面添加快捷方式
Android OS
桌面布局 應用庫管理 應用布局 頁面跳轉及平行跳轉 視圖 標簽頁 菜單 窗口 其他控件
狀態欄 標題欄 頁卡(非常態) 應用內容區(當前內容為列表)
頁面菜單(滑出式菜單),使用硬按鍵“Menu”
Android OS
桌面布局 應用庫管理 應用布局 頁面跳轉及平行跳轉 視圖 標簽頁 菜單 窗口 其他控件
Home
頁面依照“層進層退”機制 Android需借助軟硬結合方式跑通頁面 返回上一級使用硬按鍵“Back” 返回桌面使用硬按鍵“Home” 長按硬鍵區的“Home”鍵 彈出后臺運行程序窗口,快速切換
Back
Android OS
桌面布局 應用庫管理 應用布局 頁面跳轉及平行跳轉 視圖 標簽頁 菜單 窗口 其他控件
List(text) 用于信息表達為主的場景 信息應用 設置應用 記事本應用 ……
Grid 用于圖片識別為主的場景 圖片應用 瀏覽器應用 ……
List (icon+text) 用于易于通過圖片表達信息的場景 通訊錄應用 通話記錄應用 應用商店應用 ……
頂部標簽頁 常用于內容集合的歸類(不是排序) 也用于相等地位信息的平行呈現 通訊錄應用 應用商店應用 郵件應用 ……
Android OS
桌面布局 應用庫管理 應用布局 頁面跳轉及平行跳轉 視圖 標簽頁 菜單 窗口 其他控件
Options Menu 菜單項與當前頁面相關或是指向另一個頁面 使用硬按鍵“Menu”該菜單 G1中超過6個時,右下角變為“更多”,點擊調用擴展菜單
Android OS
桌面布局 應用庫管理 應用布局 頁面跳轉及平行跳轉 視圖 標簽頁 菜單 窗口 其他控件
Context Menu 菜單項與指定選項密切相關 長按指定項調起該菜單
Android OS
桌面布局 應用庫管理 應用布局 頁面跳轉及平行跳轉 視圖 標簽頁 菜單 窗口 其他控件
無按鍵窗口
有按鍵窗口
用于信息表達清晰、明確的窗口 用于有延時類信息表達的窗口
其他窗口
Android OS
桌面布局 應用庫管理 應用布局 頁面跳轉及平行跳轉 視圖 標簽頁 菜單 窗口 其他控件
Android OS 總結
從1.0到2.2,系統級交互未有較大改動,應用級交互不斷提升; 堅持軟硬結合的交互方式(Home鍵、Back鍵、Menu鍵); 界面設計風格簡單、樸素,空間最大限度讓位給內容,但相比iPhone的直接、自然式操作稍顯不足;
PCC OS
桌面布局 應用庫管理 應用布局 頁面跳轉 標簽頁 菜單 窗口 其他控件
第一種桌面風格
桌面有N張頁卡組成,第一張為首頁,剩余為特定的應用。頁卡可以自定義,但受既定限制 底部左右兩個按鈕為關于頁面的功能菜單 應用庫入口在左上角“Start”
PCC OS
桌面布局 應用庫管理 應用布局 頁面跳轉 標簽頁 菜單 窗口 其他控件
第一種桌面風格
桌面有N個列表項,拖動漸變條至其中某個,指定項將自動移動到中間位置,且處于焦點狀態 底部左右兩個按鈕為關于焦點選項的功能菜單 應用庫入口在左上角“Start” 無論是哪個桌面風格,windows mobile系列將目光放在了視覺表現層面,與當前移動設備交 互設計關注內容的趨勢不符,這也是微軟改頭換面推出windows phone 7的原因之一
PCC OS
桌面布局 應用庫管理 應用布局 頁面跳轉 標簽頁 菜單 窗口 其他控件
直接點擊打開應用 長按應用圖標點擊菜單可將應用挪至頂部
PCC OS
桌面布局 應用庫管理 應用布局 頁面跳轉 標簽頁 菜單 窗口 其他控件
99% 關閉/返回
關閉當前頁,返回上一級 關閉當前應用
應用內容區
50%
“關閉” “上一頁”
1% “退出”
頁面菜單
糾結的返回機制
PCC OS
桌面布局 應用庫管理 應用布局 頁面跳轉 標簽頁 菜單 窗口 其他控件
頁卡
頁卡
頁卡
頁卡
頁卡
雖然標簽頁與菜單欄相隔比較近,但電阻屏觸筆操作還可以接受
標簽頁 菜單欄
PCC OS
桌面布局 應用庫管理 應用布局 頁面跳轉 標簽頁 菜單
點擊右軟鍵“Menu”彈出菜單 延續windows PC風格 菜單欄左側通常為最常用的快捷鍵 菜單欄中間通常為輸入法切換的菜單鍵
PCC OS 總結
從PPC2000到win6.5,界面設計得到很大提升,效果也變得越來越重,交互未曾有重大改變; 整體風格一直延續windows PC端,雖保留了品牌image,但一定程度上犧牲了使用性; 應用層的返回機制是系列的一大弊病,無論是位置還是操作都不優,但始終未見改善; 截至到win6.5系統,都追求視覺表現力,忽略了內容為王的大趨勢;
Symbian OS
桌面布局 應用庫管理 應用布局 焦點行為及平行跳轉 視圖 菜單 窗口
整合通訊桌面
狀態欄區:時間、電量、信號、在線狀態 快捷聯系人欄 與指定快捷聯系人的通訊方式 與指定快捷聯系人的通訊記錄
電話、通訊錄應用快捷入口
Symbian OS
桌面布局 應用庫管理 應用布局 焦點行為及平行跳轉 視圖 菜單 窗口
應用桌面
狀態欄區:時間、電量、信號、在線狀態 四個應用快捷入口 正在運行應用
電話、通訊錄應用快捷入口
Symbian OS
桌面布局 應用庫管理 應用布局 焦點行為及平行跳轉 視圖 菜單 窗口
列表形式應用庫
圖標形式應用庫
列表偏習慣于文字識別的用戶
列表偏習慣于圖形識別的用戶 且鍵粒夠大,方便點選
Symbian OS
桌面布局 應用庫管理 應用布局 焦點行為及平行跳轉 視圖 菜單 窗口
標簽頁 應用內容區
焦點相關快捷功能鍵 菜單/返回
Symbian OS
桌面布局 應用庫管理 應用布局 焦點行為及平行跳轉 視圖 菜單 窗口
在所有應用列表及菜單列表中都有常駐焦點 帶有明顯的Feature Phone痕跡
應用的菜單列表首項為“正在運行”入口
Symbian OS
桌面布局 應用庫管理 應用布局 焦點行為及平行跳轉 視圖 菜單 窗口
List view (Text)
List view (Icon+Text)
Grid view (Icon+Text)
Grid view
Symbian OS
桌面布局 應用庫管理 應用布局 焦點行為及平行跳轉 視圖 菜單 窗口
菜單
選項窗口
進度窗口
對話窗口
Symbian OS 總結
焦點行為帶有傳統非觸摸屏手機的烙印,一般觸屏手機沒有常駐焦點,它的存在是需要對焦點項單獨設計; 雙桌面結構設計很有特點但無法共存; 應用布局清晰、干凈,頁面層次邏輯簡單; 菜單/返回沿用了傳統功能性手機的方式,用戶能快速上手,但該點粘性不足; 輸入法彈出時會遮擋編輯區,體驗不優;
對比總結
桌面結構 三款產品中Android最優,相比其他,其桌面結構更開放、自由,用戶在一個大平面內放置需要的內容或 應用。Symbian的雙桌面雖然設計了整合通訊面板,但無法與快捷應用入口的桌面共存,整體的體驗上略 顯不足。PPC的桌面過于追求視覺表現。
應用布局 最符合觸摸屏體驗的還是Android。傳統菜單方式是一個大雜燴,包含了與頁面相關的選項和與列表項相關 的選項,這是Feature phone 五向鍵時代的硬傷。Android將其分開了,但相比iPhone,依然沒有設計好。 Symbian將傳統菜單鍵直接搬來雖不夠積極,但Nokia在易用性上多年的積累也足夠使操作體驗做到及格。 相比之下,PPC讓人頭疼的返回導航機制就已經比其他兩個產品低了一個層次。
焦點行為 觸屏可以有常駐焦點。主要適用于屏幕尺寸較大時,信息表達上需要將相鄰兩層頁面的信息整合使用。例如 iPad的通訊錄。Symbian只在部分場下應用了這點,其余場景都是生搬傳統手機的焦點行為。
輸入法鍵盤與頁面關系 Symbian系統中,輸入法鍵盤會遮擋編輯區。其余兩款產品的輸入法都是將編輯區向上推起。
以上為《移動設備交互設計比較》的無排版文字預覽,完整內容請下載
總結
以上是生活随笔為你收集整理的android 手机交互设计,移动设备交互设计比较的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html位置下移像素点,吃透移动端 1p
- 下一篇: 电脑背身上是潮流?Zotac发布支持VR