国产黄色免费网站_久久天天做天天爱综合色_精品国产一区久久久_成人黄色激情网站_久久成人在线视频_美女一区二区在线观看_亚洲精品免费一区亚洲精品免费精品一区 _91精品国产综合久久精品麻豆

干貨速遞!APPLE WATCH人機(jī)交互指南之UI設(shè)計基礎(chǔ)(1)

2014-11-20    高勁

applewatch-hig-1

千呼萬喚始出來!隨著Apple Watch開賣的日子臨近,我們終于等來了Apple Watch的官方文檔(HIG)!發(fā)布會的時候,許多用戶都對水果神教的智能手表的設(shè)計表示懷疑,為什么要這么設(shè)計?答案就隱藏在官方的這份設(shè)計指南當(dāng)中。

1、為Apple Watch設(shè)計

重要提示:這是一份針對API或技術(shù)的初步文檔。蘋果公司所提供的這些信息,可以幫您規(guī)劃文中所述的蘋果公司的技術(shù)和編程接口。這些信息可能隨時會被修改,根據(jù)這份文檔所設(shè)計的軟件和界面應(yīng)通過最終版本的操作系統(tǒng)和軟件的測試。版本的文檔可能會提供更多測試版的API和技術(shù)。

Apple Watch 的設(shè)計專注于以下三個方面:

?個人。由于Apple Watch被設(shè)計為可穿戴設(shè)備,所以它的UI設(shè)計應(yīng)該適應(yīng)出穿戴者的存在。當(dāng)用戶抬起手腕的時候,(Apple Watch)應(yīng)顯示時間和提醒。數(shù)字觸摸功能——尤其是心率和草圖功能——提供了更為個人的全新溝通方式。內(nèi)置的加速度傳感器和心率傳感器為每個用戶提供了個性化的活動信息。從未有任何蘋果設(shè)備能夠像Apple Watch這樣同佩戴者連接在一起。當(dāng)你在為Apple Watch設(shè)計APP的時候,在腦中時刻保有這種意識是非常重要的。

?整體。Apple Watch 旨在模糊物理設(shè)備和軟件之間的便捷。Apple Watch的側(cè)面旋鈕,也就是Digital Crown,是一個微小的硬件控制機(jī)構(gòu),能對軟件進(jìn)行細(xì)致入微的導(dǎo)航操控。內(nèi)置的Taptic引擎能夠針對提醒和屏幕交互產(chǎn)生精細(xì)的物理反饋。使用硬件控制物理手勢的Force Touch技術(shù)則使得Apple Watch 的軟件控制上升到一個新的層面。Apple Watch所使用的Retina屏幕也使得UI設(shè)計的物理邊界不再存在。體貼的APP設(shè)計使得硬件和軟件的體驗(yàn)難以辨別。

?輕量級。Apple Watch上的APP應(yīng)當(dāng)具備有快速輕便的交互,能最大限度地發(fā)揮出手腕上這塊屏幕的優(yōu)勢。信息的訪問、操作應(yīng)該快速而便捷,確保私密性和可用性。Short Look 旨在為用戶提供最小化的提醒,用戶需要點(diǎn)擊操作才能查看更多信息。而 Glances 則為用戶提供了來自APP的易于訪問,可滑動操作的界面。為Apple Watch所設(shè)計的APP應(yīng)該遵循佩戴者的使用狀況:簡明、快速以及小屏幕顯示。

Apple Watch上的APP應(yīng)該是iOS APP的補(bǔ)充,而非替代者。假使你在iOS設(shè)備上進(jìn)行一個操作需要幾分鐘的時間,那么你在Apple Watch上僅需幾秒就可以完成。因此,交互必須簡短,界面必須簡單。

2、APP 剖析

界面風(fēng)格

Apple Watch的APP支持兩種導(dǎo)航模式:

?分層模式(Hierarchical)。這種風(fēng)格同iOS的導(dǎo)航模式一致,最適合與信息有層次的APP。在分層模式APP中,用戶通過在每一屏上做出選擇,逐層導(dǎo)航瀏覽找到他們要找的目標(biāo)。當(dāng)用戶要找另外一個目標(biāo)的時候,需要回溯部分頁面,或者回溯全部,然后重新選擇。對于相對復(fù)雜的APP交互而言,這種分層模式比起扁平的、用頁碼標(biāo)識的頁面模式來的更好。

?頁面模式(Page-based)。通過頁碼標(biāo)識的頁面模式界面,用戶只需要在頁面間滑動來實(shí)現(xiàn)導(dǎo)航。頁面模式適合包含簡單數(shù)據(jù)模型的APP,每個頁面的數(shù)據(jù)并不直接與其他頁面上的數(shù)據(jù)關(guān)聯(lián)。每個頁面底部的圓點(diǎn)會指示出用戶的位置。盡量減少頁面數(shù),這樣可以簡化導(dǎo)航。

你不能將分層模式和頁面模式同時用到你的界面設(shè)計中。在設(shè)計的時候,你需要選擇適合這個APP的模式,并且針對這種模式來設(shè)計。

不管使用哪種界面風(fēng)格,內(nèi)容的呈現(xiàn)都是模式化的。模式化的界面使得用戶可以無干擾地完成任務(wù)或者獲取信息,但是這種方式會暫時阻止用戶同APP的其他部分進(jìn)行交互,更多信息請參考ModalSheets。

用戶交互

?基于動作的事件(Action-based events)。單點(diǎn)手勢是Apple Watch中用戶與APP進(jìn)行交互的主要方式。表格、按鈕、開關(guān)以及其他的控件都需要通過點(diǎn)擊來操作。這些點(diǎn)擊隨后會以代碼的形式反饋到WatchKit拓展中。

?手勢(Gestures)。你不能為你的APP添加手勢識別,相反,系統(tǒng)會為你處理所有的手勢,并且使用手勢來執(zhí)行標(biāo)準(zhǔn)操作:

?在豎直方向上滑動以滾動屏幕。
?在頁面模式下,水平滑動以切換到上一頁或者下一頁。
?在左邊緣滑動導(dǎo)向父界面控制器
?點(diǎn)擊操作,表示選擇或者交互。系統(tǒng)會處理點(diǎn)擊操作,并反饋到WatchKit拓展中。

Apple Watch不支持多指手勢操作,比如雙指縮放(pinch)。

?按壓觸摸(Force Touch)。小尺寸屏幕屏幕上能容納的控件非常有限,這就是為什么會在Apple Watch中引入按壓觸摸(Force Touch)這種全新的交互模式。正如屏幕能感應(yīng)到觸摸一樣,Apple Watch的視網(wǎng)膜屏幕還能感知到壓力。當(dāng)按壓屏幕的操作出現(xiàn)的時候,屏幕上會顯示與當(dāng)前屏幕相關(guān)的菜單,APP可以通過這個菜單來展示與當(dāng)前內(nèi)容相關(guān)的操作。

?Digital Crown,也就是側(cè)面旋鈕。Digital Crown是在不影響屏幕顯示的前提下,為更細(xì)微的操作和加速滾動而設(shè)計的。它可以更為簡單地滾動長頁面。

3、Glances

在Apple Watch上,Glance可以讓你快速預(yù)覽一個APP中最核心的內(nèi)容。理想狀態(tài)下,Glance是即時的,且與環(huán)境信息相關(guān)。當(dāng)你集中查看的時候,Glance是你最愛的APP的有意義時刻的合集。不同于系統(tǒng)主動推送的提醒,Glance更像是你主動獲取的信息,所以,通常是佩戴者來決定是否訪問它們。

Glance的特性:

?基于模板的(Template-based)。Glance擁有針對屏幕上半部分和下半部分的單獨(dú)模板。你可以使用Xcode來選擇你需要的模板,并且根據(jù)規(guī)格設(shè)計你要的內(nèi)容。

?不可滾動的(Not scrollable)。這意味著所有的內(nèi)容都需要位于屏幕中。

?只讀的(Read-only)。在Glance狀態(tài)下,點(diǎn)擊屏幕任何地方都可以打開對應(yīng)的APP。

?可選的(Optional)。并非所有APP都需要Glance,并且用戶可以選擇需要展示哪個Glance。

Glance的底部區(qū)域預(yù)留給頁面指示圓點(diǎn)。

基于用戶當(dāng)前環(huán)境配置Glance。過時或者不相干的信息會降低Glance的有效性,盡量借助時間和地點(diǎn)信息來反映當(dāng)前與用戶相關(guān)的內(nèi)容。

Glance可以深度鏈接到相關(guān)的APP。Glance可以利用Handoff來通知APP,當(dāng)用戶點(diǎn)擊Glance的時候會顯示的內(nèi)容。然后APP可使用該通知信息來展示一個不同的界面,或者相應(yīng)地配置現(xiàn)有的界面。

Glance需要為用戶提供有用的信息。不要為用戶提供一個僅僅引導(dǎo)用戶打開某個APP的Glance界面。

4、通知(Notifications)

Apple Watch上的通知是一種快速而輕量級的交互,它主要體現(xiàn)為兩種形式:Short Look和Long Look。當(dāng)本地或者遠(yuǎn)程的通知需要呈現(xiàn)給用戶的時候,Short Look會出現(xiàn)。Short Look 提供的信息相對較少也更為審慎——或者說更為私密。當(dāng)佩戴者放下手腕的時候,Short Look的通知信息會自動消失。當(dāng)佩戴者長時間抬高手腕查看通知的時候,或者點(diǎn)擊Short Look信息的時候,通知會轉(zhuǎn)為Long Look。在Long Look狀態(tài)下,通知會呈現(xiàn)出更多的信息,提供更多的功能,這個時候需要佩戴者手動關(guān)閉或者操作。

所以,請謹(jǐn)慎地控制向用戶推送通知的頻率。如果通知頻率過高的話,用戶會覺得煩躁并且禁用你APP的推送。請務(wù)必確保推送的通知是用戶想要的內(nèi)容。

Short Look 通知

Short Look 通知會讓用戶知道是什么APP推送的通知,并且內(nèi)容會非常簡短。Short Look的界面是基于模板的,并且包含了相應(yīng)APP的名稱、圖標(biāo)以及所附通知的標(biāo)題內(nèi)容。系統(tǒng)所展示的APP的名稱,會使用APP的關(guān)鍵色。

請保持標(biāo)題簡短而重點(diǎn)突出。由于展示文字內(nèi)容的空間非常有限,所以內(nèi)容請務(wù)必簡短精悍,不要塞入通知的過多細(xì)節(jié),包含簡短的提示就好了。

自定義 Long Look 通知

Long Look 通知將會為用戶帶來更多細(xì)節(jié)。系統(tǒng)為默認(rèn)的Long Look 通知提供了一個默認(rèn)的外觀,但是APP也可以自定義其中的圖形和品牌。所有的Long Look 通知都擁有相同的結(jié)構(gòu)。界面的頂部的空間可以疊加APP的圖標(biāo)和名稱,最底部是系統(tǒng)默認(rèn)的取消按鈕,在兩者之間的空間是可以自定義的內(nèi)容。

APP的內(nèi)容可以與頂部的空間交疊,也可以置于其下方。對于以文字為主的通知,可以在Xcode中使用直接通知內(nèi)容的選項(xiàng),讓內(nèi)容直接在頂部欄下展示出來。

對于自定義Long Look界面,APP必須提供一個靜態(tài)的界面,并且可以選擇性地提供一個動態(tài)的界面。動態(tài)界面比靜態(tài)界面擁有更大的配置空間,但是兩者其中能夠顯示的圖片和品牌內(nèi)容是一樣多。靜態(tài)界面提供了一個備用位置,以防止動態(tài)界面無法正常顯示。

Long Look通知下,最多可以容納4個自定義的按鈕。Apple Watch中Long Look通知所展示的可操作的按鈕,主要受到對應(yīng)的iOS APP的影響。所顯示的按鈕會自動調(diào)用APP的通知欄按鈕。

取消按鈕是始終存在的,并且不算在4個按鈕當(dāng)中。

關(guān)于靜態(tài)和動態(tài)界面的具體信息以及按鈕操作和配置信息,請參閱WatchKit編程指南。

日歷

鏈接

個人資料

藍(lán)藍(lán)設(shè)計的小編 http://www.newchinaweekly.com

存檔

亚洲久久久久久久| 天堂99x99es久久精品免费| 欧美成人免费电影| 欧美五码在线| 欧美三级免费| 成人免费的视频| 亚洲综合丝袜美腿| 欧美高清视频在线高清观看mv色露露十八| 欧美电影精品一区二区| 欧美精品日韩www.p站| 成人免费视频网址| 妺妺窝人体色www看人体| 一区二区在线免费观看视频| 欧美精品一级片| 色呦呦中文字幕| av漫画网站| 岛国中文字幕在线| jazzjazz国产精品久久| 国产欧美大片| 日本一区二区高清| 69堂成人精品免费视频| 欧美激情免费看| 任我爽在线视频精品一| 精品国产成人av在线免| av黄色免费在线观看| 色一情一乱一区二区三区| www.麻豆传媒| 中文字幕成在线观看| 国产高清欧美| 久久九九99视频| 日韩视频在线一区二区| 国产精品免费久久久久影院| 国产69精品久久久久999小说| 日本一区二区视频在线播放| 日本精品一区二区在线观看| 樱花在线免费观看| 亚洲三级电影| 久久草av在线| 欧美天天综合网| 国产成人精品一区二区三区| 国产黄页在线观看| 久久高清免费视频| 免费黄色小网站| 成人片免费看| 日韩精品一二三四| 在线视频欧美区| 人人做人人澡人人爽欧美| 国产老熟妇精品观看| 日本午夜小视频| av先锋下载| 成人51免费| 国产成人鲁色资源国产91色综| 欧美一级高清片在线观看| 成人av在线网址| 亚洲 自拍 另类 欧美 丝袜| 亚洲乱码在线观看| 国产毛片在线看| 91亚洲自偷观看高清| 亚洲摸摸操操av| 性欧美视频videos6一9| 91色国产在线| 国产男女猛烈无遮挡| 国产一区二区影视| 午夜天堂精品久久久久| 欧美视频精品一区| 91沈先生作品| 色哟哟精品观看| 又大又黄又粗| 国产一区二区三区免费观看在线 | 桃花网日韩影视在线观看视频| 黄色网址三级| 国产乱论精品| 久久久www成人免费毛片麻豆| 中文字幕亚洲综合久久筱田步美| 91麻豆天美传媒在线| 黄色大片网站在线观看| 永久免费在线观看| 国产喷水theporn| 国产成人在线观看网站| 四色永久网址| 国产精品免费不| 亚洲午夜久久久久久久久电影院| 国产精品91免费在线| 亚洲激情 欧美| 国产精品不卡一区二区三区在线观看| 日韩成人影音| 91蜜桃传媒精品久久久一区二区| 欧美成人精品一区二区三区| 蜜臀久久99精品久久久酒店新书| 高清国产mv在线观看| 男人av在线播放| av一二三不卡影片| 91精品国产乱码久久久久久蜜臀 | 男女午夜激烈无遮挡| 不卡av播放| 国产免费久久精品| 国产精品流白浆视频| 成人性视频免费看| www免费在线观看视频| 亚洲性图久久| 精品亚洲aⅴ在线观看| 人妻有码中文字幕| 久久综合香蕉| 国产精品15p| 日本大香伊一区二区三区| y111111国产精品久久婷婷| 一级黄色录像视频| 国产在线一在线二| 国产一区二区不卡老阿姨| 欧美福利小视频| 麻豆av免费观看| 一级片a一级片| av成人毛片| 久久亚洲国产成人| 无码h肉动漫在线观看| 成本人h片动漫网站在线观看| 99综合在线| 操91在线视频| 波多野结衣av在线免费观看| 香蕉视频在线观看免费| 蜜乳av一区二区三区| 韩国一区二区电影| 午夜精品一区二区三区视频| 92国产在线视频| 成人av电影在线观看| 91精品久久久久久久久| 在线能看的av| 综合另类专区| 亚洲成人免费电影| 久久久久久久9| 一个人在线视频免费观看www| 91成人观看| 久久精品青青大伊人av| 免费看裸体网站| 日本在线www| 国产精品视频一区二区三区不卡| 精品一区久久| 亚洲三级黄色片| 国产精品嫩草影院在线看| 日韩精品一二三四区| 色综合久久五月| 超碰在线国产| 久久久久久久免费视频了| 久久精品第九区免费观看 | 精品国产黄a∨片高清在线| 欧美日韩免费在线| 无码人妻丰满熟妇区毛片| 2017天天干夜夜操| 激情五月婷婷综合网| 成人午夜高潮视频| www.看毛片| 欧美好骚综合网| 深夜福利国产精品| 久久99久久98精品免观看软件| 伊人久久综合一区二区| 色哟哟一区二区| 国产精品嫩草影院8vv8| 青青草在线视频免费观看| 久久久国产精品麻豆| 亚洲三区在线观看| 尤物在线观看视频| 国产综合久久久久影院| 国产区一区二区| 四虎影视最新地址| 中文精品在线| 91精品中文在线| 中文字幕av免费| 午夜在线精品偷拍| 超碰97网站| 国产精品外围在线观看| 亚洲成人国产精品| 亚洲乱亚洲乱妇无码| 天天干天天舔天天操| 手机在线免费av| 精品毛片网大全| 亚洲精品第三页| 欧美18hd| 黄污视频在线观看| 欧洲另类一二三四区| 99久久免费看精品国产一区| 国产精品国精产品一二| 欧美日韩亚洲另类| 性猛交娇小69hd| 在线成人免费| 中文字幕少妇一区二区三区| 免费黄色网址在线| 精品国产91乱码一区二区三区四区| 欧美劲爆第一页| 亚洲国产视频一区二区三区| 欧美69视频| 99国精产品一二二线| 午夜福制92视频| 久久久久久一级片| 乌克兰美女av| av漫画网站在线观看| 欧美成人aa大片| 四虎永久在线精品| 欧美好骚综合网| 国产精品v欧美精品∨日韩| www.狠狠插|