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

留言
avatar-img
Jielin designer-UI/UX 產品設計一點通的沙龍
0會員
3內容數
你可能也想看
Thumbnail
創作不只是個人戰,在 vocus ,也可以是一場集體冒險、組隊升級。最具代表性的創作者社群「vocus 野格團」,現在有了更強大的新夥伴加入!除了大家熟悉的「官方主題沙龍」,這次我們徵召了 8 位領域各異的「個人主題專家」,將再度嘗試創作的各種可能,和格友們激發出更多未知的火花。
Thumbnail
創作不只是個人戰,在 vocus ,也可以是一場集體冒險、組隊升級。最具代表性的創作者社群「vocus 野格團」,現在有了更強大的新夥伴加入!除了大家熟悉的「官方主題沙龍」,這次我們徵召了 8 位領域各異的「個人主題專家」,將再度嘗試創作的各種可能,和格友們激發出更多未知的火花。
Thumbnail
看完上篇 4 位新成員的靈魂拷問,是不是意猶未盡?別急,野格團新血的驚喜正接著登場!今天下篇接力的另外 4 位「個人主題專家」,戰力同樣驚人──領域從旅行美食、運動、商業投資到自我成長;這些人如何維持長跑般的創作動力?在爆紅的文章背後,又藏著哪些不為人知的洞察?5 大靈魂拷問繼續出擊
Thumbnail
看完上篇 4 位新成員的靈魂拷問,是不是意猶未盡?別急,野格團新血的驚喜正接著登場!今天下篇接力的另外 4 位「個人主題專家」,戰力同樣驚人──領域從旅行美食、運動、商業投資到自我成長;這些人如何維持長跑般的創作動力?在爆紅的文章背後,又藏著哪些不為人知的洞察?5 大靈魂拷問繼續出擊
Thumbnail
有些產業在AI的應用已經有相當明確的方向,投資當然要選擇相對明確趨勢的產業,像是AI PC! 雖然滲透率還非常低,但它不是未來式,而是現在進行式,我認為未來所有的PC都會是AI PC。所以我就去尋找一般PC升級至AI PC時,有哪些零組件也會隨之升級,就讓我找到筆電觸控板龍頭、指紋辨識老二的義隆!
Thumbnail
有些產業在AI的應用已經有相當明確的方向,投資當然要選擇相對明確趨勢的產業,像是AI PC! 雖然滲透率還非常低,但它不是未來式,而是現在進行式,我認為未來所有的PC都會是AI PC。所以我就去尋找一般PC升級至AI PC時,有哪些零組件也會隨之升級,就讓我找到筆電觸控板龍頭、指紋辨識老二的義隆!
Thumbnail
在設計人機介面時,「模內裝飾」技術的應用對於提升人機介面(HMI)的設計和功能性有著重大的影響。透過模內裝飾技術,我們可以打造出更複雜、使用者友善的介面,不論是在汽車HMI、薄膜鍵盤還是其他領域,都能看到這項技術所帶來的優勢。
Thumbnail
在設計人機介面時,「模內裝飾」技術的應用對於提升人機介面(HMI)的設計和功能性有著重大的影響。透過模內裝飾技術,我們可以打造出更複雜、使用者友善的介面,不論是在汽車HMI、薄膜鍵盤還是其他領域,都能看到這項技術所帶來的優勢。
Thumbnail
其實在以前工業時代的產品就已經有了UI/UX的人機互動基礎,只是當時沒有像現在這樣重視使用者對產品的使用體驗感受,不過我們還是可以透過回顧歷史,看看UI/UX是怎樣往前發展至現在的模樣,甚至近期有一些新技術已經在某些族群中默默地發展著!
Thumbnail
其實在以前工業時代的產品就已經有了UI/UX的人機互動基礎,只是當時沒有像現在這樣重視使用者對產品的使用體驗感受,不過我們還是可以透過回顧歷史,看看UI/UX是怎樣往前發展至現在的模樣,甚至近期有一些新技術已經在某些族群中默默地發展著!
Thumbnail
Windows,一個你我在熟悉不過的系統,被預裝進無數台電腦,陪伴數千位使用者度過工作和娛樂的時光,簡直是電腦作業系統的代名詞。不過,在系統不斷的更新疊代的過程中,似乎從使用者這裡悄悄地奪走,同時又默默的加入了一些東西。本篇,紅茶根據自己使用Windows的經歷,來分享我所觀察到的系統變化。
Thumbnail
Windows,一個你我在熟悉不過的系統,被預裝進無數台電腦,陪伴數千位使用者度過工作和娛樂的時光,簡直是電腦作業系統的代名詞。不過,在系統不斷的更新疊代的過程中,似乎從使用者這裡悄悄地奪走,同時又默默的加入了一些東西。本篇,紅茶根據自己使用Windows的經歷,來分享我所觀察到的系統變化。
Thumbnail
這篇文章希望除了從過去的電腦軟體和網路的發展和需求的改變, 討論下一個五年的網路電腦發展;文章也有下集:和大家推薦我用了一次就回不去的瀏覽器- Arc 給大家,並說明為什麼它是一個很棒的瀏覽器,為什麼會成功,以及它未來可能的發展方向預測!
Thumbnail
這篇文章希望除了從過去的電腦軟體和網路的發展和需求的改變, 討論下一個五年的網路電腦發展;文章也有下集:和大家推薦我用了一次就回不去的瀏覽器- Arc 給大家,並說明為什麼它是一個很棒的瀏覽器,為什麼會成功,以及它未來可能的發展方向預測!
Thumbnail
將所有東西整合在一個小盒子裡面,這是未來電腦的趨勢,打從積體電路的出現,電腦一直在往微型化的方向前進。從當年的重型超大鋼鐵機殼電腦,到後來的4mm薄機殼主機,電腦變小變薄是廠商一直在發展的方向。 印象中早年有家S廠商,開始了微型電腦的規劃,販售時只需要再加購處理器、記憶體、硬碟機,灌上系統之後就可以
Thumbnail
將所有東西整合在一個小盒子裡面,這是未來電腦的趨勢,打從積體電路的出現,電腦一直在往微型化的方向前進。從當年的重型超大鋼鐵機殼電腦,到後來的4mm薄機殼主機,電腦變小變薄是廠商一直在發展的方向。 印象中早年有家S廠商,開始了微型電腦的規劃,販售時只需要再加購處理器、記憶體、硬碟機,灌上系統之後就可以
Thumbnail
二○○七年在Macworld上,賈伯斯在演講進入第四十一分鐘左右時,開始介紹iPhone。他切換到下一張投影片,上面是一個黑色的蘋果商標遮住太陽的圖,接著他說:「我從兩年半前,就一直期盼這一天的到來。每隔一段時間,就有一款革命性的產品誕生,改變一切。」
Thumbnail
二○○七年在Macworld上,賈伯斯在演講進入第四十一分鐘左右時,開始介紹iPhone。他切換到下一張投影片,上面是一個黑色的蘋果商標遮住太陽的圖,接著他說:「我從兩年半前,就一直期盼這一天的到來。每隔一段時間,就有一款革命性的產品誕生,改變一切。」
Thumbnail
要成為一個專職的 UIUX 設計師,需要設計工具來進行工作。在2021 的今天,UIUX 的設計工具有哪些選擇?又會花費多少錢呢?這篇文章將會介紹電腦的選擇以及設計軟體的選用,讓您能對設計工作的工具有所認識。 而設計工具軟體的會花比較多的篇幅介紹市場主流的設計工具軟體,其他的則是會帶上網站連結跟初步
Thumbnail
要成為一個專職的 UIUX 設計師,需要設計工具來進行工作。在2021 的今天,UIUX 的設計工具有哪些選擇?又會花費多少錢呢?這篇文章將會介紹電腦的選擇以及設計軟體的選用,讓您能對設計工作的工具有所認識。 而設計工具軟體的會花比較多的篇幅介紹市場主流的設計工具軟體,其他的則是會帶上網站連結跟初步
Thumbnail
早年科技公司與工廠成立,後來台灣被俗稱「科技島」。不論企業組織亦或工廠皆需要管理人才,這點不難從大專院校觀察到,90%以上的..........
Thumbnail
早年科技公司與工廠成立,後來台灣被俗稱「科技島」。不論企業組織亦或工廠皆需要管理人才,這點不難從大專院校觀察到,90%以上的..........
Thumbnail
翻開人類的政治歷史,從封建、集權到民主共和,走了幾千年;科技產品的誕生、成長,也同樣經歷封建、集權到民主化。這是一個不從技術層面來探討的新視角,讀者們不妨以創新的心態來看待本文。
Thumbnail
翻開人類的政治歷史,從封建、集權到民主共和,走了幾千年;科技產品的誕生、成長,也同樣經歷封建、集權到民主化。這是一個不從技術層面來探討的新視角,讀者們不妨以創新的心態來看待本文。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News