人工智能與設(shè)計(jì)(3):人工智能時(shí)代下交互設(shè)計(jì)的改變
前面通過兩篇文章《人工智能的發(fā)展和定義》和《面向用戶的人工智能系統(tǒng)底層設(shè)計(jì)》介紹了人工智能的基礎(chǔ)和對未來人工智能系統(tǒng)底層設(shè)計(jì)的思考。對于設(shè)計(jì)師來說,我們更關(guān)注的是面向用戶的設(shè)計(jì),這篇文章更多講述的是上層應(yīng)用的交互設(shè)計(jì)。在人工智能時(shí)代下,交互設(shè)計(jì)會發(fā)生顛覆性的變化,主要為信息架構(gòu)的改變以及有更多新型組件的出現(xiàn)。
信息架構(gòu)
要說信息架構(gòu)(Information Architecture),首先要提及圖書館,因?yàn)閳D書館應(yīng)該是最早能體現(xiàn)出信息架構(gòu)的設(shè)計(jì)。當(dāng)不同領(lǐng)域的書籍多到人類無法第一時(shí)間找到相關(guān)信息時(shí),為了提高查找效率,人類開始給書籍添加索引,分門別類,到后面按區(qū)域擺放不同內(nèi)容的書籍,即使是毫無經(jīng)驗(yàn)的人在圖書館引導(dǎo)和圖書管理員的幫助下也能迅速找到相關(guān)資料。
信息架構(gòu)最早由美國建筑師Richard Saul Wurman在1976年提出。面對當(dāng)代社會信息的不斷增長和爆炸,Richard認(rèn)為信息需要一個(gè)架構(gòu),一個(gè)系統(tǒng)來合理設(shè)計(jì),創(chuàng)造了一個(gè)全新的術(shù)語——信息架構(gòu)。
GUI和HTML的出現(xiàn),信息架構(gòu)得以廣泛應(yīng)用,同時(shí)也衍生出一個(gè)新的術(shù)語——頁面(Page)。在GUI時(shí)代,信息架構(gòu)主要由頁面和流程決定。由于信息的展現(xiàn)必須由頁面承載,而頁面承載的信息應(yīng)該是有限的,所以設(shè)計(jì)者需要將信息合理放入頁面里。
假設(shè)總信息和頁面內(nèi)容的信息是固定的,那么流程也是固定的;反之亦然,假設(shè)頁面信息是固定的,在固定的流程上增加一個(gè)可以擴(kuò)展信息的聚合頁面,那么總信息是可以無限的。當(dāng)頁面和流程設(shè)計(jì)被固定時(shí),信息架構(gòu)也是固定的。
在海量信息面前,固定的信息架構(gòu)有助于人類記憶使用路徑,降低尋找信息成本。當(dāng)海量信息不斷指數(shù)增長,功能變得越來越多,產(chǎn)品需要更多的頁面來承載。更多頁面會導(dǎo)致產(chǎn)品架構(gòu)的層級和流程變得更復(fù)雜,也使得用戶的使用成本不斷增加,這并不是一件好事。
每個(gè)人的思考模式不是固定的,為了解決大部分用戶需求而設(shè)計(jì)的信息架構(gòu)可以幫助到用戶,同時(shí)也限制了用戶的思考。為了解決這個(gè)問題,信息架構(gòu)需要一個(gè)優(yōu)秀的導(dǎo)航設(shè)計(jì)來引導(dǎo)用戶使用和隨處瀏覽,如下圖 :
為了方便用戶隨心所欲地挖掘更多信息,搜索是一條捷徑。搜索可以讓用戶便捷挖掘和隨時(shí)切換需要尋找的內(nèi)容。
由于手機(jī)小屏幕的限制,為了展現(xiàn)更多內(nèi)容,導(dǎo)航的功能和展現(xiàn)被削減,主要依賴標(biāo)簽式、抽屜式、列表式等導(dǎo)航模式以及每個(gè)子頁面的返回按鈕。如果產(chǎn)品架構(gòu)層級過深,會導(dǎo)致返回步驟過長,如果用戶要從一條路徑跳到另外一條路徑,步驟極其繁瑣。
在頁面里,不提供隨時(shí)跳到另外一個(gè)頁面的功能是完全可以理解的,因?yàn)檫@個(gè)功能在展現(xiàn)上就很難設(shè)計(jì),而且可能會使穩(wěn)定的信息架構(gòu)變紊亂。但是,這個(gè)功能可以降低用戶的操作成本以及更符合人的思維模式。
為了實(shí)現(xiàn)這個(gè)功能,讓用戶自行搜索信息框架或許是一個(gè)不錯(cuò)的選擇。相對于成本很高的文字輸入,人工智能下的語音輸入是目前最佳的解決方案,語音助手的本質(zhì)也是利用語音進(jìn)行搜索。語音助手與信息架構(gòu)的結(jié)合并不是一個(gè)全新的模式。iOS的Siri可以打開手機(jī)應(yīng)用以及部分蘋果官方產(chǎn)品的功能,例如在Siri模式下說出“打開秒表”可以直接打開時(shí)鐘APP下的秒表頁面;說出“打開顯示與亮度”可以直接定位到顯示與亮頁面??上У氖牵壳捌渌麖S商產(chǎn)品的信息架構(gòu)并沒有和語音助手進(jìn)行深度整合,例如在Siri模式下說出“打開微信朋友圈”不能打開微信朋友圈,主要原因是目前語音助手如Siri,Google Now等沒有提供相關(guān)API給第三方應(yīng)用,語音助手主要以特定關(guān)鍵詞觸發(fā)功能或者發(fā)起網(wǎng)頁搜索,功能非常局限。
對于iOS 10,Siri API僅支持六類應(yīng)用程序:打車,通訊,照片搜索(在特定應(yīng)用中尋找照片和視頻),支付(如“用SquareCash’給約翰轉(zhuǎn)賬100美元”),網(wǎng)絡(luò)電話,鍛煉,體驗(yàn)后發(fā)現(xiàn)功能也非常簡單。
語音助手提供搜索第三方應(yīng)用信息架構(gòu)將極大提高用戶的效率,例如在看網(wǎng)易新聞時(shí)喚醒Siri說“打開微信朋友圈”可以立即打開微信朋友圈,比傳統(tǒng)操作快捷很多。僅需要對系統(tǒng)和應(yīng)用層面進(jìn)行小成本的修改即可實(shí)現(xiàn)該功能,改動如下:
- 功能/頁面增加新的標(biāo)識/屬性即可被系統(tǒng)語音助手搜索,本質(zhì)上也是一種Deep Link。為了降低用戶的記憶成本,該功能/頁面應(yīng)該是重要的,常用的,唯一的,例如可以通過Siri語音輸入“打開微信薛志榮”、“打開微信朋友圈”直接到達(dá)相關(guān)頁面,而新聞、購物等詳情頁、聚合頁不應(yīng)該添加該標(biāo)識/屬性。
- 被語音助手調(diào)起的頁面可以考慮將返回按鈕改為回首頁。由于固定的信息架構(gòu)使每個(gè)頁面都確定上一級頁面是什么,流程符合用戶心理預(yù)期的話需要做到“從哪里回那里去”,但語音調(diào)起的功能/頁面,對于用戶來說上一級頁面是哪里無關(guān)緊要,可以直接將返回上一頁改為返回首頁,也方便用戶繼續(xù)使用該應(yīng)用。
- 被語音助手調(diào)起的頁面有辦法直接回到上一個(gè)應(yīng)用/頁面。例如在iOS中調(diào)起另外一個(gè)應(yīng)用時(shí),點(diǎn)擊屏幕左上角可以回到原應(yīng)用;同理,當(dāng)用戶在與微信好友薛志榮聊天時(shí),使用語音助手切換到朋友圈時(shí),點(diǎn)擊左上角回到薛志榮的聊天頁面。這樣可以盡量避免打斷用戶的流程。
Deep Link,簡單點(diǎn)說就是你在手機(jī)上點(diǎn)擊一個(gè)鏈接之后,可以直接鏈接到app內(nèi)部的某個(gè)頁面,而不是app正常打開時(shí)顯示的首頁。
以上3點(diǎn)以圖表示如下:
人工智能的成熟使語音助手得以快速發(fā)展,語音助手與產(chǎn)品信息架構(gòu)的整合將使每一個(gè)功能都可以被迅速訪問,產(chǎn)品入口不再是首頁,語音助手給沉重的產(chǎn)品信息架構(gòu)賦予了活力和流動性。該模式能更好地滿足用戶隨心所欲的需求,也更好地提高了用戶的使用效率。
流的設(shè)計(jì)
移動端產(chǎn)品主要分為內(nèi)容(資訊、視頻、音樂等等)、工具(鬧鐘、筆記、地圖等等)、社交(聊天)和游戲四個(gè)方向。通過不同方向的結(jié)合可以孵化出不同的產(chǎn)品,人工智能會為這些產(chǎn)品帶來怎樣的變化?
- 人工智能使推薦系統(tǒng)的準(zhǔn)確度大幅度提高,用戶發(fā)現(xiàn)內(nèi)容的成本降低,產(chǎn)品不再需要復(fù)雜的架構(gòu)來承載不同內(nèi)容。
- 人工智能可以承擔(dān)更多復(fù)雜操作,工具的操作成本降低,使用流程也會隨之減少,一款產(chǎn)品只承擔(dān)一個(gè)工具不再行得通,除非有靠山,例如操作系統(tǒng)。往年iOS和Android的更新都會添加一些新的工具功能,加上Siri或者Google now語音指令,以及負(fù)一屏的信息聚合頁面,可以使工具產(chǎn)品操作起來更方便。
- 對話式的聊天已經(jīng)是最扁平的結(jié)構(gòu),游戲因復(fù)雜而有趣,所以人工智能不能也不應(yīng)該使它們簡單化,但由它驅(qū)動的VR和AR會為社交和游戲產(chǎn)品帶來新的玩法和機(jī)遇,不過不在本次討論中。
人工智能的驅(qū)動使內(nèi)容和工具型產(chǎn)品的信息架構(gòu)變得更加扁平,加上在不同場景觸發(fā)不同功能,有可能實(shí)現(xiàn)“每個(gè)功能/頁面都可能成為用戶第一時(shí)間觸達(dá)的功能/頁面”,這意味著每個(gè)頁面都有可能成為首頁,都是信息架構(gòu)的頂部,這需要產(chǎn)品的信息架構(gòu)有很強(qiáng)的兼容性和擴(kuò)展性。
擁有高兼容性和擴(kuò)展性的模式莫過于FEED和IM,這兩種結(jié)構(gòu)有以下特點(diǎn):
- 它們具有流的性質(zhì),結(jié)構(gòu)扁平,內(nèi)容可以無限延伸;
- 它們都用樣式相同的空容器,例如FEED的列表或者卡片,IM的氣泡;
- 空容器可以承載各式各樣的媒體,包括文字、圖片、音頻和視頻。
FEED和IM的區(qū)別是:是否主動給予信息反饋。FEED通過采集用戶數(shù)據(jù),將用戶感興趣的信息主動推薦給用戶,在人工智能時(shí)代下它更適合用在內(nèi)容型產(chǎn)品上。IM通過對話交流的形式給出問題或指令,對方根據(jù)相關(guān)內(nèi)容給予反饋;在人工智能時(shí)代下它更適合用在簡化流程以及工具型產(chǎn)品上。
既然固定內(nèi)容的概念被打破,頁面可以無限延伸,為了保證結(jié)構(gòu)穩(wěn)定和方便管理,內(nèi)容和功能需要被模塊化。iOS和Android在幾年前已采用了首頁左滑進(jìn)入系統(tǒng)FEED的設(shè)計(jì),不同產(chǎn)品用卡片的形式承載。小米MIUI9的信息助手突破了產(chǎn)品間的壁壘,在負(fù)一屏中將不同應(yīng)用中的同類別信息整理聚合,比如收藏、支出、快遞、行程、日程等,想查找使用這些信息時(shí),無需進(jìn)入不同應(yīng)用查找,在信息助手中就能快捷查看和使用。
以上三種信息流都采用了模塊化設(shè)計(jì),模塊化設(shè)計(jì)可以借鑒原子設(shè)計(jì)的概念。原子設(shè)計(jì)由原子、分子、生物體、模板和頁面共同協(xié)作以創(chuàng)造出更有效的用戶界面系統(tǒng)的一種設(shè)計(jì)方法,關(guān)于更多原子設(shè)計(jì)請看下文的推薦閱讀。
上文提到,語音助手可以觸達(dá)每個(gè)產(chǎn)品的常用甚至所有功能有助于提高用戶的使用效率;全局性的人工智能助手有助于整合信息自我學(xué)習(xí)提供更多幫助,所以未來我們后續(xù)的產(chǎn)品需要在人工智能助手的基礎(chǔ)上進(jìn)行設(shè)計(jì)。人工智能助手包括了可以被隨時(shí)喚醒的語音助手,例如Siri,它可以語音對話和提供信息的展示;以及包括了操作系統(tǒng)層面的FEED,例如MIUI9的信息助手,它可以主動展示相關(guān)內(nèi)容和入口。
在設(shè)計(jì)產(chǎn)品請關(guān)注以下幾點(diǎn):
1.為了方便用戶使用語音喚醒功能,產(chǎn)品功能應(yīng)該是可以瞬間被理解的,以及喚醒詞是方便記憶和開口的,例如可以映射到常用或者真實(shí)生活中的詞語;切勿使用使用戶難以開口的喚醒詞;同時(shí)考慮喚醒詞的兼容性問題,例如不同方言有著不同叫法。
舉例:“打開微信朋友圈”完全沒有問題,但“打開微信我”就非常有問題,首先意思完全看不懂,其次用戶不會第一時(shí)間想到。錢包在粵語里叫做“銀包”,意思相同的詞語應(yīng)該可以相互映射。
2.聚合不同功能的頁面設(shè)計(jì)是為了方便管理和發(fā)現(xiàn)入口,但本身對用戶來說沒有太大意義。后續(xù)請減少讓用戶費(fèi)神思考和記憶的聚合頁面,這樣可以避免被語音助手或系統(tǒng)FEED喚醒時(shí),展示的全是功能入口。#除非這頁面便于用戶理解以及里面的功能非常重要#
舉例:微信第三個(gè)Tab承載著不同功能,用戶可能知道“朋友圈”,“搖一搖”,但可能想不到這個(gè)聚合頁面叫“發(fā)現(xiàn)”,因?yàn)椤鞍l(fā)現(xiàn)”這動詞太抽象,用戶難以第一時(shí)間想到。用戶想到“錢包”這詞更多聯(lián)想到的是真實(shí)世界里裝錢的那個(gè)錢包,但微信的錢包功能包括了各種服務(wù)金融功能,不符合用戶第一時(shí)間下的心理預(yù)期。
3.不同設(shè)計(jì)對象請考慮模塊化設(shè)計(jì),盡可能采用不同入口和頁面管理設(shè)計(jì)對象,方便用戶喚醒設(shè)計(jì)對象。
例子:設(shè)計(jì)對象有可能是一個(gè)功能;也有可能是通訊錄中的一個(gè)名字,他們屬性和功能相同,但用戶的記憶對象不同。
4.常用功能允許被系統(tǒng)FEED集成,方便用戶第一時(shí)間使用。系統(tǒng)FEED也會相應(yīng)提供入口打開相關(guān)產(chǎn)品。
5.考慮避免常用功能與其他功能的耦合,降低系統(tǒng)FEED的結(jié)構(gòu)復(fù)雜性和操作成本。
例子:在微信朋友圈可以進(jìn)入朋友的詳細(xì)資料并進(jìn)行聊天,朋友圈和聊天兩個(gè)常用功能可以不斷循環(huán),耦合緊密會導(dǎo)致信息架構(gòu)的復(fù)雜。從產(chǎn)品和用戶角度設(shè)計(jì)完全沒有問題,但不符合FEED的輕量結(jié)構(gòu)。第四點(diǎn)在FEED內(nèi)提供產(chǎn)品入口是為了在完全分隔功能的情況下做的體驗(yàn)補(bǔ)償。
6.具有操作性的功能例如設(shè)置鬧鐘、查看天氣、購買機(jī)票等需要考慮頁面的信息展示和操作流程,也需要考慮語音輸入的操作流程,兩者的操作步驟在用戶認(rèn)知上需要統(tǒng)一。若做不到,請?zhí)峁┫鄳?yīng)場景下的合理流程。
解釋:眼睛接收信息時(shí)可以隨處瀏覽,它具有xyz和時(shí)間四個(gè)維度;耳朵接收信息時(shí)只有時(shí)間這個(gè)維度,這會導(dǎo)致同時(shí)接收或者篩選的信息量具有很大差異。同理,這也是為什么語音識別發(fā)生錯(cuò)誤時(shí),用語音修正的成本遠(yuǎn)比用鍵盤修正文字錯(cuò)誤大。
1、2、4和6這四點(diǎn)更多考慮的是用戶在使用語音或打開APP操作APP時(shí)可能會產(chǎn)生不同的心理預(yù)期,所以需要保證設(shè)計(jì)對象在這兩種操作上的一致性。2、3和5這三點(diǎn)是從模塊化的角度來考慮,有助于減少功能的耦合,降低信息架構(gòu)的復(fù)雜程度。
新型API和組件
為了保證人工智能底層數(shù)據(jù)的一致性和完整性,第二章提及的數(shù)據(jù)倉庫需要為第三方應(yīng)用提供身份信息、健康數(shù)據(jù)、興趣愛好、工作信息、財(cái)產(chǎn)數(shù)據(jù)、信用度、消費(fèi)信息、社交圈子、活動范圍9項(xiàng)API服務(wù)。獲得用戶授權(quán)后,第三方應(yīng)用可以得到用戶特征并向數(shù)據(jù)倉庫保存用戶數(shù)據(jù)。人工智能也會提供更多功能給第三方應(yīng)用,例如攝像模塊、語音模塊、身份驗(yàn)證模塊、支付模塊等組件,提高用戶體驗(yàn)的同時(shí)也降低了產(chǎn)品的開發(fā)成本。
API
上篇文章提及的數(shù)據(jù)倉庫和用戶特征如下:
- 身份信息:名字、性別、年齡、家鄉(xiāng)、身份證(身份證包含前4項(xiàng))、賬號、現(xiàn)居住地址和家庭信息
- 健康數(shù)據(jù):基礎(chǔ)身體情況、醫(yī)療記錄和運(yùn)動數(shù)據(jù)
- 興趣愛好:飲食、娛樂、運(yùn)動等方面
- 工作信息:公司、職位、薪酬和同事通訊錄
- 財(cái)產(chǎn)數(shù)據(jù):薪酬、存款、股票、汽車、不動產(chǎn)和貴重物品
- 信用度:由信用機(jī)構(gòu)提供的征信記錄
- 消費(fèi)信息:消費(fèi)記錄(含商品類型、購買時(shí)間、購買價(jià)格和收貨地址)、消費(fèi)水平和瀏覽記錄
- 社交圈子:通訊錄(含好友、同事、同學(xué)和親戚)和社交動態(tài)(含線下和線上)
- 活動范圍:出行記錄、主要活動范圍和旅游
以上用戶特征以API形式接入,第三方應(yīng)用獲得用戶授權(quán)后才可訪問和存儲相關(guān)數(shù)據(jù),相關(guān)細(xì)節(jié)請看第二篇文章。
組件
AR是人工智能中機(jī)器視覺的重要體現(xiàn),具有機(jī)器視覺能力的攝像模塊可以將電子世界和現(xiàn)實(shí)世界結(jié)合得更緊密,第三方應(yīng)用接入攝像模塊可以有更多玩法。
在文章編寫期間,開發(fā)者已利用蘋果的ARKit實(shí)現(xiàn)了好多有趣玩法。同時(shí),Google也推出了相應(yīng)的ARCore,但只能用在android7.0和8.0上,普及率很低。
語音識別是人工智能中自然語言的重要體現(xiàn),第三方應(yīng)用接入系統(tǒng)語音模塊可以優(yōu)化自己的產(chǎn)品結(jié)構(gòu),提高用戶的操作效率。
身份驗(yàn)證模塊類似于現(xiàn)在的Oauth協(xié)議,方便用戶注冊和登錄第三方應(yīng)用。身份信息API提供的公開信息減少了用戶注冊時(shí)的信息填寫成本,也有利于第三方應(yīng)用獲取更完整正確的信息。
應(yīng)用注冊需要個(gè)人身份信息已在國內(nèi)實(shí)現(xiàn),只不過是由國家規(guī)定,第三方應(yīng)用注冊時(shí)要求綁定手機(jī)號碼,而手機(jī)號碼已與個(gè)人身份信息掛鉤。
由于銀行想法和技術(shù)的滯后,給予國內(nèi)第三方公司如阿里支付寶、騰訊財(cái)付通等創(chuàng)造移動支付的機(jī)會;蘋果、Google在iOS和Android系統(tǒng)層面推出了自己的移動支付方式。但是多種支付手段都不利于個(gè)人賬單管理,在使用流程上微信、支付寶等掃二維碼的手段都不如系統(tǒng)層級使用NFC的Apple Pay方便。要統(tǒng)一支付流程,必須由國家機(jī)構(gòu)推出新的政策來執(zhí)行,統(tǒng)一的支付模塊有助于用戶移動支付和個(gè)人賬單管理。
在編寫文章期間,央行已宣布,從2018年6月30日起,類似支付寶、財(cái)付通等第三方支付公司受理的,涉及銀行賬戶的網(wǎng)絡(luò)支付業(yè)務(wù),都必須通過“網(wǎng)聯(lián)支付平臺”處理。同時(shí),國家已關(guān)注人工智能服務(wù)社會信用體系的建設(shè)工作,騰訊也開始建設(shè)自家信用體系,在不久的將來相信個(gè)人征信也會被國家機(jī)構(gòu)統(tǒng)一。
其他資料閱讀
- MIUI 9新體驗(yàn)之信息助手
- 原子設(shè)計(jì):https://zhuanlan.zhihu.com/atomicdesign
以上就是第三章的內(nèi)容,下一章本次更新的最后一篇文章《人工智能與設(shè)計(jì)的關(guān)系》,敬請期待。
相關(guān)閱讀
人工智能與設(shè)計(jì)(1):人工智能的發(fā)展和定義
人工智能與設(shè)計(jì)(2):面向用戶的人工智能系統(tǒng)底層設(shè)計(jì)
作者:薛志榮(微信公眾號:薛志榮),百度交互設(shè)計(jì)師,二年級生
本文由 @薛志榮 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
會看這篇五年前的文章,語音助手在整合第三方信息上還是做的不夠好。當(dāng)下是2022年,用戶才能通過Siri直接調(diào)起付款碼(非shortcut),通過Siri對第三方app quick action的支持。但這依然不是信息上的打通。