入門UI/UX設計師-需要懂的資訊術語-幫你快速融入團隊

更新於 發佈於 閱讀時間約 6 分鐘
如何克服技術語言障礙呢
在開發產品過程中,不難發現研發和設計團隊時常因各自所處的角度不同,使得在溝通來回上花了不少時間。所以小弟整理些過去常在工作場景下遇到的一些資訊技術的專有名詞,化解那些雞同鴨講的無效溝通。

APP常見的三大類型

依技術劃分為Native App(原生語言)、WebApp(網頁應用程式)以及Hybrid App( Native + Web )。目前市場上仍以Native App為主,優點不外乎整體使用者體驗佳,但耗時且花費的成本資源較多,以下主要針對這部分做更細節的介紹,關於各類型的優缺點可以看這篇(哪一個是開發App最佳方案呢 ?)。
你的APP適合哪種技術類型呢?

Android開發

安卓Android是基於Linux核心的作業系統,主要運行於智慧型手機、平板電腦和智能電視中。相較於蘋果的IOS作業系統較為開放開源,因此這也反映在其設計語言Material design guidelines鼓勵創造性上。目前應用程式的開發仍以Java語言受到開發者歡迎,並以Eclipse等作為開發工具。當開發者完成程序的編寫測試後,須將其打包,打包後的程序檔名皆帶有.apk(其實就想像成在windows下的.exe安裝檔就好XD),最後發布到各應用市場提供給用戶下載就完成了,例如Google play或三星Galaxy Store等應用市場。

介面基本控件

其中包含按鈕Button、文本展示TextView、文本輸入EditView、圖片ImageView以及容器類的ListView和GridView等,所有控件都是基於View衍生擴展而來。當設計師提供UI視覺稿,開發者則基於這些基本控件做介面布局的調整和修改,所以有時候會發現與設計出來的不太一樣,因為研發哥哥用了Android系統默認的控件樣式。
最新穩定版本為Android 12

IOS開發

與安卓Android作業系統不同,是屬於一個封閉的系統也就是只能在蘋果公司自家的產品和服務下使用,不像Android會授權給聯盟合作的廠商例如三星、華為、華碩、小米、OPPO等。目前蘋果公司針對系統開發採取比較嚴格的設計規範Human interface guidelines並透過嚴謹的審查機制管理應用程式的上下架。而應用程式可使用Swift和Objective-C語言撰寫,並以Xcode等作為開發工具。

介面基本控件

與Android設計概念類似皆透過基本控件做修改,但名稱有所不同,其中包含按鈕UIButton、文本展示UILabel、文本輸入UItextField、圖片UIImageView以及容器類的UITableView和UICollectionView等。也因為平台間系統控件的定義導致人機互動上有所差異,例如IOS的控件UITableView默認預設刪除操作為向左滑動而Android的控件ListView默認預設為長按,這就是設計師們需要瞭解背後的發生原因 。
最新穩定版本IOS15

WEB開發

客戶端 / 伺服器端

一個完整的網站系統基本上是由許多網頁組合而成。當用戶通過瀏覽器進入網頁後,會發起一個請求(request),向伺服器要求一些資源(resource),內容資源可以是圖片、影片檔案等回傳給客戶端,因此兩邊的端點分別是客戶端(client-side)與伺服器端(server-side)。負責客戶端工作的就是前端,相反地,負責後端工作就是後端。以設計師的角色來說,大多就是跟前端工程師一起合作居多或是自己就是前端哈哈XD
客戶端和伺服器端協作 (圖片來源)

HTML/CSS/Javascript

網頁主要由這三大前端語言組合而成。HTML負責定義了網頁的基本骨幹,CSS則扮演化妝師的角色,掌管外觀的點綴和裝飾效果,例如字體間距、大小、顏色、型體等,反之JavaScript 就負責管理網頁的內容和使用者間的互動行為,例如點擊按鈕的回饋行為或是輪播Banner之類。
前端語言三劍客

Responsive web design

響應式網頁設計(RWD)是一種前端網頁技術做法。在過去開發網頁時須針對各種裝置進行不同的設計,對於設計師和前端開發人員就需要花許多時間成本做適配調整。因此夠過響應式的方式可以透過一組程式自動適配到各種大小不同的裝置,但缺點就是不適合太複雜的網頁內容,例如電商平台等客製化程度高的網站,而目前大多都是用於官方網站上。例如宏碁ACER官網(快速判斷方法就是在不變網址下,將網頁做縮放,如果有自動適配就是囉!)。
響應式網頁設計示意

Cookie/Session

主要解決用戶記憶的問題。當我們在瀏覽某些網站時,發現輸入帳號或密碼時,系統已經幫忙記住,或是在逛電商網站時,將商品加入購物車,下次登入仍然記住購物車內的商品資訊,這些就是分別仰賴Cookie和Session兩種技術。Cookie主要是將資訊儲存在客戶端例如瀏覽器,反之Session則儲存在服務器端,不會隨著裝置變換而消失。

URL網址

統一資源定位器(URL)就是一個在網路上唯一的地址,就像你要去別人家一樣,總會有一個明確的位置,例如https://www.google.com就是Google在網路上的獨有門牌號。當然,每個網站都會有自己的IP位址,就像你家的地理經緯度位置,但不會有人記得住,因此就會透過域名系統(DNS)負責翻譯解析。
Google的IP就可以用CMD命令輸入ping查出來

Database資料庫

管理數據的電子化儲存空間,例如平常在購物網站,從登入會員到查詢訂單皆需要與資料庫關聯。用戶可針對數據資料進行新增、擷取、更新、刪除等操作。結構化查詢語言(SQL)是一種用來操作資料庫的程式語言,有固定的語法和結構,可以通過SQL撈取數據進行用戶行為分析。

API應用程式介面

客戶端和伺服器端的溝通橋樑,為了讓彼此溝通更加順暢,因此有一定的數據傳遞協議和規則。API的誕生也歸因於網際網路的盛行,避免每次開發一個新產品或服務都需要做對接,因此API就是扮演類似一個函式庫,當你需要使用時就呼叫你想要的函式庫,並給予相對應的參數,回傳數據結果。有點像是做UI介面時使用組件的概念,減少不必要的重複工作。或是FB和LINE提供登入的API提供開發者快速完成辨識用戶。

小結

小弟剛入行時,其實也是懵懵懂懂,但久而久之聽多了研發同事講述,就慢慢融會貫通,所以重要的是養成一種自學習慣,當沒聽過的技術名詞先記起來,再利用閒暇時間多瞭解背後的運作邏輯和原理,而不是死記死背。畢竟技術不可怕,可怕來自不懂它,沒有真正去了解

如果喜歡我的文章,歡迎[追蹤]小弟,陪你一起長大長肉🙏,想要定期收到有趣的內容,可以查看下面的部落格囉

留言0
查看全部
avatar-img
發表第一個留言支持創作者!
汽車電動化大概是未來幾年科技的發展趨勢。然而,電動車除了電池續航和自動輔助駕駛技術外,創新的人機互動更是吸引消費者買單的部分。對比傳統的汽車品牌,多年來對於車用資訊娛樂系統以及智能控制系統設計並沒有太大的本質改變,反倒是像特斯拉、小鵬汽車以及蔚來汽車等新創公司。
不論是新手設計師還是老鳥,在職涯道路總是會遇到撞牆期,特別在面對到「選擇職缺」、「選擇產業」與「選擇公司」時,還真的不知道自己適合哪種環境,又加上準備作品集和等待面試的焦躁心情,心很累XD。畢竟每個選擇都會影響到未來的發展,所以不妨可觀察幾個面向:
回首一年多前,還在深圳負責數位產品UX的小小設計師。在面對以中國市場為主要目標的使用者體驗,大多數時團隊採取的設計策略,仍藉由參考競爭對手作為發想的起點。
找到你想成為的設計師典範,盡可能主動模仿學習。這個設計師可以是公司的主管,或是某某產業的專家,甚至坐你旁邊的同事。仔細觀察他的成長路徑和工作模式。如果可以的話,也可以試著透過Messenger或Linkedin社交軟體接觸,了解他是如何站上今天這個位置,或許能得到一些意外的收穫,少走一點冤枉路。
當提到如何跟工程師溝通,相信不少設計師滿腹吐水。雖然大家都知道團隊合作很重要,然而事情往往不是那麼容易XD。如果我們將工程師劃分為兩種類型,其一為終極頑固仔,就算你說得多有道理,還是會以時程作為推托;反之,另一種就是實作挑戰仔,對於設計方案充滿疑問且認為技術不可行。
在日常生活中,設計師總是扮演著新事物的創造者,解決食衣住行上的不便,但除了本身專業能力以外,心理素質卻很少被提及,足夠的勇氣不但可以面對低潮,更是前進的動力。
汽車電動化大概是未來幾年科技的發展趨勢。然而,電動車除了電池續航和自動輔助駕駛技術外,創新的人機互動更是吸引消費者買單的部分。對比傳統的汽車品牌,多年來對於車用資訊娛樂系統以及智能控制系統設計並沒有太大的本質改變,反倒是像特斯拉、小鵬汽車以及蔚來汽車等新創公司。
不論是新手設計師還是老鳥,在職涯道路總是會遇到撞牆期,特別在面對到「選擇職缺」、「選擇產業」與「選擇公司」時,還真的不知道自己適合哪種環境,又加上準備作品集和等待面試的焦躁心情,心很累XD。畢竟每個選擇都會影響到未來的發展,所以不妨可觀察幾個面向:
回首一年多前,還在深圳負責數位產品UX的小小設計師。在面對以中國市場為主要目標的使用者體驗,大多數時團隊採取的設計策略,仍藉由參考競爭對手作為發想的起點。
找到你想成為的設計師典範,盡可能主動模仿學習。這個設計師可以是公司的主管,或是某某產業的專家,甚至坐你旁邊的同事。仔細觀察他的成長路徑和工作模式。如果可以的話,也可以試著透過Messenger或Linkedin社交軟體接觸,了解他是如何站上今天這個位置,或許能得到一些意外的收穫,少走一點冤枉路。
當提到如何跟工程師溝通,相信不少設計師滿腹吐水。雖然大家都知道團隊合作很重要,然而事情往往不是那麼容易XD。如果我們將工程師劃分為兩種類型,其一為終極頑固仔,就算你說得多有道理,還是會以時程作為推托;反之,另一種就是實作挑戰仔,對於設計方案充滿疑問且認為技術不可行。
在日常生活中,設計師總是扮演著新事物的創造者,解決食衣住行上的不便,但除了本身專業能力以外,心理素質卻很少被提及,足夠的勇氣不但可以面對低潮,更是前進的動力。
你可能也想看
Google News 追蹤
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
申請指標:家庭總收入平均、不動產、動產 家庭總收入平均:每人每月應低於當年度地區公告之最低生活費,共分為三類 (最低生活費訂定以前年每人可支配所得中位數作為依據) 113年低收入所得標準公告如下:(最低生活費) 直轄市(6都): (北部)臺北市 19649元、新北市 16400元、桃園市
Thumbnail
隨著網路威脅不斷增加,虛擬私人網路 (VPN) 已成為保護個人資訊和線上活動的重要工具。 ExitVPN 是一種強大的解決方案,旨在滿足這些日益增長的安全需求,提供強大且用戶友好的體驗,確保為您的所有線上互動提供全面保護。
是否想看動畫,但不知道選擇哪些平台比較好呢? 那我來介紹我自己常用的以下平台!!
1. 錯誤地將「Idea」簡單化為「靈感」: - 許多碩博士生在研究初期,常常將「Idea」僅僅理解為靈感或創意點子,這導致他們忽視了「溯因推理」(Abduction)這一重要的研究思維方式。「溯因推理」是指根據觀察到的事實,推測可能的原因,從而提出有潛力的假說。當學生將「Idea」簡化為靈
Thumbnail
本篇文章將分享手機App設計教學,並往後介紹使用Flutter開發App的相關知識和技巧。透過這系列的分享,讀者將能夠學習如何利用設計和程式開發技能來製作一個App。文章中也提供了一些靈感來源和教學資源,幫助讀者進行設計和開發的思考和學習。
Thumbnail
心理師沒辦法告訴你人生標準的答案,但能協助你找到屬於你自己的答案 下定決心要諮商的那一刻,需要鼓起勇氣,算一算一個療程需要花費大筆金錢,投入不少時間,甚至諮商時需要談自己內心深處的事,對很多人來說是一個相當不容易的嘗試,因此在諮商前許多人會陷入掙扎,該如何找到適合的心理師呢?
Thumbnail
1.設計系統不用從頭開始 在設計產品時,有一個觀念可能會顛覆我們對於產品設計的傳統想法。這是初期在 AlleyPin 擔任一人設計師,負責各種產品或視覺設計工作時才逐漸領悟到的一點。 當時,我在購買UI Kits這件事情上猶豫不決,擔心使用現成的設計資源會使我的設計變得無聊或是缺乏創造。後來面臨
Thumbnail
在設計有四年快五年的時間,大部分都是從實戰經驗中去不斷摸索產品開發的流程。從視覺傳達的背景出來,在用戶體驗的經驗都是在實際開發中去摸索出來的。不是理論派,只是根據我本人的經驗摸索出來的設計方法,也不會用太多高深的詞彙說明。 以前搜尋怎麼做產品設計?究竟是要從什麼步驟開始的這件事情,大部分看到的
Thumbnail
UI設計是一個令人著迷的過程,它將設計概念轉化為最終的產品界面。本文將帶您深入瞭解UI設計的六個階段,包括Sketching、Wireframing、Component Design、使用者流程、模型設計和原型製作,以幫助您更好地理解每個階段的作用和重要性。
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
申請指標:家庭總收入平均、不動產、動產 家庭總收入平均:每人每月應低於當年度地區公告之最低生活費,共分為三類 (最低生活費訂定以前年每人可支配所得中位數作為依據) 113年低收入所得標準公告如下:(最低生活費) 直轄市(6都): (北部)臺北市 19649元、新北市 16400元、桃園市
Thumbnail
隨著網路威脅不斷增加,虛擬私人網路 (VPN) 已成為保護個人資訊和線上活動的重要工具。 ExitVPN 是一種強大的解決方案,旨在滿足這些日益增長的安全需求,提供強大且用戶友好的體驗,確保為您的所有線上互動提供全面保護。
是否想看動畫,但不知道選擇哪些平台比較好呢? 那我來介紹我自己常用的以下平台!!
1. 錯誤地將「Idea」簡單化為「靈感」: - 許多碩博士生在研究初期,常常將「Idea」僅僅理解為靈感或創意點子,這導致他們忽視了「溯因推理」(Abduction)這一重要的研究思維方式。「溯因推理」是指根據觀察到的事實,推測可能的原因,從而提出有潛力的假說。當學生將「Idea」簡化為靈
Thumbnail
本篇文章將分享手機App設計教學,並往後介紹使用Flutter開發App的相關知識和技巧。透過這系列的分享,讀者將能夠學習如何利用設計和程式開發技能來製作一個App。文章中也提供了一些靈感來源和教學資源,幫助讀者進行設計和開發的思考和學習。
Thumbnail
心理師沒辦法告訴你人生標準的答案,但能協助你找到屬於你自己的答案 下定決心要諮商的那一刻,需要鼓起勇氣,算一算一個療程需要花費大筆金錢,投入不少時間,甚至諮商時需要談自己內心深處的事,對很多人來說是一個相當不容易的嘗試,因此在諮商前許多人會陷入掙扎,該如何找到適合的心理師呢?
Thumbnail
1.設計系統不用從頭開始 在設計產品時,有一個觀念可能會顛覆我們對於產品設計的傳統想法。這是初期在 AlleyPin 擔任一人設計師,負責各種產品或視覺設計工作時才逐漸領悟到的一點。 當時,我在購買UI Kits這件事情上猶豫不決,擔心使用現成的設計資源會使我的設計變得無聊或是缺乏創造。後來面臨
Thumbnail
在設計有四年快五年的時間,大部分都是從實戰經驗中去不斷摸索產品開發的流程。從視覺傳達的背景出來,在用戶體驗的經驗都是在實際開發中去摸索出來的。不是理論派,只是根據我本人的經驗摸索出來的設計方法,也不會用太多高深的詞彙說明。 以前搜尋怎麼做產品設計?究竟是要從什麼步驟開始的這件事情,大部分看到的
Thumbnail
UI設計是一個令人著迷的過程,它將設計概念轉化為最終的產品界面。本文將帶您深入瞭解UI設計的六個階段,包括Sketching、Wireframing、Component Design、使用者流程、模型設計和原型製作,以幫助您更好地理解每個階段的作用和重要性。