AppleTV人機交互規(guī)范&我的碎碎念

近期接觸到電視端相關(guān)應(yīng)用的體驗設(shè)計,在這過程中凸丸,分析競品和尋找標(biāo)桿成了我的日常,卻很遺憾地發(fā)現(xiàn):雖然機械復(fù)制移動端平板端的設(shè)計到電視上顯然是錯誤的欲虚,但縱觀電視端應(yīng)用市場梯找,大多數(shù)都在重復(fù)著這種錯誤。于是職業(yè)病使我打開了蘋果和安卓官方的TV設(shè)計指南鸽捻。在進行翻譯之前屑埋,先貼幾個自己的實踐心得:

  1. 電視端用戶交互成本比移動端高。這體現(xiàn)在數(shù)據(jù)輸入、焦點移動挽拂、觸發(fā)/反饋方式、導(dǎo)航層級等方面。在進行登錄蛛碌、搜索等輸入型的流程設(shè)計中誊辉,應(yīng)盡量縮短輸入步驟,比如移動端常見的激活輸入框這一操作范式喷斋,在電視上應(yīng)盡量避免毡鉴,盡量讓用戶直接輸入或直接選擇。
  2. 電視端更注重內(nèi)容呈現(xiàn)鞍泉。這點是基于第1點而言的皱埠,正因為電視端交互成本高,才應(yīng)該將用戶的注意力轉(zhuǎn)移并沉浸入精彩的內(nèi)容上來砚嘴。
  3. 借助手機作為遙控輔助枣宫。手機操作方便翅娶,將復(fù)雜的流程任務(wù)模塊盡可能移植到手機端蜕提,提高用戶的操作效率。
  4. 距離決定了你不能在一個頁面上放置太多元素仔役,別讓用戶的眼睛覺得疲勞。當(dāng)我們手持手機的時候俄烁,眼睛與手機的距離很短绸栅,這姿勢的導(dǎo)向必然是聚精會神;而當(dāng)用戶坐在客廳里页屠,眼睛離電視超級遠(yuǎn)粹胯,且因為不需要一直手持遙控器而解放了雙手,所以注意力很容易不集中辰企。當(dāng)然如果你不想抓住用戶眼球的話风纠,可以忽略這條。
Ok牢贸,啰嗦了下面是蘋果TV人機交互規(guī)范的譯文:

Apple產(chǎn)品以連接用戶與內(nèi)容而聞名竹观。AppleTV位于客廳這樣一個家庭娛樂和溝通的環(huán)境,我們也希望在AppleTV中提現(xiàn)連接感潜索。娛樂AppleTV是一個獨立的平臺臭增,擁有獨特的設(shè)計規(guī)范。不論你正在開發(fā)一個TV版本的游戲竹习、流媒體應(yīng)用誊抛、還是家用程序,請一定牢記以下原則:

  • 設(shè)計主題

    • 連接性:用愉悅的方式將智能電視中的內(nèi)容與用戶連接在一起整陌。
    • 清晰性:讓用戶感到自然和簡單拗窃,讓他們本能地知道現(xiàn)在停留在應(yīng)用中的什么位置,以及知道下一步應(yīng)該怎么辦
    • 沉浸性:用有吸引力的內(nèi)容蔓榄、精細(xì)/流暢的動畫并炮、驚奇的圖像、迷人的聲音…來打造沉浸體驗
  • 身份驗證

    • 盡量延遲登錄操作甥郑。
      給用戶先愛上你的App的機會再要求其登錄,當(dāng)重大價值發(fā)生時(比如購買行為)再彈出登錄窗口
    • 減少數(shù)據(jù)輸入荤西。
      用戶用遙控器輸入澜搅,而非鍵盤,所以一定不要讓數(shù)據(jù)輸入操作過于繁瑣邪锌。當(dāng)你需要用戶提供郵箱地址等類型的數(shù)據(jù)時勉躺,最好能記住用戶的歷史輸入記錄
    • 解釋登錄的好處,讓用戶明白該怎樣注冊觅丰。
      登錄窗口最好展示一個簡短饵溅、友好的說明,描述清楚必要的原因妇萄。記住蜕企,每個人最開始都需要一個賬號咬荷,確保讓注冊登錄的方式是最簡化的。
    • 多帳號管理轻掩。
      TV是一個公共的設(shè)備幸乒。默認(rèn)記住最近登錄的用戶信息,但要明確登錄賬號記錄唇牧,讓賬號切換容易進行罕扎。
  • 緩沖

    • 讓緩沖操作清晰和移動,最好用動畫來表示TV正在處理的事情丐重。
    • 使用統(tǒng)一化的占位符
  • 焦點與選擇

    • 讓被選擇的元素清晰易見
    • 讓焦點變化時的體驗流暢
    • 設(shè)計多重焦點狀態(tài)
  • 引導(dǎo)

    • 引導(dǎo)頁是用戶接觸你的App的第一個機會腔召,利用好它,設(shè)計出引導(dǎo)性的扮惦、趣味性的啟動體驗臀蛛。但不要過度而成為使用障礙
    • 引導(dǎo)要圍繞重點。
    • 快速進入App径缅。引導(dǎo)不可過長掺栅,要讓用戶隨時可跳過引導(dǎo)。
    • 讓學(xué)習(xí)保持有趣和可現(xiàn)纳猪。
    • 預(yù)見用戶尋求幫助的需求氧卧。如果內(nèi)置了教學(xué),最好能讓用戶可重播以免首次播放時的錯過風(fēng)險氏堤。
  • 設(shè)計要點

    • 區(qū)別按鈕與內(nèi)容

    • 梳理屏幕外的內(nèi)容

    • 讓用戶清楚地知道下一個聚焦控件在哪里

    • 確保聚焦沙绝,不要模棱兩可。使控件變大鼠锈,發(fā)光或者是改變顏色闪檬。在大屏幕上請盡情使用夸張的表現(xiàn)手法。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末购笆,一起剝皮案震驚了整個濱河市粗悯,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌同欠,老刑警劉巖样傍,帶你破解...
    沈念sama閱讀 218,682評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異铺遂,居然都是意外死亡衫哥,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,277評論 3 395
  • 文/潘曉璐 我一進店門襟锐,熙熙樓的掌柜王于貴愁眉苦臉地迎上來撤逢,“玉大人,你說我怎么就攤上這事∥萌伲” “怎么了初狰?”我有些...
    開封第一講書人閱讀 165,083評論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長妇押。 經(jīng)常有香客問我跷究,道長,這世上最難降的妖魔是什么敲霍? 我笑而不...
    開封第一講書人閱讀 58,763評論 1 295
  • 正文 為了忘掉前任俊马,我火速辦了婚禮,結(jié)果婚禮上肩杈,老公的妹妹穿的比我還像新娘柴我。我一直安慰自己,他們只是感情好扩然,可當(dāng)我...
    茶點故事閱讀 67,785評論 6 392
  • 文/花漫 我一把揭開白布艘儒。 她就那樣靜靜地躺著,像睡著了一般夫偶。 火紅的嫁衣襯著肌膚如雪界睁。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,624評論 1 305
  • 那天兵拢,我揣著相機與錄音翻斟,去河邊找鬼。 笑死说铃,一個胖子當(dāng)著我的面吹牛访惜,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播腻扇,決...
    沈念sama閱讀 40,358評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼债热,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了幼苛?” 一聲冷哼從身側(cè)響起窒篱,我...
    開封第一講書人閱讀 39,261評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎舶沿,沒想到半個月后舌剂,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,722評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡暑椰,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了荐绝。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片一汽。...
    茶點故事閱讀 40,030評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出召夹,到底是詐尸還是另有隱情岩喷,我是刑警寧澤,帶...
    沈念sama閱讀 35,737評論 5 346
  • 正文 年R本政府宣布监憎,位于F島的核電站纱意,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏鲸阔。R本人自食惡果不足惜偷霉,卻給世界環(huán)境...
    茶點故事閱讀 41,360評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望褐筛。 院中可真熱鬧类少,春花似錦、人聲如沸渔扎。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,941評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽晃痴。三九已至残吩,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間倘核,已是汗流浹背泣侮。 一陣腳步聲響...
    開封第一講書人閱讀 33,057評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留笤虫,地道東北人旁瘫。 一個月前我還...
    沈念sama閱讀 48,237評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像琼蚯,于是被迫代替她去往敵國和親酬凳。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,976評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 1遭庶、通過CocoaPods安裝項目名稱項目信息 AFNetworking網(wǎng)絡(luò)請求組件 FMDB本地數(shù)據(jù)庫組件 SD...
    陽明先生_X自主閱讀 15,982評論 3 119
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,162評論 25 707
  • 安裝以VMware為例 安裝過程很簡單宁仔,安裝前選 橋接模式(不復(fù)制) 修改網(wǎng)絡(luò)配置文件 安裝mini版,不帶ifc...
    Hey_Shaw閱讀 1,709評論 0 0
  • 讀《銀灣》有感 這是一篇中學(xué)生的初三作文峦睡,文字里充滿了青春純真的氣息翎苫,“那也是勞嘉琪的銀水溪”,把銀水溪和勞...
    爾東北水閱讀 300評論 0 5
  • 阿秦得通知了 在杭州 有點爽 嗚嗚嗚 我還沒到啊啊罢チ恕煎谍! 我的畫技什么時候才能提高啊啊……
    萌石專閱讀 155評論 0 0