從單純的 UI 發展到對話式 UI

已發表: 2016-04-30

作為用戶,你需要什麼? 也許質量第一,救濟第二。

早些時候,我們過去常常排長隊完成工作。 這種情況發生了變化,我們轉而使用台式電腦來完成工作,然後是方便的智能手機或手持設備為我們完成工作。 現在想像一下,您所要做的就是不必為了給陛下下達命令而啟動您的筆記本電腦或拿起您的手機。

不過,看起來很神秘! 但確實是可以的。

技術的一切都很棒,是的,我的意思是我們對事物的發展方式沒有任何疑慮。 但是有一件事永遠存在,那就是無論我們設計的界面多麼直觀,技術都無法像真正的服務提供商那樣為您提供服務。

網頁設計的本質是它總是轉瞬即逝的。 沒有停滯,甚至移動設備的宿醉還沒有結束,可穿戴設備來了。 同樣,在早期渲染界面體驗時,我們有簡單的圖形設計,但隨著競爭越來越激烈,我們轉向標記轉換,然後就用戶體驗與用戶界面進行了激烈的爭論。

既然爭論已經持續了一段時間,我們就期待著新事物的到來。

就像我得到了似曾相識的感覺,而這裡我們有了最新的對話用戶界面。 對話式 UI 是用戶界面的下一個階段,設計師在其中呈現應用程序和用戶之間的對話。

下一步是什麼? 為什麼我們不能只追求技術的體現?

(好吧……我剛剛創造了一個新詞。)

Manification 意味著每當我們訪問移動應用程序或 Web 應用程序時,我們感覺好像我們沒有訪問任何軟件或與機器人交談,而是有人在關注我們。

為什麼我們不再設計用戶界面?

好吧,這聽起來可能是對設計界的褻瀆,畢竟對用戶界面和用戶體驗大驚小怪,我們怎麼能說我們根本不需要用戶界面。 好吧,通過設計用戶界面、提供選擇和按鈕,我們將自己描繪成一個受限制的服務提供商。 其中,您無法對用戶描述用戶表達方式的方式進行分類或限制。

那麼,我們現在該怎麼辦?

我們是否應該從製作網站轉向製作機器人,並讓我們的用戶成為個人助理。

此外,牛津大學也證實了這一點,機器人將在大約二十年左右的時間內取代美國一半的工人。 好吧,不完全是機器人,但是是的,新界面不再局限於描述很少的控件。

設計界面就像描繪一個故事,開發一個功能齊全的機器人界面肯定需要更多的努力。

讓我們看看我們將如何處理這個全新的對話式 UI 內容。

對話式 UI 終結了 Photoshop 的時代

一個值得深思的想法。 不設計應用程序的用戶界面是什麼感覺? 您無法選擇網站的樣式、顏色和排版。 此外,您需要遵守其他人的規則,因為大多數時候您將在他們的網站上出現。

如果您在所有平台上都有一個界面,那該怎麼辦呢?

可能會有根本沒有設計界面的情況,而您的系統只需要提供語音界面。

顯然,在您看來,這似乎是一個很容易的情況,但並不像看起來那麼容易。 您可能會認為,選擇正確的配色方案、放置對象和功能等所有設計麻煩將不再是障礙。 好吧,現在您需要通過單詞使您的所有功能可見,而這一切都更難做到。 此外,當您與用戶交流時,您需要非常謹慎地選擇您的措辭,並確保您說話的語氣和語氣。

文字具有強大的傷害或治愈能力,因此您需要非常小心地使用它們,因為您可以使用所有文字來表達您的網站,而無需備份圖像。

所有的設計理論和認知分析都已經消失了,因為它們不再適用,因為現在我們已經切換到對話式 UI。 這意味著我們過去將 Photoshop 視為無可爭議的王者,不再有立足之地,因為現在您需要雕刻故事情節才能接觸到用戶。

對於那些喜歡使用 HTML、CSS 和 JavaScripts 的人來說,這當然不是一個受歡迎的消息,而對於那些討厭使用它們的人來說,這肯定不是一個好消息。

您現在只需要文本編輯器來編寫邏輯和腳本來整合您的網站。 也許您可能需要諸如 Twine 之類的工具來找出任何起伏。

除此之外,我們還有編碼機器人所需的工具和庫,例如用於管理語言的 Wit.ai,Botkit 與 Slack 平台集成,並託管我們有 Beep Boop。

如何開始?

在設計方面,人們可以很容易地理解設計師想要傳達的內容或應用程序的全部內容。 但是會發生什麼沒有界面來描述你要說什麼。 當用戶第一次登陸您的網站時,他們會得到什麼樣的印象。 出現一個空白屏幕,但它不包含我們在所有網站上獲得的任何控件。 您所得到的只是菜單、設置和電源按鈕的兩到三個控件來啟動其他操作。

這就像置身於矩陣中,您擁有的所有聲音都可以引導您穿過大門,帶您進入另一個層次。 這意味著您需要首先向用戶介紹自己,以免他們在廣闊的牧場中感到迷失和被遺棄。 因此,請務必告知用戶您在他們身邊。 不要發表冗長的演講,而是保持簡單明了,並嘗試用一兩行來給出完整的描述。

當您應用對話式 UI 時,您需要記住您將獲得兩種類型的用戶:

  • 一個不知道繼續使用該應用程序的人
  • 另一個認為該應用程序可以為他們做任何事情的人

這意味著您需要通過有效地引導他們訪問所有頁面來處理這兩個用戶。

當任何用戶要求您為您做一些奇怪的事情時,請確保您告訴他們您是什麼以及您可以為他們做什麼。

不要只顯示空白屏幕:

可發現性是在為應用程序設計 GUI 時發揮作用的重要因素。 現在對於那些知道他們的用戶熟悉他們的應用程序的人來說,他們可以描繪他們想要的任何東西。

因此,如果有人不熟悉任何應用程序,那麼您需要確保所有選項和圖標都非常清晰。

這對用戶來說很容易執行任務,因為這些小圖標說明了為什麼放置它們,如果您認為這些圖標不足以解釋您,那麼您可以在其上放置一些覆蓋內容,這些內容會在用戶放置時顯示鼠標在它上面。 這有助於他們了解在不使用智能手機時收到的通知。

然而,與機器人交談意味著只是盯著一個空白屏幕。 此外,機器人有責任檢查所有機會並確保所有不相關的顯示功能。

向您的聯繫人或潛在用戶詢問他們是否願意與機器人一起工作,並詢問他們會建議機器人執行的任務。 然後你需要給出一個非常清晰和描述性的記錄版本,機器人的任務是什麼,他會做什麼來完成任務。

您可以進一步前進到下一步,並可以向用戶說明他們可以從哪裡獲得幫助,例如,告訴他們整個常見問題解答頁面或完整的手冊。

在介紹之後,請確保您將您的培訓提升到一個進步的水平。 完成成功的交互後,您可以稍微緩和一下您的描述,這將使應用程序更有效率。

然後,您可以檢查用戶交互,並根據他們的反應,制定您的描述。 不要忘記提及更多選項以及進一步前進的提示。 小心,不要試圖一次又一次地解釋事情,因為這會讓事情變得無聊。

提出建議時要積極主動。 例如,不要只是另一個只是提醒警報的機器人,擴展您的功能並成為執行其他任務的機器人。

當然,機器人比提醒警報更直觀,因為它們不僅會提醒您,還會發起與人的對話。

“你好,怎麼了。 吃過早餐,如果沒有,請確保自己吃好,因為您必須在上午 11 點去開會。”

在給出解決方案時要小心,因為當機器人開始對話時,你應該非常相關。 否則,它將最終成為垃圾郵件。 除此之外,請確保您的用戶可以輕鬆地退出對話。

您的應用程序需要對話式 UI 嗎?

您可能想知道語音消息如何處​​理整個平台,但這是可能的,因為我們有諸如 Amazon Echo 之類的平台,它是由語音控制的。 除此之外,我們還有其他幾個應用程序,例如微信和其他已經挺身而出接受這項技術的應用程序。

我們知道會話式 UI 很快就會成為熱門話題,但是使用常規界面可以有效地執行某些特定任務,例如瀏覽、搜索和多項選擇。 因此,當您呈現此類服務時,您無需採用會話式 UI。

我們到達了哪裡?

用戶會逐漸熟悉對話機器人,然後我們也會想辦法讓這個用戶界面變得更好。 如果不是對用戶體驗的整個討論,我們就不會走到將整個用戶界面從設計頁面更改為修飾頁面的地步。

一兩年後,我們可能會討論如何改進對話 UI 的功能、熱門趨勢或如何改進對話 UI 體驗。

儘管到目前為止我們還沒有關於會話 UI 的任何具體內容,但很有可能這將是下一次設計革命,它將給網頁設計世界帶來 360 度的轉變。

長與短吧!

科技讓我們一天比一天更聰明,讓我們變得越來越懶惰。 現在,我們剛剛想像的事情是可能的,因為技術不斷取得新的進步里程碑並且從未停滯不前。

我知道你腦子裡有很多問題在醞釀。

請分享它們,因為我也發生了同樣的事情!