UI/UX的進化過程-PUI、CLI、GUI、NUI、OUI、VUI、BCI

更新於 發佈於 閱讀時間約 3 分鐘
jielin designer-UI/UX的進步過程

jielin designer-UI/UX的進步過程

近年來許多大企業開始紛紛重視自家的產品是否有提供直觀且友善的用戶操作介面(UI)User Interface,並帶來順暢無阻的用戶使用體驗(UX)User Experience。讓用戶在使用各大企業所提供的系統服務時,能感受到良好的人機互動過程並有效解決用戶的問題需求。UI/UX儼然成為了各大企業所重視的核心競爭力之一!


其實在以前工業時代的產品就已經有了UI/UX的人機互動基礎,只是當時沒有像現在這樣重視使用者對產品的使用體驗感受,不過我們還是可以透過回顧歷史,看看UI/UX是怎樣往前發展至現在的模樣,甚至近期有一些新技術已經在某些族群中默默地發展著!就來看看本次的UI/UX進化過程分享吧!



jielin designer-實體用戶介面

jielin designer-實體用戶介面

01.PUI-實體用戶介面

PUI的全名Physical User Interface,是工業時代主要的人機互動方式,使用者必須透過某個實體的按鈕、裝置、設備來進行與某項系統的配對操作。(實體裝置上的所有按鈕就是當時的產品使用介面)


jielin designer-命令列介面

jielin designer-命令列介面

02.CLI-命令列介面

CLI的全名Command Line Interface,是電腦最初期的使用介面,他基於文字處理,不支援滑鼠,使用者只能通過鍵盤輸入指令,待電腦接收指令後開始執行相應的複雜任務。


jielin designer-圖形用戶介面

jielin designer-圖形用戶介面

03.GUI-圖形使用者介面

GUI的全名Graphical User Interface,與CLI形成強烈對比,透過能引使用者聯想的生活化視覺圖形呈現介面內容,並採用滑鼠進行人機互動。



jielin designer-自然用戶介面

jielin designer-自然用戶介面

04.NUI-自然用戶介面

NUI的全名Natural user interface,與GUI概念相似,但利用了手勢、語音、視覺、姿勢等...更為符合人類自然行為的操作方式與電腦系統互動。




jielin designer-有機用戶介面

jielin designer-有機用戶介面

05.OUI-有機用戶介面

全名Organic user interface,是NUI概念的延伸,其特性是在“非平面的柔性螢幕”上進行人機互動操作,現在市場上常見的折疊智慧型手機就是使用了OUI的特性!




jielin designer-語音用戶介面

jielin designer-語音用戶介面

06.VUI-語音用戶介面

VUI的全名Voice user interface,不同於前述的所有操作概念,VUI不需展現任何具體的畫面,只單靠裝置接收人類發出的“聲波”,系統完成解析後開始執行人機互動。


jielin designer-腦機介面

jielin designer-腦機介面

07.BCI-腦機介面

BCI全名Brain-computer interface,顧名思義電腦接受“人腦”傳來的訊息或指令,系統能將腦波意念加以轉化為具體的“動作指令”,使電腦進一步執行使用者所預期的操作反饋。

BCI的應用已經廣泛投入在醫療產業中,輔助因身體、神經缺陷而不便的患者,幫助他們獲得生活型態的改善!


如果你喜歡我本次的內容分享,還請記得點讚和收藏,並追蹤我的Potato帳號~

若想瞭解更多即時動態內容,可關注我的IG:jielin.designer

留言0
查看全部
avatar-img
發表第一個留言支持創作者!
2023年即將進入尾聲了,意味著現在也到了年底轉職潮的熱門時段! 相信此時此刻應該有正在考慮是否要在年前或年後轉職的設計師朋友們,而本篇也總結了我在2021年底離職,並在2022-2023上半年期間碰上兩個雷工作從而體會出的感悟與教訓,希望透過我的個人借鏡,可以提供給正在考慮是否要在年前轉換跑道的
2023年即將進入尾聲了!本次Jielin想總結幾個在今年發現的幾個非常具有實用價值的網頁設計靈感參考網站!相信能幫助讀者們在未來處理其他網頁設計案子時能更加得心應手並增加工作效率!記得收藏起來唷! 1.Dark Mode Design Dark Mode Design的網頁內容均以
「Dark
2023年即將進入尾聲了,意味著現在也到了年底轉職潮的熱門時段! 相信此時此刻應該有正在考慮是否要在年前或年後轉職的設計師朋友們,而本篇也總結了我在2021年底離職,並在2022-2023上半年期間碰上兩個雷工作從而體會出的感悟與教訓,希望透過我的個人借鏡,可以提供給正在考慮是否要在年前轉換跑道的
2023年即將進入尾聲了!本次Jielin想總結幾個在今年發現的幾個非常具有實用價值的網頁設計靈感參考網站!相信能幫助讀者們在未來處理其他網頁設計案子時能更加得心應手並增加工作效率!記得收藏起來唷! 1.Dark Mode Design Dark Mode Design的網頁內容均以
「Dark
你可能也想看
Google News 追蹤
Thumbnail
最近國泰世華CUBE App推出的「美股定期定額」功能,讓使用者可以方便地進行跨境理財(但讀者仍需根據自身需求審慎考量),除了享有美股定期定額的新功能,也同時享有台股定期定額的功能,可以一站滿足我們理財的需求! 透過國泰世華CUBE App線上開台股證券戶+複委託戶,流程最快僅需要5分鐘。
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
UiPath是一家提供流程自動化解決方案的公司,從產業、應用的角度深入探討公司的發展歷程。先從流程自動化的起源談起,接著介紹了UiPath的創始人和公司的發展過程,以及RPA對企業帶來的影響。最後探討了流程自動化的下一步:全面性與智能化對企業的衝擊,並提出了科技公司的見解和對話的呼籲。
Thumbnail
在設計人機介面時,「模內裝飾」技術的應用對於提升人機介面(HMI)的設計和功能性有著重大的影響。透過模內裝飾技術,我們可以打造出更複雜、使用者友善的介面,不論是在汽車HMI、薄膜鍵盤還是其他領域,都能看到這項技術所帶來的優勢。
※ 介面是什麼: 介面:人跟電腦互相溝通的管道。 使用者與電腦互相溝通的方式稱為使用者的介面。 ※ 使用者的介面類型: 文字使用者介面:CUI。使用純鍵盤來下指令溝通,對象是伺服器(SERVER)。 圖型使用者介面:GUI。使用圖像去做點擊或拖拉的方式。 ※ 命令列(Command li
Thumbnail
1.設計系統不用從頭開始 在設計產品時,有一個觀念可能會顛覆我們對於產品設計的傳統想法。這是初期在 AlleyPin 擔任一人設計師,負責各種產品或視覺設計工作時才逐漸領悟到的一點。 當時,我在購買UI Kits這件事情上猶豫不決,擔心使用現成的設計資源會使我的設計變得無聊或是缺乏創造。後來面臨
Thumbnail
UI設計是一個令人著迷的過程,它將設計概念轉化為最終的產品界面。本文將帶您深入瞭解UI設計的六個階段,包括Sketching、Wireframing、Component Design、使用者流程、模型設計和原型製作,以幫助您更好地理解每個階段的作用和重要性。
Thumbnail
產品製作的核心因素有三個重點,分別為:使用者(誰在用)、需求(為什麼用)、場景(在哪裡用)。這些因素對於任何產品的成功都是相當重要的。
Thumbnail
在當今這個以使用者為中心的設計領域,產品思維不僅是設計師的一項附加技能樹,而是成為塑造成功產品的核心因素。
Thumbnail
最近國泰世華CUBE App推出的「美股定期定額」功能,讓使用者可以方便地進行跨境理財(但讀者仍需根據自身需求審慎考量),除了享有美股定期定額的新功能,也同時享有台股定期定額的功能,可以一站滿足我們理財的需求! 透過國泰世華CUBE App線上開台股證券戶+複委託戶,流程最快僅需要5分鐘。
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
UiPath是一家提供流程自動化解決方案的公司,從產業、應用的角度深入探討公司的發展歷程。先從流程自動化的起源談起,接著介紹了UiPath的創始人和公司的發展過程,以及RPA對企業帶來的影響。最後探討了流程自動化的下一步:全面性與智能化對企業的衝擊,並提出了科技公司的見解和對話的呼籲。
Thumbnail
在設計人機介面時,「模內裝飾」技術的應用對於提升人機介面(HMI)的設計和功能性有著重大的影響。透過模內裝飾技術,我們可以打造出更複雜、使用者友善的介面,不論是在汽車HMI、薄膜鍵盤還是其他領域,都能看到這項技術所帶來的優勢。
※ 介面是什麼: 介面:人跟電腦互相溝通的管道。 使用者與電腦互相溝通的方式稱為使用者的介面。 ※ 使用者的介面類型: 文字使用者介面:CUI。使用純鍵盤來下指令溝通,對象是伺服器(SERVER)。 圖型使用者介面:GUI。使用圖像去做點擊或拖拉的方式。 ※ 命令列(Command li
Thumbnail
1.設計系統不用從頭開始 在設計產品時,有一個觀念可能會顛覆我們對於產品設計的傳統想法。這是初期在 AlleyPin 擔任一人設計師,負責各種產品或視覺設計工作時才逐漸領悟到的一點。 當時,我在購買UI Kits這件事情上猶豫不決,擔心使用現成的設計資源會使我的設計變得無聊或是缺乏創造。後來面臨
Thumbnail
UI設計是一個令人著迷的過程,它將設計概念轉化為最終的產品界面。本文將帶您深入瞭解UI設計的六個階段,包括Sketching、Wireframing、Component Design、使用者流程、模型設計和原型製作,以幫助您更好地理解每個階段的作用和重要性。
Thumbnail
產品製作的核心因素有三個重點,分別為:使用者(誰在用)、需求(為什麼用)、場景(在哪裡用)。這些因素對於任何產品的成功都是相當重要的。
Thumbnail
在當今這個以使用者為中心的設計領域,產品思維不僅是設計師的一項附加技能樹,而是成為塑造成功產品的核心因素。