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
查看全部
發表第一個留言支持創作者!
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
接下來第二部分我們持續討論美國總統大選如何佈局, 以及選前一週到年底的操作策略建議 分析兩位候選人政策利多/ 利空的板塊和股票
Thumbnail
🤔為什麼團長的能力是死亡筆記本? 🤔為什麼像是死亡筆記本呢? 🤨作者巧思-讓妮翁死亡合理的幾個伏筆
Thumbnail
在創建用戶體驗(UX)和用戶界面(UI)網頁設計時,設計師需要避免一些可能阻礙用戶體驗的常見錯誤。以下是一些需要避免的關鍵錯誤。
Thumbnail
在開頭我想直接說「uxcel真的是我相見恨晚的一個學習管道!」 每每繪製新產品或功能UI,一定會在電腦前苦惱「要選擇A做法好,還是B做法好?」、「設計側邊菜單有沒有什麼訣竅?」,或是設計稿都快完成了,才發現還有小細節沒有做到! 實際使用 Uxcel 一個月下來,我想它對於設計師可以是一個學習
Thumbnail
大多數的人初次跟 UIUX 設計師合作時,總是摸不著頭緒,不知道實際上軟體領域的設計師們所產出的設計究竟該從什麼標準來討論。 而「設計師」這個名稱,讓人聯想到的幾乎都是「視覺設計」、「平面設計」的工作內容,例如廣告 Banner 的設計、名片的設計、Logo 或企業識別的品牌設計等。 老實說,就連剛
Thumbnail
推薦給有類似困擾的朋友 - 認為自己內向的特質,會影響到工作表現 - 認為工作上的問題,主要在於溝通能力的不足 - 每天到公司上班,也會覺得社交過度
Thumbnail
在開發產品過程中,不難發現研發和設計團隊時常因各自所處的角度不同,使得在溝通來回上花了不少時間。所以小弟整理些過去常在工作場景下遇到的一些資訊技術的專有名詞,化解那些雞同鴨講的無效溝通。
Thumbnail
加入商業思維學院3個月,就能把學到的東西運用在工作中。而6個月後參加產品經理學習營,還入圍Final Pitch拿到嘖嘖 Manny 老師的評審最愛獎,因此想和大家分享! 推薦給這些朋友: 持續在設計領域努力,最近卻有點茫然 對產品有熱情,卻找不到機會實 過去買線上課的糟糕經驗,導致現在購課都很猶豫
過去我曾經在幾家新創工作過,也自己創業過,加上近幾年開始從事 UX 教學,所以我遇過的網路產業設計師們,起碼是三、五百人起跳,如果是近兩年約出來喝過咖啡的人數,大概超過50人以上。 或許是出於職業病,我習慣用訪談的心態,問問大家過得好嗎?如何進入網路產業的?雖然每個人進入點以及出新手村的方法不同,但
Thumbnail
視覺,是吸引我們目光的第一要素。 感受,是決定我們願意停留多久的關鍵。 生活中大大小小的事都脫離不了視覺,映入我眼中的所有畫面都像是 UI 使用者介面;打開抽屜衣服的擺設、晚餐餐桌上的擺盤、汽車上的儀表版、個人的穿著以及給人的感受,都能夠用 UI 、UX 做解析。
Thumbnail
這次要來介紹的《打造成功 UI/UX 的 50 個關鍵》,非常適合「完全零基礎」的初學者,想轉職介面設計師,卻苦惱不知道從何開始的你,趕快來看看吧!
Thumbnail
Q1: 如何申請在國外申請到這個職位呢?(以我自己的觀點,覺得很多外國公司都非常注重術業有專攻,因此注重文憑、學歷、經驗。) 我的大學念的是國際觀光管理,碩士念的是服務設計,現在的工作是在半導體產業擔任UX/UI Designer。如果妳問我是否認同妳的觀點,我認同,因為理論上是合理的。但是根據我
Thumbnail
接下來第二部分我們持續討論美國總統大選如何佈局, 以及選前一週到年底的操作策略建議 分析兩位候選人政策利多/ 利空的板塊和股票
Thumbnail
🤔為什麼團長的能力是死亡筆記本? 🤔為什麼像是死亡筆記本呢? 🤨作者巧思-讓妮翁死亡合理的幾個伏筆
Thumbnail
在創建用戶體驗(UX)和用戶界面(UI)網頁設計時,設計師需要避免一些可能阻礙用戶體驗的常見錯誤。以下是一些需要避免的關鍵錯誤。
Thumbnail
在開頭我想直接說「uxcel真的是我相見恨晚的一個學習管道!」 每每繪製新產品或功能UI,一定會在電腦前苦惱「要選擇A做法好,還是B做法好?」、「設計側邊菜單有沒有什麼訣竅?」,或是設計稿都快完成了,才發現還有小細節沒有做到! 實際使用 Uxcel 一個月下來,我想它對於設計師可以是一個學習
Thumbnail
大多數的人初次跟 UIUX 設計師合作時,總是摸不著頭緒,不知道實際上軟體領域的設計師們所產出的設計究竟該從什麼標準來討論。 而「設計師」這個名稱,讓人聯想到的幾乎都是「視覺設計」、「平面設計」的工作內容,例如廣告 Banner 的設計、名片的設計、Logo 或企業識別的品牌設計等。 老實說,就連剛
Thumbnail
推薦給有類似困擾的朋友 - 認為自己內向的特質,會影響到工作表現 - 認為工作上的問題,主要在於溝通能力的不足 - 每天到公司上班,也會覺得社交過度
Thumbnail
在開發產品過程中,不難發現研發和設計團隊時常因各自所處的角度不同,使得在溝通來回上花了不少時間。所以小弟整理些過去常在工作場景下遇到的一些資訊技術的專有名詞,化解那些雞同鴨講的無效溝通。
Thumbnail
加入商業思維學院3個月,就能把學到的東西運用在工作中。而6個月後參加產品經理學習營,還入圍Final Pitch拿到嘖嘖 Manny 老師的評審最愛獎,因此想和大家分享! 推薦給這些朋友: 持續在設計領域努力,最近卻有點茫然 對產品有熱情,卻找不到機會實 過去買線上課的糟糕經驗,導致現在購課都很猶豫
過去我曾經在幾家新創工作過,也自己創業過,加上近幾年開始從事 UX 教學,所以我遇過的網路產業設計師們,起碼是三、五百人起跳,如果是近兩年約出來喝過咖啡的人數,大概超過50人以上。 或許是出於職業病,我習慣用訪談的心態,問問大家過得好嗎?如何進入網路產業的?雖然每個人進入點以及出新手村的方法不同,但
Thumbnail
視覺,是吸引我們目光的第一要素。 感受,是決定我們願意停留多久的關鍵。 生活中大大小小的事都脫離不了視覺,映入我眼中的所有畫面都像是 UI 使用者介面;打開抽屜衣服的擺設、晚餐餐桌上的擺盤、汽車上的儀表版、個人的穿著以及給人的感受,都能夠用 UI 、UX 做解析。
Thumbnail
這次要來介紹的《打造成功 UI/UX 的 50 個關鍵》,非常適合「完全零基礎」的初學者,想轉職介面設計師,卻苦惱不知道從何開始的你,趕快來看看吧!
Thumbnail
Q1: 如何申請在國外申請到這個職位呢?(以我自己的觀點,覺得很多外國公司都非常注重術業有專攻,因此注重文憑、學歷、經驗。) 我的大學念的是國際觀光管理,碩士念的是服務設計,現在的工作是在半導體產業擔任UX/UI Designer。如果妳問我是否認同妳的觀點,我認同,因為理論上是合理的。但是根據我