92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

百度智能手表OS創新設計(交互篇)

2016-3-9    用心設計

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里


來源:ui.cn


【背景與挑戰】

2015 年Google、Apple、阿里、華為均推出了智能手表或其操作系統,同時來自研究公司Strategy Analytics的數據顯示,Apple Watch 2015年的全球出貨量達到1500萬支,可以說2015年是智能手表的元年。由于早期Android Wear 的部分服務無法在國內使用,各大互聯網公司設計的智能手表操作系統更是風起云涌,如出門問問、YunOS、TencentOS等等。但是由于業內對智能手 表的形態尚處于探索階段,多數產品對于手表平臺所要承載的任務和信息并沒有進行清晰的定義。百度MUX智能硬件團隊從去年年初開始接手百度智能手表OS的 設計工作,認為相對于智能手機的“碎片化”場景,智能手表在信息和任務維度更加輕量,呈現“微?;钡狞c狀用戶體驗。需要重新設計承載他們的容器。本文希 望從智能手表系統的設計思路和方法層面與設計師們分享“微粒化”設計的經驗。




【為“微?;睍r間而生 - 智能手表的屬性定義】

定義新操作系統的第一步是定義設備屬性,我們分別從智能手表適合執行的任務和適合顯示的信息兩個維度進行定義。

智能手表有著極佳的便攜性和極低的輸入效率(輸入效率由精準度和速率兩方面決定),因此它只適合執行輕量的任務,比如收到一個推送后簡單執行附帶的操 作,P圖這類需要長時間連續操作的任務顯然不適合在手表上進行。在信息維度,經測試智能手表一次使用舒適時長為15秒左右(從抬起手腕到手臂有疲勞感,看 文章的你請可以自行測試),屏幕展現尺寸極小所以智能手表必須在繁雜信息中做出抉擇,把重點放在高頻的短信息上。

綜上分析我們將目前技術所能實現的智能手表屬性定義為“輕任務,短信息”的承載設備。如果說手機讓我們利用生活中的碎片化時間執任務和查看信息,那么智能手表就是利用我們的“微?;睍r間執行更輕的任務和查看更短的信息。

Image title



【分析 - 細分手表承載的信息和任務】

智能手表展現尺寸十分有限,因此有必要將短信息和任務按使用頻率細分,以便設計不同的“容器”承載它們。

Image title

將長線任務集成為輕輕一點

適合放在手表上執行的任務應該是能在很短時間內完成的,這意味手表的使用場景被限制!我們怎樣解決這一問題?我們發現將一些在手機上總是被重復的長線任務 進行自動化處理后放在手表上能有效加快效率和擴展使用場景。比如打車這個任務我們用手機時的操作是“拿出手機 – 解鎖 – 打開App – 輸入地址 – 發出訂單”,在設計手表時我們把這個流程內最常用的一些任務(比如從家到公司)提取出來,利用智能手表用戶可以一鍵發出從家到公司的訂單,而不是單純的把 手機的操作照搬一遍。

Image title



【交互模型】

承載任務和信息的“容器”

如前文所述我們將手表定義為“輕任務,短信息”的承載設備,由于手表屏幕展現尺寸的限制我們不得不將信息和任務分級以便用不同容器承載,那么我們設計什么樣的容器來承載這些短信息和輕任務呢?

Image title

表盤

智能手表首先應該是手表,因此表盤是用戶最常使用的頁面,除了顯示時間之外,我們用它承載最高頻的任務和信息。

Image title

快捷卡片

表盤的空間畢竟有限,而一些中任務和信息常常需要更大的空間,因此我們設計了快捷卡片,類似于安卓系統的Widght。

Image title

Laucher -是App集合,即長尾的信息和任務

不同于手機的App Laucher,手表的Lancher不是被最常使用的模塊,但是卻要承載大量的Icon,且由于手表屏幕尺寸的限制,給如何設計出足夠啟動器帶來很大的挑戰(后文將會講述設計和驗證的方法)。

Image title

Notification

智能手表作為用戶抬手既得的屏幕,可以主動推動一些任務和信息,可以在不打斷當前任務的情況下讓用戶利用微粒化時間快速處理,而Notification適合承載這些被動任務和即時信息。

Image title

從“容器”到立體的交互框架

如果容器是承載著信息和任務一個個的房間,那下一步要做的就是將這些房間建立起聯系,以此建立Duwaer系統的骨骼-交互架構。

在Duwear的交互框架內將操作分為兩種:橫向操作和縱向操作,確??臻g的秩序性,易于理解和記憶。配合新的輸入方式,借此創造適合手表單手操作的全新交互模型(輸入方式部分在下文詳述)

Image title

橫向操作與縱向操作構成立體模型

新的交互架構配合新的輸入方式


怎樣讓手表在執行輕任務和查看短信息時效率進一步提高?僅僅在交互架構層面做改進遠遠不夠,我們在交互架構更新的基礎上加入了新的輸入方式 - 轉動手腕和甩動手腕。經過用戶體驗測試,新輸入方式的加入使高頻信息的查看和雙手被占用的場景效率明顯提高。

Image title

加入新的輸入維度

Image title

實現單手查看信息


對新交互模型進行用戶測試

為了對新的交互模型進行驗證、迭代、調整。我們利用Form制作高保真原型進行用戶測試。

Image title

利用Form 可以制作調用陀螺儀的高保真原型

Image title

我們通過設置任務讓用戶打分的方式來量化交互模型體驗

測試后我們發現,加入新的動作輸入后,明顯加快高頻信息的查看效率,以及在非佩戴手被限制為用戶提供極大的便利。

測試后也發現了一些問題 - 轉動手腕和擺動手腕只適合做執行任務的步長較短的操作,比在用戶想查看第3個快捷卡片后的信息時這種操作方式并不具備效率優勢。因此我們對交互模型進行了微調,加入了快速切換快捷視圖和消息的方式,用以補足新的交互模型短板。

Image titleImage title



【通知】


通知-現在就需要和以后再看

Duwear 的通知處理里將通知區分為即時通知-即現在就要顯示的,在這種場景下用戶的需求是“讓我的閱讀信息”,因此不同于Android Wear半屏顯示,我們將信息全屏化。另一種場景是錯過或歷史的信息,這種場景下用戶的需求是幫我快速找到信息,我們將消息橫向List化加快查找效率。

Image titleImage title

即時消息全屏顯示提高閱讀效率                                                       歷史消息關注查找效率

化繁為簡-將信息卡片化

短信已經成為日常收納信息的工具,將繁雜的信息卡片花,并且你可以將卡片添加到快捷卡片,當你想用時只需要抬起手腕

Image titleImage titleImage title


將特殊短信提取關鍵信息并做卡片化處理

Image title

當你收到影票兌換碼 你可以將卡片添加為快捷卡片 到影院后快速查看



【laucher】


小屏幕內的App Laucher怎樣設計?


我們對App Laucher的定義是承載長尾功能和信息的入口,即承載Watch App 的容器,不同于手機,手表App Laucher不會被經常使用,但它會承載大量的App,所以在設計時我們確定幾個體驗評估的維度:


1.每屏展示App Icon的個數

2.記憶與理解難度

3.操作的準確性

Image title

App Icon的個數: 9    操作的準確性: 較高    記憶與理解難度:容易

Image title

 App Icon的個數:6    操作的準確性:高    記憶與理解難度:容易

Image title

 App Icon的個數:3    操作的準確性:很高    記憶與理解難度:容易

App Laucher作為長尾功能和信息的入口,會承載大量的App,他的查找效率必須高,這意味這沒屏承載的App Icon個數要足夠多-我們首先排除了第三個。接下來我們要確定的是,方案1和方案2綜合來看那個更好?我們進行了新一輪的用戶測試。

用戶測試

通過與工程師合作我們實現了兩種方案的Dome, 并且可以輸出點擊的行為數據。測試環節我們關注如下三組數據,以此對比兩方案優略:


A.連續點擊12個Icon的時間(點擊精準度)

B.連續點擊3個最常用Icon的時間(常用App 點擊精準度)

C.查找特定圖標并點擊的時間 (查找效率)

Image titleImage title

我們將兩組方案的輸出數據并進行對比,對比測試我們發現,方案1并沒有由于沒屏顯示圖標數量的增多而明顯降低精準度,方案1(綠色線)的數據優于方案2(紅色線)。最終我們確定的方案1為最佳方案。

Image title



【快捷卡片】

如前文所述,表盤承載最高頻的信息和任務,Laucher承載低頻的信息和任務。那么用什么承載中頻的信息和人任務呢?為了解決這一問題,我們設計了“快捷卡片”,快捷卡片像安卓的桌面Weight一樣可以承載信息和操作,用戶也可以對快捷卡片進行“增刪改”等操作。

Image titleImage title

用戶可以通過在定位符上滑動快速切換卡片



【總結-關于操作系統的設計】

設計一個操作系統與設計一款App是完全不同的,當我們設計個新設備的操作系統時我們率先考慮的是---這種新的設備用來顯示什么信息和執行哪類任務,我 們借由“輸入效率”“舒適時長”“便攜性”“展現尺寸”來定義智能手表的設備屬性,智能手表并不會像手機一樣承載所有的任務,而是像Pad從PC中拆分出 打游戲和看視頻一樣,Watch要做的是從手機中拆分出部分任務,并使其效率更高。





其次當我們清晰的定義了設計的屬性,我們必須對這些信息和任務進行分析,是不同使用頻率的信息和任務存在于不同的層級,是高頻的信息和任務抬手即得。

設計操作系統很像建筑一所房子(而App是房子里的擺件),我們必須清晰的設計房間的結構,劃分功能區域,由一個房間到另一個房間的路線。這也是操作系統設計中接下來要做的---存儲信息和任務的容器以及他們之間跳轉的路徑,即系統的交互架構。

當我們設計新的設備,在設計的新的交互架構以后我們應該考慮是否需要加入新的輸入方式以進一步提率。



總結以上系統設計的步驟為:

1. 從信息和任務維度定義設備屬性

2. 分析信息和任務的層級

3. 設計系統的交互架構:承載信息和任務的容器,以及這些容器間跳轉的路徑

4. 檢視是否需要加入新的輸入方式(必須與交互架構協調)

5. 用高保真Dome檢視設計,并進行持續改進。

設計統一的控件/統一的通知機制



藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務




關于 百度MUX

百 度移動用戶體驗部(Baidu Mobile User Experience Department)成立于2009年,簡稱百度MUX,是百度移動服務事業群組核心部門之一。自成立以來,一直堅持以用戶為中心并持續提升產品體驗為 終極使命。始終追求著“簡單”的設計理念,負責百度所有移動產品的視覺、交互和用戶研究方面的工作,致力于設計行業內最優秀、體驗最好的移動產品。

日歷

鏈接

個人資料

藍藍設計的小編 http://www.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
欧美精品videos性欧美| 亚洲天堂成人在线视频| 97人人爽人人喊人人模波多| 日韩av色综合| 亚洲自拍偷拍福利| 国产欧美亚洲精品| 国产精品女人久久久久久| 最新91在线视频| 亚洲精品福利视频| 亚洲美女自拍视频| 国产日韩精品一区二区| 欧美精品国产精品日韩精品| 亚洲第一精品夜夜躁人人躁| 国产精品免费一区| 亚洲va欧美va国产综合剧情| 国产福利成人在线| 欧美性videos高清精品| 久久青草精品视频免费观看| 日韩在线视频免费观看| 亚洲成人久久久| 久久久久久伊人| 国产精品嫩草视频| 日韩中文字幕在线播放| 欧美激情一区二区三区久久久| 亚洲乱码国产乱码精品精| 亚洲精品在线视频| 亚洲午夜av久久乱码| 欧美专区在线视频| 国产精品视频午夜| 国产有码在线一区二区视频| 91久久嫩草影院一区二区| 在线播放日韩欧美| 欧美性猛交xxxx免费看漫画| 国产欧美在线观看| 亚洲精品国产精品国产自| 欧美日韩xxx| 欧美成在线视频| 久久久精品免费视频| 久久久99久久精品女同性| 97视频人免费观看| 欧美日韩精品在线播放| 欧美黄色三级网站| 亚洲视频综合网| 成人写真福利网| 亚洲国产日韩欧美在线图片| 91国产精品视频在线| 欧美在线亚洲在线| 黄网站色欧美视频| 欧美制服第一页| 欧美性猛交xxxx乱大交3| 国产一区二区三区欧美| 国产精品黄色av| 丝袜亚洲欧美日韩综合| 精品视频在线播放免| 精品国产乱码久久久久久虫虫漫画| 亚洲国产天堂久久综合| 欧美最猛性xxxxx免费| 一区二区三区久久精品| 国产日韩欧美黄色| 国产日韩av在线| 欧美激情视频在线免费观看 欧美视频免费一| 欧美性猛交xxxx久久久| 17婷婷久久www| 国产精品久久97| 中文精品99久久国产香蕉| 黑人狂躁日本妞一区二区三区| 欧美第一淫aaasss性| 亚洲人成网7777777国产| 国产一区视频在线| 国产精品日韩av| 97人人模人人爽人人喊中文字| 97视频在线观看免费| 国产精品第一第二| 日韩在线www| 日韩精品极品视频| 日本伊人精品一区二区三区介绍| 一区二区三区高清国产| 久久精品在线播放| 亚洲国产福利在线| 成人免费看黄网站| 日韩精品视频中文在线观看| 日韩一区二区三区国产| 中文字幕精品在线视频| 国产精自产拍久久久久久蜜| 国产精品一香蕉国产线看观看| 国产成人一区二| 日韩成人av在线| 亚洲深夜福利在线| 久久精品电影一区二区| 国产精品女主播| 91精品91久久久久久| 日韩网站免费观看高清| 亚洲欧美日韩视频一区| 91av中文字幕| 亚洲日韩欧美视频一区| 精品综合久久久久久97| 欧美高清性猛交| 日韩视频在线免费| 亚洲国产成人精品久久久国产成人一区| 国产精品永久在线| 中文字幕亚洲一区在线观看| 国产欧美最新羞羞视频在线观看| 亚洲成人网在线观看| 国产精自产拍久久久久久| 亚洲激情在线观看| 欧美成人午夜免费视在线看片| 欧美午夜精品久久久久久人妖| 国产成人亚洲综合青青| 亚洲精品久久久一区二区三区| 亚洲网址你懂得| 自拍偷拍亚洲精品| 国产午夜精品全部视频在线播放| 欧美老少做受xxxx高潮| 亚洲精品日韩在线| 成人夜晚看av| 91av视频在线免费观看| 国产ts一区二区| 91探花福利精品国产自产在线| 国产欧美欧洲在线观看| 亚洲xxxx妇黄裸体| 久久久久久久久久av| 亚洲电影成人av99爱色| 亚洲精品小视频在线观看| 插插插亚洲综合网| 性欧美xxxx视频在线观看| 欧美日韩精品在线观看| 日韩成人在线免费观看| 欧美激情亚洲精品| 国产精品第七影院| 国产精品一区二区电影| 久久久精品视频在线观看| 国产98色在线| 亚洲国产精品国自产拍av秋霞| 91国语精品自产拍在线观看性色| 中文字幕免费精品一区| 欧美一级淫片播放口| 亚洲欧美一区二区激情| 中文字幕亚洲一区二区三区| 亚洲va久久久噜噜噜| 亚洲精品xxxx| 欧美激情videoshd| 欧美激情视频在线| 色在人av网站天堂精品| 亚洲色图欧美制服丝袜另类第一页| 欧美精品www在线观看| 亚洲深夜福利网站| 国产精品video| 91国语精品自产拍在线观看性色| 国产精品毛片a∨一区二区三区|国| 久久久久久免费精品| 亚洲一区二区三区香蕉| 国产精品爽爽ⅴa在线观看| 国产精自产拍久久久久久| 欧美日韩精品在线播放| 久久天堂电影网| 亚洲一区美女视频在线观看免费| 亚洲精品白浆高清久久久久久| 亚洲成人久久久久| 国外成人在线视频| 国产99视频精品免视看7| 国产日本欧美视频| 一区二区三区视频免费在线观看| 欧美猛男性生活免费| 色哟哟网站入口亚洲精品|