watchOS 4釋出,我們來聊聊Apple Watch設計

weixin_33890526發表於2017-06-19

時代在變革,當你還在糾結買一塊Apple Watch是否太貴,手裡的產品是否需要針對Apple Watch做設計開發的時候,watchOS已經更新到第4個版本了,今天,我們就來聊聊Apple Watch設計,希望能給你一種新的思路。全文分為三個部分:值不值得為Apple Watch做設計?Apple Watch有哪些互動設計規範?動手學Apple Watch設計。

一、值不得為Apple Watch做設計?

與其被動地接受去設計一個產品,不如先考察市場環境如何,有哪些應用場景,這個產品能解決什麼問題?這就是高階互動設計師和普通互動設計師的區別。

1.Apple Watch的發展趨勢

在6月6日蘋果WWDC2017大會上,庫克在臺上表示,Apple Watch是目前銷量最好的智慧手錶,並且顧客滿意度第一。嚇得我趕緊搜了一下Apple Watch的資料,習慣買東西先看評價銷量的我們,先來看看Apple Watch一些資料情況吧。

(1)市場佔有率

資料來源IDC,從圖中明顯可以看出2015Q3-2016Q3,Apple Watch(紫色)佔有率雖然逐步下滑,但是明顯一直處於領先地位。

1918483-55aa2314f0812bdb.jpg

(2)保有量

資料來源Canalys,在2017年初的蘋果財報上,蘋果CEO蒂姆·庫克曾表示,Apple Watch的需求很強勁。市場研究機構Canalys也釋出報告稱,Apple Watch在2016年總銷量達到1190萬隻,佔據了去年智慧手錶市場的半壁江山。


1918483-70646e44cc742f0d.jpg

(3)關注熱度

資料來源百度指數,從圖中可以明顯看出Apple watch搜尋指數一直保持在3000左右,要知道,蘋果成熟的MacBook搜尋指數也才4000多點,相比其他智慧手錶,Apple watch有更高的關注度。

1918483-8be4e13744718282.png

綜上資料所示,Apple Watch的市場容量足夠大,客戶基數也足矣支撐一個產品成長。

2.Apple Watch的應用場景

(1)運動健康

手錶的便攜性要高於手機,特別是現在智慧手機螢幕變得越來越大,Apple Watch能為跑步、登山等運動提供很好的支援,特別是series 2加入防水特性以來,運動類已經擴充游泳、衝浪等更多場景。另外,貼合皮膚的Apple Watch能為使用者提供簡單的心率、睡眠、呼吸等健康追蹤功能。

值得關注的是,watchOS 4中健身將更加智慧,可以根據你的健身進度提供個性化建議和訓練指導。

1918483-39731cdfc28f11bd.png

(2)iPhone應用擴充

現在Apple Watch的使用離不開iPhone的支援,在iPhone上的應用針對Apple Watch做設計之後,能在Apple Watch提供一些簡單的資訊提醒,舉個例子來說,倒數日應用是一個記錄人生重要日期的提醒軟體,它可以當天通過Apple Watch推送資訊提醒你父母的生日快到了。

1918483-f94522c26b899e17.png

(3)支付安全

這裡可以分為兩個部分,一部分是安全功能,如果你是蘋果全家桶擁有者(至少擁有MacBook、iPhone、Apple Watch三件套),你就可以很方便的使用Apple Watch解鎖你的MacBook,而不用輸入密碼。通過這個場景,我們甚至可以大膽想象,未來的家庭智慧門禁系統,是否可以直接通過Apple Watch進行解鎖,而不必再為找不到鑰匙發愁呢?

1918483-33a717d259384178.png

另外一部分是,支付功能,使用Apple Watch中的Apple Pay能完成近場支付,比掃碼更方便快捷,雖然在中國Apple Pay一直不溫不火的,但是不影響Apple Watch在其他國家的想象場景。

1918483-ce6a46f0ea90fe9b.jpg

(4)私人助理

早前,我在《去線性設計》一文中提及,“對話式互動”正在逐漸興起,行內的大玩家有Google的Assistant,蘋果的Siri,亞馬遜的 Alexa等。Apple Watch在watchOS 4中強化了Siri的功能,表達出讓Siri成為私人助理的意願。我們先以領頭羊Google Assistant為例看看“私人助理”能做什麼事情:Google Assistant 能能幫你尋找頭條新聞,幫你尋找最快的路徑,打電話給聯絡人,甚至直接在照片應用中尋找並向朋友分享畢業照片,只需要和Assistant用日常語音交談即可。

1918483-7acb1ad0602be9f5.gif

同樣的,Apple Watch搭載Siri之後期望能成為你的全天候助理,配合今年WWDC2017釋出的智慧音響,Apple Watch也想連結一切生活上的場景:包括幫助你控制智慧家居、安排日程等等。

1918483-6cf79703380f069f.png

3.挑戰多樣化設計

現在很多互動設計師細分到手機APP、web端、微信端當中去,本質上並沒有離開手機和PC,但是更多的智慧裝置亟待互動設計師去開拓,例如AR裝置、車載裝置、智慧TV、本文提及的Apple Watch等。多樣化的螢幕尺寸、差異化的生活場景、不同的材質構成,都需要互動設計師去重新認識。

4.Apple Watch的風險提示

做產品設計,只論未來前景,不談風險都是耍流氓,我們來看看為Apple Watch設計有哪些潛在的風險。

(1)過於依賴iPhone

Apple Watch需要配合iPhone來使用,且需要較高版本的iPhone裝置支援,換句話來說,使用者需要使用Apple Watch上的應用,需要具備一臺iPhone和Apple Watch,入手的成本較高。

(2)其他玩家的挑戰

智慧手錶領域不止Apple Watch一個玩家,雖然現在Apple Watch的市場佔有率還處於領先地位,但和其他玩家的差距正在不斷縮小;另外,Apple Watch推崇的私人助理,在技術積累上也不及Google Assistant。

(3)平臺整合風險

Apple Watch想要連結生活上的更多場景,需要整合上游的裝置廠商,中游的系統提供商,下游的APP為了Apple Watch提供支援,有潛在的平臺整合風險。

二、Apple Watch有哪些互動設計規範?

要了解Apple Watch的設計規範,首推官方的Apple Watch規範,看不懂英文?沒關係,這就為你奉上大致的規範內容,主要分3個部分:介面檢視、互動方式、視覺,更多規範內容如字型、載入等由於篇幅所限,在本文不在贅述,有興趣的童鞋可以自行了解。

1.介面檢視

Apple Watch有兩種尺寸的介面,分別是38mm和42mm,解析度分別為340×272畫素、390×312畫素,但需要注意的是Apple Watch是retina屏,所以需要提供兩倍解析度大小的圖片。

1918483-41002322f73c5ed1.jpg

Apple Watch提供3中應用介面,分別是WatchKit App、Glance和通知。

WatchKit App:Apple Watch應用的主要介面,可以理解為手機APP的應用介面,裡面包括導航操作。

Glance:Apple Watch中的快捷檢視,不是所有APP都必須具備的,可以理解為iPhone的widget。

通知:Apple Watch的通知頁面,建議只推送最有效的資訊,例如行程變化,天氣提醒等資訊。

同手機APP類似的是通過Glance和通知,都可以進入WatchKit APP介面。

1918483-7408a010b2ea36f0.png

2.互動方式

Apple Watch的互動方式主要有4種:點選、按壓、輕掃和滾輪。

點選:和手機APP的點選類似。

按壓:根據壓力反饋識別當前是否是按壓,撥出當前介面的選單,類似iPhone的3D touch。

輕掃:和手機APP的的滑動類似,可以切換檢視。

滾輪:Apple Watch獨特的互動方式,通過物理滾輪上下滾動頁面。

除了這幾種互動方式之外,語音互動也算Apple Watch的一種互動方式,且未來會變得更加強大,通過語音互動的方式,未來更多的產品擁有了為Apple Watch設計的可能性。

1918483-49a6685287bddb7c.png

3.視覺規範

Apple Watch的視覺規範包括介面大小(上文提及)、佈局(layout)、顏色等,以顏色為例,由於Apple Watch是黑色背景,所以APP顏色應以高飽和鮮亮的顏色為主。

1918483-96958c239852a4ef.png

三、動手學Apple Watch設計

看了上面這些,是不是對Apple Watch設計躍躍欲試?我們來動手設計一個Apple Watch應用吧,以現在比較流行的跑步應用為例。

1.為手機APP做減法

上文提到了,現在Apple Watch依賴於手機APP支援,最直接的做法是把APP的功能精簡過來,對於跑步應用來說,主要有以下2點主要的訴求:

檢視:檢視最近的跑步記錄情況,我們可以在Apple Watch提供最近7天的跑步記錄

記錄:跑步時記錄距離、速度和心率等,並實時顯示

控制:開始/停止,暫停/繼續跑步。

2.介面設計

這裡只提供一個大概的設計過程:設定背景,填充功能細節內容,注意小尺寸的顯示以及Apple Watch獨特的互動方式。

1918483-d4493afee3caf4c9.png

相關文章