人工智能與設(shè)計(3):人工智能時代下交互設(shè)計的改變

1 評論 14924 瀏覽 72 收藏 23 分鐘

前面通過兩篇文章《人工智能的發(fā)展和定義》《面向用戶的人工智能系統(tǒng)底層設(shè)計》介紹了人工智能的基礎(chǔ)和對未來人工智能系統(tǒng)底層設(shè)計的思考。對于設(shè)計師來說,我們更關(guān)注的是面向用戶的設(shè)計,這篇文章更多講述的是上層應用的交互設(shè)計。在人工智能時代下,交互設(shè)計會發(fā)生顛覆性的變化,主要為信息架構(gòu)的改變以及有更多新型組件的出現(xiàn)。

信息架構(gòu)

要說信息架構(gòu)(Information Architecture),首先要提及圖書館,因為圖書館應該是最早能體現(xiàn)出信息架構(gòu)的設(shè)計。當不同領(lǐng)域的書籍多到人類無法第一時間找到相關(guān)信息時,為了提高查找效率,人類開始給書籍添加索引,分門別類,到后面按區(qū)域擺放不同內(nèi)容的書籍,即使是毫無經(jīng)驗的人在圖書館引導和圖書管理員的幫助下也能迅速找到相關(guān)資料。

信息架構(gòu)最早由美國建筑師Richard Saul Wurman在1976年提出。面對當代社會信息的不斷增長和爆炸,Richard認為信息需要一個架構(gòu),一個系統(tǒng)來合理設(shè)計,創(chuàng)造了一個全新的術(shù)語——信息架構(gòu)。

GUI和HTML的出現(xiàn),信息架構(gòu)得以廣泛應用,同時也衍生出一個新的術(shù)語——頁面(Page)。在GUI時代,信息架構(gòu)主要由頁面和流程決定。由于信息的展現(xiàn)必須由頁面承載,而頁面承載的信息應該是有限的,所以設(shè)計者需要將信息合理放入頁面里。

假設(shè)總信息和頁面內(nèi)容的信息是固定的,那么流程也是固定的;反之亦然,假設(shè)頁面信息是固定的,在固定的流程上增加一個可以擴展信息的聚合頁面,那么總信息是可以無限的。當頁面和流程設(shè)計被固定時,信息架構(gòu)也是固定的。

在海量信息面前,固定的信息架構(gòu)有助于人類記憶使用路徑,降低尋找信息成本。當海量信息不斷指數(shù)增長,功能變得越來越多,產(chǎn)品需要更多的頁面來承載。更多頁面會導致產(chǎn)品架構(gòu)的層級和流程變得更復雜,也使得用戶的使用成本不斷增加,這并不是一件好事。

每個人的思考模式不是固定的,為了解決大部分用戶需求而設(shè)計的信息架構(gòu)可以幫助到用戶,同時也限制了用戶的思考。為了解決這個問題,信息架構(gòu)需要一個優(yōu)秀的導航設(shè)計來引導用戶使用和隨處瀏覽,如下圖 :

為了方便用戶隨心所欲地挖掘更多信息,搜索是一條捷徑。搜索可以讓用戶便捷挖掘和隨時切換需要尋找的內(nèi)容。

由于手機小屏幕的限制,為了展現(xiàn)更多內(nèi)容,導航的功能和展現(xiàn)被削減,主要依賴標簽式、抽屜式、列表式等導航模式以及每個子頁面的返回按鈕。如果產(chǎn)品架構(gòu)層級過深,會導致返回步驟過長,如果用戶要從一條路徑跳到另外一條路徑,步驟極其繁瑣。

在頁面里,不提供隨時跳到另外一個頁面的功能是完全可以理解的,因為這個功能在展現(xiàn)上就很難設(shè)計,而且可能會使穩(wěn)定的信息架構(gòu)變紊亂。但是,這個功能可以降低用戶的操作成本以及更符合人的思維模式。

為了實現(xiàn)這個功能,讓用戶自行搜索信息框架或許是一個不錯的選擇。相對于成本很高的文字輸入,人工智能下的語音輸入是目前最佳的解決方案,語音助手的本質(zhì)也是利用語音進行搜索。語音助手與信息架構(gòu)的結(jié)合并不是一個全新的模式。iOS的Siri可以打開手機應用以及部分蘋果官方產(chǎn)品的功能,例如在Siri模式下說出“打開秒表”可以直接打開時鐘APP下的秒表頁面;說出“打開顯示與亮度”可以直接定位到顯示與亮頁面??上У氖?,目前其他廠商產(chǎn)品的信息架構(gòu)并沒有和語音助手進行深度整合,例如在Siri模式下說出“打開微信朋友圈”不能打開微信朋友圈,主要原因是目前語音助手如Siri,Google Now等沒有提供相關(guān)API給第三方應用,語音助手主要以特定關(guān)鍵詞觸發(fā)功能或者發(fā)起網(wǎng)頁搜索,功能非常局限。

對于iOS 10,Siri API僅支持六類應用程序:打車,通訊,照片搜索(在特定應用中尋找照片和視頻),支付(如“用SquareCash’給約翰轉(zhuǎn)賬100美元”),網(wǎng)絡電話,鍛煉,體驗后發(fā)現(xiàn)功能也非常簡單。

語音助手提供搜索第三方應用信息架構(gòu)將極大提高用戶的效率,例如在看網(wǎng)易新聞時喚醒Siri說“打開微信朋友圈”可以立即打開微信朋友圈,比傳統(tǒng)操作快捷很多。僅需要對系統(tǒng)和應用層面進行小成本的修改即可實現(xiàn)該功能,改動如下:

  1. 功能/頁面增加新的標識/屬性即可被系統(tǒng)語音助手搜索,本質(zhì)上也是一種Deep Link。為了降低用戶的記憶成本,該功能/頁面應該是重要的,常用的,唯一的,例如可以通過Siri語音輸入“打開微信薛志榮”、“打開微信朋友圈”直接到達相關(guān)頁面,而新聞、購物等詳情頁、聚合頁不應該添加該標識/屬性。
  2. 被語音助手調(diào)起的頁面可以考慮將返回按鈕改為回首頁。由于固定的信息架構(gòu)使每個頁面都確定上一級頁面是什么,流程符合用戶心理預期的話需要做到“從哪里回那里去”,但語音調(diào)起的功能/頁面,對于用戶來說上一級頁面是哪里無關(guān)緊要,可以直接將返回上一頁改為返回首頁,也方便用戶繼續(xù)使用該應用。
  3. 被語音助手調(diào)起的頁面有辦法直接回到上一個應用/頁面。例如在iOS中調(diào)起另外一個應用時,點擊屏幕左上角可以回到原應用;同理,當用戶在與微信好友薛志榮聊天時,使用語音助手切換到朋友圈時,點擊左上角回到薛志榮的聊天頁面。這樣可以盡量避免打斷用戶的流程。

Deep Link,簡單點說就是你在手機上點擊一個鏈接之后,可以直接鏈接到app內(nèi)部的某個頁面,而不是app正常打開時顯示的首頁。

以上3點以圖表示如下:

人工智能的成熟使語音助手得以快速發(fā)展,語音助手與產(chǎn)品信息架構(gòu)的整合將使每一個功能都可以被迅速訪問,產(chǎn)品入口不再是首頁,語音助手給沉重的產(chǎn)品信息架構(gòu)賦予了活力和流動性。該模式能更好地滿足用戶隨心所欲的需求,也更好地提高了用戶的使用效率。

流的設(shè)計

移動端產(chǎn)品主要分為內(nèi)容(資訊、視頻、音樂等等)、工具(鬧鐘、筆記、地圖等等)、社交(聊天)和游戲四個方向。通過不同方向的結(jié)合可以孵化出不同的產(chǎn)品,人工智能會為這些產(chǎn)品帶來怎樣的變化?

  1. 人工智能使推薦系統(tǒng)的準確度大幅度提高,用戶發(fā)現(xiàn)內(nèi)容的成本降低,產(chǎn)品不再需要復雜的架構(gòu)來承載不同內(nèi)容。
  2. 人工智能可以承擔更多復雜操作,工具的操作成本降低,使用流程也會隨之減少,一款產(chǎn)品只承擔一個工具不再行得通,除非有靠山,例如操作系統(tǒng)。往年iOS和Android的更新都會添加一些新的工具功能,加上Siri或者Google now語音指令,以及負一屏的信息聚合頁面,可以使工具產(chǎn)品操作起來更方便。
  3. 對話式的聊天已經(jīng)是最扁平的結(jié)構(gòu),游戲因復雜而有趣,所以人工智能不能也不應該使它們簡單化,但由它驅(qū)動的VR和AR會為社交和游戲產(chǎn)品帶來新的玩法和機遇,不過不在本次討論中。

人工智能的驅(qū)動使內(nèi)容和工具型產(chǎn)品的信息架構(gòu)變得更加扁平,加上在不同場景觸發(fā)不同功能,有可能實現(xiàn)“每個功能/頁面都可能成為用戶第一時間觸達的功能/頁面”,這意味著每個頁面都有可能成為首頁,都是信息架構(gòu)的頂部,這需要產(chǎn)品的信息架構(gòu)有很強的兼容性和擴展性。

擁有高兼容性和擴展性的模式莫過于FEED和IM,這兩種結(jié)構(gòu)有以下特點:

  1. 它們具有流的性質(zhì),結(jié)構(gòu)扁平,內(nèi)容可以無限延伸;
  2. 它們都用樣式相同的空容器,例如FEED的列表或者卡片,IM的氣泡;
  3. 空容器可以承載各式各樣的媒體,包括文字、圖片、音頻和視頻。

FEED和IM的區(qū)別是:是否主動給予信息反饋。FEED通過采集用戶數(shù)據(jù),將用戶感興趣的信息主動推薦給用戶,在人工智能時代下它更適合用在內(nèi)容型產(chǎn)品上。IM通過對話交流的形式給出問題或指令,對方根據(jù)相關(guān)內(nèi)容給予反饋;在人工智能時代下它更適合用在簡化流程以及工具型產(chǎn)品上。

既然固定內(nèi)容的概念被打破,頁面可以無限延伸,為了保證結(jié)構(gòu)穩(wěn)定和方便管理,內(nèi)容和功能需要被模塊化。iOS和Android在幾年前已采用了首頁左滑進入系統(tǒng)FEED的設(shè)計,不同產(chǎn)品用卡片的形式承載。小米MIUI9的信息助手突破了產(chǎn)品間的壁壘,在負一屏中將不同應用中的同類別信息整理聚合,比如收藏、支出、快遞、行程、日程等,想查找使用這些信息時,無需進入不同應用查找,在信息助手中就能快捷查看和使用。

以上三種信息流都采用了模塊化設(shè)計,模塊化設(shè)計可以借鑒原子設(shè)計的概念。原子設(shè)計由原子、分子、生物體、模板和頁面共同協(xié)作以創(chuàng)造出更有效的用戶界面系統(tǒng)的一種設(shè)計方法,關(guān)于更多原子設(shè)計請看下文的推薦閱讀。

上文提到,語音助手可以觸達每個產(chǎn)品的常用甚至所有功能有助于提高用戶的使用效率;全局性的人工智能助手有助于整合信息自我學習提供更多幫助,所以未來我們后續(xù)的產(chǎn)品需要在人工智能助手的基礎(chǔ)上進行設(shè)計。人工智能助手包括了可以被隨時喚醒的語音助手,例如Siri,它可以語音對話和提供信息的展示;以及包括了操作系統(tǒng)層面的FEED,例如MIUI9的信息助手,它可以主動展示相關(guān)內(nèi)容和入口。

在設(shè)計產(chǎn)品請關(guān)注以下幾點:

1.為了方便用戶使用語音喚醒功能,產(chǎn)品功能應該是可以瞬間被理解的,以及喚醒詞是方便記憶和開口的,例如可以映射到常用或者真實生活中的詞語;切勿使用使用戶難以開口的喚醒詞;同時考慮喚醒詞的兼容性問題,例如不同方言有著不同叫法。

舉例:“打開微信朋友圈”完全沒有問題,但“打開微信我”就非常有問題,首先意思完全看不懂,其次用戶不會第一時間想到。錢包在粵語里叫做“銀包”,意思相同的詞語應該可以相互映射。

2.聚合不同功能的頁面設(shè)計是為了方便管理和發(fā)現(xiàn)入口,但本身對用戶來說沒有太大意義。后續(xù)請減少讓用戶費神思考和記憶的聚合頁面,這樣可以避免被語音助手或系統(tǒng)FEED喚醒時,展示的全是功能入口。#除非這頁面便于用戶理解以及里面的功能非常重要#

舉例:微信第三個Tab承載著不同功能,用戶可能知道“朋友圈”,“搖一搖”,但可能想不到這個聚合頁面叫“發(fā)現(xiàn)”,因為“發(fā)現(xiàn)”這動詞太抽象,用戶難以第一時間想到。用戶想到“錢包”這詞更多聯(lián)想到的是真實世界里裝錢的那個錢包,但微信的錢包功能包括了各種服務金融功能,不符合用戶第一時間下的心理預期。

3.不同設(shè)計對象請考慮模塊化設(shè)計,盡可能采用不同入口和頁面管理設(shè)計對象,方便用戶喚醒設(shè)計對象。

例子:設(shè)計對象有可能是一個功能;也有可能是通訊錄中的一個名字,他們屬性和功能相同,但用戶的記憶對象不同。

4.常用功能允許被系統(tǒng)FEED集成,方便用戶第一時間使用。系統(tǒng)FEED也會相應提供入口打開相關(guān)產(chǎn)品。

5.考慮避免常用功能與其他功能的耦合,降低系統(tǒng)FEED的結(jié)構(gòu)復雜性和操作成本。

例子:在微信朋友圈可以進入朋友的詳細資料并進行聊天,朋友圈和聊天兩個常用功能可以不斷循環(huán),耦合緊密會導致信息架構(gòu)的復雜。從產(chǎn)品和用戶角度設(shè)計完全沒有問題,但不符合FEED的輕量結(jié)構(gòu)。第四點在FEED內(nèi)提供產(chǎn)品入口是為了在完全分隔功能的情況下做的體驗補償。

6.具有操作性的功能例如設(shè)置鬧鐘、查看天氣、購買機票等需要考慮頁面的信息展示和操作流程,也需要考慮語音輸入的操作流程,兩者的操作步驟在用戶認知上需要統(tǒng)一。若做不到,請?zhí)峁┫鄳獔鼍跋碌暮侠砹鞒獭?/strong>

解釋:眼睛接收信息時可以隨處瀏覽,它具有xyz和時間四個維度;耳朵接收信息時只有時間這個維度,這會導致同時接收或者篩選的信息量具有很大差異。同理,這也是為什么語音識別發(fā)生錯誤時,用語音修正的成本遠比用鍵盤修正文字錯誤大。

1、2、4和6這四點更多考慮的是用戶在使用語音或打開APP操作APP時可能會產(chǎn)生不同的心理預期,所以需要保證設(shè)計對象在這兩種操作上的一致性。2、3和5這三點是從模塊化的角度來考慮,有助于減少功能的耦合,降低信息架構(gòu)的復雜程度。

新型API和組件

為了保證人工智能底層數(shù)據(jù)的一致性和完整性,第二章提及的數(shù)據(jù)倉庫需要為第三方應用提供身份信息、健康數(shù)據(jù)、興趣愛好、工作信息、財產(chǎn)數(shù)據(jù)、信用度、消費信息、社交圈子、活動范圍9項API服務。獲得用戶授權(quán)后,第三方應用可以得到用戶特征并向數(shù)據(jù)倉庫保存用戶數(shù)據(jù)。人工智能也會提供更多功能給第三方應用,例如攝像模塊、語音模塊、身份驗證模塊、支付模塊等組件,提高用戶體驗的同時也降低了產(chǎn)品的開發(fā)成本。

API

上篇文章提及的數(shù)據(jù)倉庫和用戶特征如下:

  1. 身份信息:名字、性別、年齡、家鄉(xiāng)、身份證(身份證包含前4項)、賬號、現(xiàn)居住地址和家庭信息
  2. 健康數(shù)據(jù):基礎(chǔ)身體情況、醫(yī)療記錄和運動數(shù)據(jù)
  3. 興趣愛好:飲食、娛樂、運動等方面
  4. 工作信息:公司、職位、薪酬和同事通訊錄
  5. 財產(chǎn)數(shù)據(jù):薪酬、存款、股票、汽車、不動產(chǎn)和貴重物品
  6. 信用度:由信用機構(gòu)提供的征信記錄
  7. 消費信息:消費記錄(含商品類型、購買時間、購買價格和收貨地址)、消費水平和瀏覽記錄
  8. 社交圈子:通訊錄(含好友、同事、同學和親戚)和社交動態(tài)(含線下和線上)
  9. 活動范圍:出行記錄、主要活動范圍和旅游

以上用戶特征以API形式接入,第三方應用獲得用戶授權(quán)后才可訪問和存儲相關(guān)數(shù)據(jù),相關(guān)細節(jié)請看第二篇文章。

組件

AR是人工智能中機器視覺的重要體現(xiàn),具有機器視覺能力的攝像模塊可以將電子世界和現(xiàn)實世界結(jié)合得更緊密,第三方應用接入攝像模塊可以有更多玩法。

在文章編寫期間,開發(fā)者已利用蘋果的ARKit實現(xiàn)了好多有趣玩法。同時,Google也推出了相應的ARCore,但只能用在android7.0和8.0上,普及率很低。

語音識別是人工智能中自然語言的重要體現(xiàn),第三方應用接入系統(tǒng)語音模塊可以優(yōu)化自己的產(chǎn)品結(jié)構(gòu),提高用戶的操作效率。

身份驗證模塊類似于現(xiàn)在的Oauth協(xié)議,方便用戶注冊和登錄第三方應用。身份信息API提供的公開信息減少了用戶注冊時的信息填寫成本,也有利于第三方應用獲取更完整正確的信息。

應用注冊需要個人身份信息已在國內(nèi)實現(xiàn),只不過是由國家規(guī)定,第三方應用注冊時要求綁定手機號碼,而手機號碼已與個人身份信息掛鉤。

由于銀行想法和技術(shù)的滯后,給予國內(nèi)第三方公司如阿里支付寶、騰訊財付通等創(chuàng)造移動支付的機會;蘋果、Google在iOS和Android系統(tǒng)層面推出了自己的移動支付方式。但是多種支付手段都不利于個人賬單管理,在使用流程上微信、支付寶等掃二維碼的手段都不如系統(tǒng)層級使用NFC的Apple Pay方便。要統(tǒng)一支付流程,必須由國家機構(gòu)推出新的政策來執(zhí)行,統(tǒng)一的支付模塊有助于用戶移動支付和個人賬單管理。

在編寫文章期間,央行已宣布,從2018年6月30日起,類似支付寶、財付通等第三方支付公司受理的,涉及銀行賬戶的網(wǎng)絡支付業(yè)務,都必須通過“網(wǎng)聯(lián)支付平臺”處理。同時,國家已關(guān)注人工智能服務社會信用體系的建設(shè)工作,騰訊也開始建設(shè)自家信用體系,在不久的將來相信個人征信也會被國家機構(gòu)統(tǒng)一。

其他資料閱讀

  • MIUI 9新體驗之信息助手
  • 原子設(shè)計:https://zhuanlan.zhihu.com/atomicdesign

以上就是第三章的內(nèi)容,下一章本次更新的最后一篇文章《人工智能與設(shè)計的關(guān)系》,敬請期待。

相關(guān)閱讀

人工智能與設(shè)計(1):人工智能的發(fā)展和定義

人工智能與設(shè)計(2):面向用戶的人工智能系統(tǒng)底層設(shè)計

 

作者:薛志榮(微信公眾號:薛志榮),百度交互設(shè)計師,二年級生

本文由 @薛志榮 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 會看這篇五年前的文章,語音助手在整合第三方信息上還是做的不夠好。當下是2022年,用戶才能通過Siri直接調(diào)起付款碼(非shortcut),通過Siri對第三方app quick action的支持。但這依然不是信息上的打通。

    來自新加坡 回復