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

更新於 2022/01/20閱讀時間約 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
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
心理師沒辦法告訴你人生標準的答案,但能協助你找到屬於你自己的答案 下定決心要諮商的那一刻,需要鼓起勇氣,算一算一個療程需要花費大筆金錢,投入不少時間,甚至諮商時需要談自己內心深處的事,對很多人來說是一個相當不容易的嘗試,因此在諮商前許多人會陷入掙扎,該如何找到適合的心理師呢?
Thumbnail
設計玄關處需要考慮到功能性、美觀性和個性化,以創造出一個令人印象深刻且舒適的大門出入口空間。
Thumbnail
在現代的工作環境中,自動化已經成為提高效率和節省時間的關鍵。微軟的 Power Automate 提供了一個強大的工具,讓使用者能夠輕鬆地自動化日常工作流程和任務。本篇文章將介紹如何入門使用 Power Automate,以便你能夠開始建立自己的自動化流程。
Thumbnail
第 13 天:在專精的領域中,有沒有一個架構是可以分享給初學者學習的?以UI/UX設計師為例,如果你是一個完全門外的求職者,想要入門這行,今天分享一些簡略方法。
Thumbnail
在MC的QuoteManager中,可以讓使用都新增自己的數據源,使用者可在QuoteManager的「工具」選單中,點選「數據源」,進行自己所要接收的數據源。 在數據源的設定視窗中,列出目前提供的數據源種類,往下捲動,找到「Universal DDE」這個類型後,再按下「設定」的按鈕。 在通用
Thumbnail
畢業超過 10 年了,中間遇到公司或團隊解散、因病休養、半認真半玩票的遊戲實況,工作性質和產業經歷不少,在這裡盡可能把還記得的寫出來,希望能作為一點參考。 大學不算本科,都是自學(都在玩縫紉機):
Thumbnail
當我們學了一身UIUX設計技能,加上在社群等不同場合走跳,蠻容易遇到接案機會的,最少,每個出來接案的人都會遇過親戚朋友跑來問你能不能幫忙做個東西。 事實上最常遇到的下一句是業主問:「能不能先給我報個價?」
Thumbnail
今天要跟大家分享的是,在設計師新卒面試中經常會被問到的問題,以及回答時候的注意點! 這些注意點不是我個人的心得,而是我們team的面試的長官以及同事整理出來的,所以應該會蠻具有參考價值!(我個人的面試經驗與感想會放在另一篇文章) 哈囉大家
Thumbnail
UIUX設計,應該還蠻多人苦惱工作或是實習機會到底要怎麼找吧? 這些網站上含括了大部分的IT公司(也就是說大部分的IT公司之類的辦實習或是招募新卒都會在這些平台上面打廣告) 當然,少部分知名度比較大的公司因為本身就具有名氣優勢,可能就不會在上面打廣告,需要找特定大公司的職缺或是實習機會,建議去
Thumbnail
日本本來就是平面設計非常成熟的國家,不管是美大還是專門學校基本上上過一陣子學(?)都能產出非常不錯的設計成品。雖然在二年級上學期的成績來說處於班上前段班,但是看著學校的告示欄,45小時的加班費加成後還是不到20萬日圓的薪水,學長姐有血有淚的找工作過程,突然覺得如果能夠掌握並運用其他能力(例如原本就有
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
心理師沒辦法告訴你人生標準的答案,但能協助你找到屬於你自己的答案 下定決心要諮商的那一刻,需要鼓起勇氣,算一算一個療程需要花費大筆金錢,投入不少時間,甚至諮商時需要談自己內心深處的事,對很多人來說是一個相當不容易的嘗試,因此在諮商前許多人會陷入掙扎,該如何找到適合的心理師呢?
Thumbnail
設計玄關處需要考慮到功能性、美觀性和個性化,以創造出一個令人印象深刻且舒適的大門出入口空間。
Thumbnail
在現代的工作環境中,自動化已經成為提高效率和節省時間的關鍵。微軟的 Power Automate 提供了一個強大的工具,讓使用者能夠輕鬆地自動化日常工作流程和任務。本篇文章將介紹如何入門使用 Power Automate,以便你能夠開始建立自己的自動化流程。
Thumbnail
第 13 天:在專精的領域中,有沒有一個架構是可以分享給初學者學習的?以UI/UX設計師為例,如果你是一個完全門外的求職者,想要入門這行,今天分享一些簡略方法。
Thumbnail
在MC的QuoteManager中,可以讓使用都新增自己的數據源,使用者可在QuoteManager的「工具」選單中,點選「數據源」,進行自己所要接收的數據源。 在數據源的設定視窗中,列出目前提供的數據源種類,往下捲動,找到「Universal DDE」這個類型後,再按下「設定」的按鈕。 在通用
Thumbnail
畢業超過 10 年了,中間遇到公司或團隊解散、因病休養、半認真半玩票的遊戲實況,工作性質和產業經歷不少,在這裡盡可能把還記得的寫出來,希望能作為一點參考。 大學不算本科,都是自學(都在玩縫紉機):
Thumbnail
當我們學了一身UIUX設計技能,加上在社群等不同場合走跳,蠻容易遇到接案機會的,最少,每個出來接案的人都會遇過親戚朋友跑來問你能不能幫忙做個東西。 事實上最常遇到的下一句是業主問:「能不能先給我報個價?」
Thumbnail
今天要跟大家分享的是,在設計師新卒面試中經常會被問到的問題,以及回答時候的注意點! 這些注意點不是我個人的心得,而是我們team的面試的長官以及同事整理出來的,所以應該會蠻具有參考價值!(我個人的面試經驗與感想會放在另一篇文章) 哈囉大家
Thumbnail
UIUX設計,應該還蠻多人苦惱工作或是實習機會到底要怎麼找吧? 這些網站上含括了大部分的IT公司(也就是說大部分的IT公司之類的辦實習或是招募新卒都會在這些平台上面打廣告) 當然,少部分知名度比較大的公司因為本身就具有名氣優勢,可能就不會在上面打廣告,需要找特定大公司的職缺或是實習機會,建議去
Thumbnail
日本本來就是平面設計非常成熟的國家,不管是美大還是專門學校基本上上過一陣子學(?)都能產出非常不錯的設計成品。雖然在二年級上學期的成績來說處於班上前段班,但是看著學校的告示欄,45小時的加班費加成後還是不到20萬日圓的薪水,學長姐有血有淚的找工作過程,突然覺得如果能夠掌握並運用其他能力(例如原本就有