人工智慧讓Google地圖升級了!連預測塞車也難不倒它?(下)

人工智慧讓Google地圖升級了!連預測塞車也難不倒它?(下)
人工智慧讓Google地圖升級了!連預測塞車也難不倒它?(下)

Goolge地圖靠人工智慧再升級!這次連塞車也可以輕鬆預測了!(下)

本系列文章為【不只是導航!Google 地圖用 AI 大升級 能預測還沒發生的塞車】的下篇,上篇請點此

圖像神經網路就是將道路視為一個圖形,路線對應節點(nodes),而邊線位於「連續道路」和「通過交叉路口連接的道路」之間。路段實際上是與交通密度成比例地、隨機採樣的道路子圖(subgraph),並且透過訊息傳遞演算(message-passing algorithm)計算邊緣與節點之間的相互影響。

每個路段的長度和複雜度都有所不同,從兩條道路到包含數百個節點的路線都有。DeepMind 表示,如果將相鄰道路之間的交互關係納入考量後,就能使得預測準度有所提升:「例如我們思考一條小巷的堵塞如果溢出,將如何影響主幹道的交通」。

▲ Google 地圖人工智慧分析計算道路交通之演算法示意圖。

 

DeepMind 也表示,在訓練時自動調整學習率,該模型不但可以達到更高的成效,還能自動調整學習率,獲得更穩定的結果。

除了新模型,Google 地圖也一併考慮其他因素:如道路速限、道路面積、道路品質(如礫石地、柏油或泥地)、道路施工、天候氣象(如下雪、下暴雨或土石流等)、使用者回報的交通事故、封路、出現彎道或紅綠燈路口的頻率等等,以及因應新型冠狀病毒疫情隨之而來的交通管制。

疫情之下 Google 地圖受到的沖擊

Google 表示疫情爆發後,全球路上交通流量減少了 50 %,隨著疫情持續,仍有不少地區維持交通管制。

這種影響範圍擴及全球的特殊狀況下,為了不讓預測失準,AI 會自動優先考量近期的車流量記錄,且將更早之前的車流量模式列為次要考量,讓導航結果的預計抵達時間更為精準。

這次事件展現出 Google 地圖與現實世界有多麼息息相關。Google 執行副總裁 Jen Fitzpatrick 也親自撰文表示,他們將會推動 Google 地圖發展新的技術,因為世界不斷在變化──公車班次的增減、新的道路被開拓、自然災害永久地改變通行路線等等。「這就是為什麼地圖常常需要更新、確保全面性和準確性的原因。人工智慧的重大突破改變了我們製作的地圖方法,也讓我們能將高品質地圖更快地帶到了世界各個角落。」

除了導航之外 其他有賴人工智慧的地圖功能

除了導航功能之外,其實 Google 地圖還有許多實用的功能都是靠人工智慧完成。

如 Google 曾公開他們如何利用深度神經網路,自動且準確地辨識街道名稱、模糊人臉與車牌。在自然場景中由於視覺偽影,如失真、閉塞、定向模糊、雜亂的背景或不同的角度等狀況,讓傳統的光學字符識別(OCR)難以完成辨識。

而且為了保護用戶的隱私,Google 團隊致力於解決這一問題,使用神經網路自動模糊了街景圖像中的人臉和車牌,而經過足夠的標記數據訓練後,AI 也能自動升級 Google 地圖相關的最新信息。

另一應用在於描繪地圖上代表建築的幾何陰影。Google 利用了多層次技術,第一層人工智慧負責從衛星照片中辨識出建築物;第二層的人工智慧負責分辨建築物的輪廓,並去除四周雜物;第三層則是根據輪廓來描繪出最有可能的建築物狀態。這套系統從 2018 開始,已經繪製了超過 1 億個新建築到 Google 地圖上了。

這套系統在低度開發國家使用效果最好,在政府資訊難以取得的國度,Google 團隊利用衛星圖和街景的影像,繪製出了奈及利亞大城市拉哥斯(Lagos)的地圖,填入了 20,000 條街道名稱、50,000 個新地址、與 100,000 間新商家的資訊。

像繪製地圖這樣巨量又繁瑣的工作,果然還是得靠AI的協助才有可能完成的呢。

 

 

 

 

 

推薦文章:
UI/UX 設計工作完整剖析


使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!


人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛


第一次上程式設計課程該選 Python 還是 Java?有什麼差別?


人工智慧幫喵星人取名,創意十足絕對超乎想像!


人工智慧貓砂盆,貓咪健康狀況隨時掌握!(上)


居家照護交給人工智慧!翻轉家庭變幸福!(上)

人工智慧讓Google地圖升級了!連預測塞車也難不倒它?(上)

人工智慧讓Google地圖升級了!連預測塞車也難不倒它?(上)
人工智慧讓Google地圖升級了!連預測塞車也難不倒它?(上)

Goolge地圖靠人工智慧再升級!這次連塞車也可以輕鬆預測了!(上)

今年因新冠疫情爆發,導致全球交通運輸模式受到影響。各種交通管制、居家隔離甚至是封城等措施,使全世界車流量大幅減少許多。

為了因應全球範圍的交通模式改變,Google 近日表示,將與 DeepMind 攜手運用人工智慧技術, 強化路途預定到達時間預測(ETA),甚至能還沒發生塞車,就先預測你會不會受影響。

Google 地圖的導航功能一直備受大眾喜愛,近年隨著行動裝置的普及與網路速度的提升 ,有越來越多民眾不另外裝載車用衛星導航、而直接使用 Google 地圖作為外出行車的主要導引,更是讓 Google 地圖與人們的生活更加緊密。

至於 Google 是怎麼做到導航、判斷車流量與偵測交通阻塞的呢?背後其實還是有賴人工智慧的幫助!

不只靠公開資料分析 每個使用者都能回傳位置資訊

有些導航服務是根據政府提供之公開資料來計算車流量,而 Google 地圖的優勢在於── 眾多的使用者。

Google 地圖全球每日用戶超過 10 億人,每個使用者進行導航時都能匿名傳回位置資訊, 可以利用這些資訊就能統計出當前的道路狀況,以此分析出道路的車流量、是否有交通堵塞等等 ,並且即時在導航結果中呈現。

▲ 圖片來源:The Keyword | Google

 

Google 地圖使用路上行人、行車中的地點資料來顯示當下路況,這種模式雖然簡單好用,但如果要進一步預測未來 10、20 分鐘,甚至一個小時之後的路況,或要提供預定到達時間(Estimated Time of Arrival,ETA),就必須將既有歷史交通數據、即時車流量的改變情況,配合AI人工智慧進行分析預測。

與DeepMind合作人工智慧技術 強化路況預測能力

為了強化路況預測能力,Google 宣布將與 Alphabet 旗下的人工智慧研究公司「DeepMind」合作,更新 Google 地圖的演算法。

Google 表示,新的預測模型將加權過去 2 到 4 週的歷史資料,而越舊的資料權重會越低;並稱 Google 地圖的 ETA 預測在 97 %以上的旅程都有穩定準確率,而與 DeepMind 的合作能使準確率更加提升。

Google 地圖採用名為圖像神經網路(Graph Neural Networks,GNNs)的機器學習架構,大幅降低預測失準率,在柏林、雪梨、東京及華盛頓特區等等交通繁忙的地區,依然能維持精準的預測率,讓使用者能在出發前可以更方便來規劃行程。

▲ Google 不斷提升世界各地之 ETA 預測精準度,圖可見「台中市」提升高達 51 %。圖片來源:VentureBeat

 

Google 地圖將錯綜複雜的道路網路劃分為一個個「路段」(segments),各個路段都包含大量的交通流量資料,並能彼此共享;AI 分析這些巨量的資料,再通過圖像神經網路模型,就能清楚地預測每個路段的行駛時間。

本系列文章未完,請點此看下一篇

 

 

 

 

 

推薦文章:
UI/UX 設計工作完整剖析


人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛


第一次上程式設計課程該選 Python 還是 Java?有什麼差別?


使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!


換臉特效不再搞剛!人工智慧換臉技術超高超!(上)


怕被愛貓”戰利品”嚇到?!人工智慧貓門幫你把問題解決!


人工智慧替喵星人取名,絕對特別不重複!

人工智慧結合貓屋,讓浪浪不用再流浪!(下)

人工智慧結合貓屋,讓浪浪不用再流浪!(下)
人工智慧結合貓屋,讓浪浪不用再流浪!(下)

人工智慧貓屋給貓咪一個溫暖的家,總算可以安心度過寒冬了!(下)

本系列文章為【人工智慧守護浪浪安全!貓奴工程師開發AI浪貓庇護所】的下篇,上篇請點此

病貓、絕育貓識別系統



人工智慧能辨別病貓,可在 0.3 秒內分辨四種常見浪貓疾病並通知志工。

 

人工智慧鏡頭掃瞄貓臉開門時,也會同時啟動病貓暨絕育貓識別功能。人工智慧能檢測 4 種常見的貓咪疾病:包含貓口炎、傳染性貓鼻氣管炎 (俗稱「貓感冒」) 、皮膚病、外傷),並且透過流浪貓耳上的標籤,300 毫秒內判斷是否已絕育。

如果發現進入庇護所的新貓隻是沒有絕育或有傷病時,系統會主動通知管理的志工,帶貓隻就醫。


▲ 在掃描貓臉的同時時,人工智慧能辨別貓咪是否生病或結紮。

 

人工智慧溫控與空調系統

▲流浪貓在寒冷的冬天,會因為碗裡的水結凍而無法喝水。因此整個貓窩的溫度,均保持在27度左右,為貓咪體感溫度的最佳狀態。

 

人工智慧能偵測貓窩中溫度與空氣,並自動調節至最佳狀態。

 

AI人工智慧貓窩內裝有溫濕度傳感器,並可藉由行動裝置來控制。當貓窩內溫濕平衡出現異常時,AI智能恆溫系統會自動調節至平衡。

人工智慧溫濕度傳感器能偵測貓窩中溫溼度並自動調節,或是藉由行動裝置來人工控制。

 

貓窩是屬於一個相對密閉、狹小的空間,而「人工智慧新風系統」會對貓窩氧氣、二氧化碳的濃度進行實時監測和分析,並適時給貓窩換氣,以保持貓窩室內的空氣清新

人工智慧新風系統能偵測氧氣、二氧化碳的濃度,並適時換氣。

 

▲ 人工智慧恆溫系統能偵測冷暖乾溼變化

 

研發工程師晚兮在視頻中表示:「熱愛的事情不應該只是隨便說說,能用我寫的代碼為我身邊的人和事物帶來一些改變,這已經足夠讓人興奮了。」。下面的影片為兩位「貓窩推手」的防談,一位為動物救援專家、另一位是百度 AI 工程師晚兮。看著這兩個充滿愛心、幹勁又有專業知識的年輕人,為了讓浪貓能在寒冬中得以存活、溫飽,而願意奉獻自身的能力,你的心是否也感動了起來了呢?以上案例真的實現「科技始終來自於人性」了呢!

 

 

 

 

 

推薦文章:
第一次上程式設計課程該選 Python 還是 Java?有什麼差別?


人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛


UI/UX 設計工作完整剖析


使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!


居家照護交給人工智慧!翻轉家庭變幸福!(上)


五部人工智慧電影,陪你深度探討人類與AI的關係!


新聞編輯換”人工智慧”做!上線不久卻出包?!(上)

人工智慧結合貓屋,讓浪浪不用再流浪!(上)

人工智慧結合貓屋,讓浪浪不用再流浪!(上)
人工智慧結合貓屋,讓浪浪不用再流浪!(上)

人工智慧貓屋給貓咪一個溫暖的家,總算可以安心度過寒冬了!(上)

浪貓冬天存活率僅剩下四成!工程師決定建構AI貓窩

冬天的寒冷夜晚,當人類紛紛回家過冬時,就由人工智慧來守護浪貓的安全:至少先讓他們有能度過寒冬的地方。據動物組織估計,大陸每年約有 4 千萬多隻流浪貓,悲哀的是,只有其中的 40% 能成功活過冬季,也就是存活的只剩下約 1600 萬隻存活……

▲ 只有 4 成的浪貓能活著度過大陸的寒冬。

 

百度一名筆名為「晚兮」的工程師,於某個冬天看見一隻小流浪貓縮在車子的輪圈旁取暖。「晚兮」意識到牠們岌岌可危的生存困境,決定善用自己的人工智慧專業,並聯合其他愛貓志工,研發出「AI 貓咪庇護所」。

人工智慧貓窩導入的 AI 模型 EasyDL,是百度推出的客製化 AI 訓練暨服務平臺。透過 EasyDL,團隊透過 EasyDL 建立「貓臉掃描門禁系統」並讓貓窩能恆溫通風。貓窩能自動提供食物、水,還可透過 AI 技術偵測出貓咪是否已絕育、生病受傷等,能夠立即給予適當協助。目前已有一批浪貓入住。

冬天的嚴寒夜晚,當人類紛紛回家過冬時,就由人工智慧來守護浪貓的安全:至少先讓他們有能度過寒冬的地方。據動物組織估計,大陸每年約有 4 千萬多隻流浪貓,悲哀的是,只有其中的 40% 能成功活過冬季,也就是存活的只剩下約 1600 萬隻存活……

▲ 百度人工智慧貓窩設計草圖。

 

人工智慧貓窩導入 AI 模型 EasyDL,是為定制化訓練及服務平台建立了可掃描貓臉而開門、恆溫通風的 AI 人工智慧貓窩,可提供浪貓所需的食物、水,還可透過 AI人工智慧的技術偵測出貓咪是否絕育或生病、受傷,以便即時給予協助。目前已有一批浪浪貓入住。

▲ 目前已有一批浪浪貓入住人工智慧貓窩

 

人工智慧貓窩的功能詳列如下:

貓臉門禁系統 其他動物止步

▲ 貓臉門禁系統:導入人工智慧的鏡頭可辨識 174 種品種的貓,掃描後確認是「貓」才會開門。

 

為配合貓咪晚上活動的習性,貓窩設置的雙自動門配備具紅外線夜視功能的攝影鏡頭,一旦有貓靠近,第一道門先開啟,所以就算伸手不見五指的晚上,門禁系統也能也能照常為浪貓們開門。

▲ 配備人工智慧的貓臉辨識鏡頭,運作時會掃描貓臉

 

安全感不足的浪貓,防衛心大部分都很重。因此在貓咪進入第一道門後,第二道門就會自動開啟,直到貓咪完全進入室內,第二道門才會關上。這樣貓咪才房卸下心防、無掛慮的入住。藉由百度大腦開放的動物識別技術,貓臉門禁系統可識別 174 種不同種類的貓,有效阻止流浪狗及其他動物進入,保護流浪貓不受其他動物干擾。

本系列文章未完,請點此看下一篇

 

 

 

 

 

 

推薦文章:
使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!


人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛


UI/UX 設計工作完整剖析


第一次上程式設計課程該選 Python 還是 Java?有什麼差別?


人工智慧貓砂盆,貓咪健康狀況隨時掌握!(上)


人工智慧結合換臉特效,細緻程度高達百萬畫素!(上)


傳統甜點正名找上人工智慧,網友看了都醉了!

超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(五)

超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(五)
超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(五)

現在超夯的UX設計和UI設計還分不清處差別是什麼嗎?就讓小編帶你認識它們!(五)

本篇為【UI/UX 設計工作完整剖析】系列的最後一篇,前四篇完整連結如下:
1-為何UI/UX容易搞混?
2-UI設計的優點
3-UX設計的優點
4-無論UI/UX都需研究驗證
5-如何讓UI/UX相得益彰

結語:如何讓 UI/UX 相得益彰?

即使 UI 設計UX 設計是截然不同的專業、各自涉及迥異的技能,但它們都是彼此不可或缺的存在。

即使有精雕細琢的介面設計,也無法完全掩飾笨拙又難用的操作流程;而枯燥乏味的視覺設計是無法吸引使用者、從而埋沒了出色的使用體驗。

UI 設計師確立使用者介面的外觀,而 UX 設計師安排使用者介面的運作。在 UX 設計師在鑽研如何用有限的篇幅、提供使用者最多又不會過多的資訊時,UI 設計師正在努力讓這些繁雜的訊息精美地呈現在螢幕上。這是一個非常需要合作的過程,也有賴雙方緊密且良好的溝通。

以行動號召按鈕(Call to Action,CTA)為例,看 UX 與 UI 的分工:

1.UX 設計

提出需要多增加一個按鈕、為何如此能讓使用者滿意、決定如何重新安放所有按鈕。

2.UI 設計

設計新按鈕的外觀,而其他按鈕也可能受影響而需重新調整如形狀、顏色、大小、特效等外觀。

3.UI、UX 設計師重疊的互動設計

當使用者點下按鈕後將會導向某個頁面,UI 著重在按鈕外觀的能見度與視覺導引;而 UX 則著重在導向的網頁是否能夠滿足使用者的期待。

如此這般,UI 設計UX 設計師需要不斷地溝通協作,才能確保彼此的設計都能完美執行、與使用者的期望完美地吻合,最終創造出優秀的使用者介面與體驗。

如果你正在規劃要朝 UI 還是 UX 領域邁進,那麼最重要的還是思考自己對哪種設計類型比較感興趣。如果真的還不熟悉設計領域,建議這兩個方面都可以先嘗試一下,有了在這兩個領域的實際經驗後,不僅可以更了解自己適合哪個領域,也可以讓你在最後不管選擇哪一個,都能成為更好的設計師哦!

 

 

 

 

 

 

推薦文章:
人工智慧貓砂盆 – 因愛貓腎病過世 工程師研發預防性貓用醫療品


五部人工智慧電影告訴你:未來人類會與 AI 談戀愛⋯⋯還是被毀滅?


美女PM/UI設計師真實身分起底!二度就業婦女的斜槓人生


第一次上程式設計課程該選 Python 還是 Java?有什麼差別?


人工智慧結合換臉特效,細緻程度高達百萬畫素!(上)


A/B測試如何改善網站?為何讓UI設計師都說讚?!(1)


人工智慧竟然能當新聞編輯?!上線一個月卻搞烏龍?!(上)

 

超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(四)

超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(四)
超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(四)

現在超夯的UX設計和UI設計還分不清處差別是什麼嗎?就讓小編帶你認識它們!(四)

本篇為【UI/UX 設計工作完整剖析】系列的第 4 篇,完整連結如下:
1-為何UI/UX容易搞混?
2-UI設計的優點
3-UX設計的優點
4-無論UI/UX都需研究驗證
5-如何讓UI/UX相得益彰

研究是關鍵!無論 UIUX 都需要研究驗證

UIUX 若想要盡善盡美,最重要的的就是要做各種事前研究!

不管是 UI 設計UX 設計師,都必須先做各種功課——盡可能收集資料、行為數據最主要用來研究使用者的需求,思考、分析和預測使用者在當下可能的行為、行為背後的動機以及隨之而來的體驗感受。

而研究所得的數據資料將應用在初版設計上,接著有的 UIUX 設計師會透過真人測試或使用者訪談,取得使用者最直接的回饋、觀察並記錄使用者使用產品的整個過程、發現需求並構思解決方案,以確定設計能朝著正確的方向前進。

即使無法進行真人測試,也會透過 A/B 測試、易用性測試(Usability test)等方式在開發時就先測試找出問題,進一步對設計進行修改或優化。

推薦閱讀:使用 A/B 測試來改善網站 UI 設計的 30 個例子

而這樣「研究分析、設計開發、測試反饋、修改優化」的流程會重複多次,這樣的開發法又被稱為疊代式開發。與傳統的瀑布式開發相比,疊代式開發最能夠降低風險、提早得到使用者反饋,也具有更高的效率和成功率。

採用這種方法,可以在完全確定設計需求之前就開始進行開發,在一次疊代中先完成一部分設計,再通過使用者的回饋來細化,再開始新一輪的疊代。

對於 UI設計UX 設計師來說,事前研究都是非常重要,也都使用類似的方法,以求規劃出最適合的設計。

 

本系列文章未完,請點此看下一篇

 

 

 

 

 

 

 

推薦文章:
人工智慧貓砂盆 – 因愛貓腎病過世 工程師研發預防性貓用醫療品


第一次上程式設計課程該選 Python 還是 Java?有什麼差別?


美女PM/UI設計師真實身分起底!二度就業婦女的斜槓人生


五部人工智慧電影告訴你:未來人類會與 AI 談戀愛⋯⋯還是被毀滅?


人工智慧竟然能當新聞編輯?!上線一個月卻搞烏龍?!(上)


A/B測試如何改善網站?為何讓UI設計師都說讚?!(1)


怕被愛貓”戰利品”嚇到?!人工智慧貓門幫你把問題解決!

超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(三)

超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(三)
超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(三)

現在超夯的UX設計和UI設計還分不清處差別是什麼嗎?就讓小編帶你認識它們!(三)

本篇為【UI/UX 設計工作完整剖析】系列的第 3 篇,完整連結如下:
1-為何UI/UX容易搞混?
2-UI設計的優點
3-UX設計的優點
4-無論UI/UX都需研究驗證
5-如何讓UI/UX相得益彰

什麼是 UX 設計

UX 表示「使用者體驗」(User experience),顧名思義強調的是「使用者的感受」。

為了能夠帶給人們良好的體驗,必須先進行使用者洞察、產品研究、市場趨勢研究,到建立資訊架構、規劃任務流程、繪製線框圖(Wireframe)和與 UI 設計師溝通互動設計與視覺設計間的怎麼互相調和,最後交棒給工程師。

而使用者又將會得到怎麼樣的體驗,取決他們如何與應用程式互動:希望體驗流暢、直觀?那導引要設計的合乎邏輯;想讓使用者覺得自己有效地完成任務、而不是在打一場戰爭?這全部都取決於 UX 設計師的功力。

▲ 設計思維是一種以人為本的創新方法,它汲取了設計師的靈感,將人的需求,技術的可能性以及業績成功的需求整合在一起(來源:Unsplash)

 

當然使用者介面和體驗有著相輔相成、缺一不可,因此 UX設計師會跟 UI 設計師密切合作,這也是為什麼常常有許多人會混淆兩者。不同的是,UI 設計師的任務是確定使用者介面的外觀,而 UX 設計師負責確定使用者介面的結構、功能、操作方式和反饋體驗。

簡而言之,UX 如果設計良好、直觀又流暢,則使用者將獲得良好的體驗;反之則可能會把使用者趕跑,UX 設計師的工作就是努力避免出現第二種情況。那一個好的 UX 設計應該要具備有哪些特色呢?

好的 UX 設計 會具有的優點:

身為 Mailchimp 使用者體驗設計總監的 Aarron Walter 在他的《為情感而設計》(Designing for Emotion)一書中,告訴讀者如何才能讓使用者愛上你的網頁、產品或應用程式。

此書中參考馬斯洛需求理論、提出「使用者需求理論」,成為 UX 設計師思考與決策的重要參考值:

▲ 「使用者需求理論」金字塔從底層至頂層依序為:功能性、可靠性、實用性、趣味性

 

「使用者需求理論」金字塔從底層至頂層依序為:功能性、可靠性、實用性、趣味性。

從金字塔我們可以看出,產品所提供的「功能」是最基本需求;「可靠性」則是指在一定的條件、時間內穩定地達成使用者的需求;「實用性」表示使用者能順利透過產品完成他們的需求、並未來若有相同需求的時候,優先想到你的產品;最頂端的「趣味性」能滿足使用者的心理需求,作為與使用者的情感紐帶,讓使用者對產品產生好感與認同。

以上是 UI、UX 的差異分析與介紹,那它們兩者有什麼相同呢?又要如何才能相輔相成、成為完美的設計呢?

UX 設計人員也常會利用叠代式開發(iteration),即先製作其介面互動的線框稿,並以此獲得使用者的回饋,再將其整合到設計之中,獲得更好的版本。

 

本系列文章未完,請點此看下一篇

 

 

 

 

推薦文章:
美女PM/UI設計師真實身分起底!二度就業婦女的斜槓人生


人工智慧貓砂盆 – 因愛貓腎病過世 工程師研發預防性貓用醫療品


五部人工智慧電影告訴你:未來人類會與 AI 談戀愛⋯⋯還是被毀滅?


第一次上程式設計課程該選 Python 還是 Java?有什麼差別?


A/B測試如何改善網站?為何讓UI設計師都說讚?!(1)


人工智慧幫傳統甜點命名,結果卻令人笑到噴飯?!


人工智慧貓門問世,不用擔心再被貓主子的”戰利品”嚇到!

超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(二)

超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(二)
超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(二)

現在超夯的UX設計和UI設計還分不清處差別是什麼嗎?就讓小編帶你認識它們!(二)

本篇為【UI/UX 設計工作完整剖析】系列的第 2 篇,完整連結如下:
1-為何UI/UX容易搞混?
2-UI設計的優點
3-UX設計的優點
4-無論UI/UX都需研究驗證
5-如何讓UI/UX相得益彰

但隨著對 UI、UX 的認識日漸普及,目前的分工也越來越明確了,接著讓我們來看看 UI 和 UX 究竟是什麼吧。

什麼是 UI 設計

UI 表示「使用者介面」(User Interface),不管是網頁、手機 APP 還是電腦軟體,只要眼睛所看見的頁面都是 UI 設計的守備範圍。

從吸引使用者點擊的按鈕、閱讀的文字、文字輸入欄、空間配置、畫面排版、轉場和任何形式的視覺元素,一同組成一個龐大的視覺佈局。


▲ 這張照片是攝影師 Lubos Volkov 為 UX Store 拍攝的,同時提供了有關「如何成為更好的設計師」的提示。在你的技能達到一定的水平之後,就要不斷地學習新事物。(來源:Unsplash、uxstore.com)

 

除此之外,UI 也是人和電腦相遇的地方──電腦具備某種功能,人們想要利用這些功能,需要進行「輸入」(inputs)和「輸出」(outputs)。介面就是輸入和輸出的規劃安排,讓人們得以應用電腦來創造出他們所需結果。

以上工作由 UI 設計師負責,他們選擇配色方案、按鈕形狀、線條的寬度和文字的字體,精心打磨每一處「眉角」。而一個好的 UI 設計通常具有以下特色……

好的 UI 設計 會具有的優點:

1. 清晰

介面的所有視覺元素皆脈絡分明、一目瞭然,使用者不需要刻意思考每個元素的含意。

2. 熟悉

使用者可以依照過往習慣操作你的介面,例如:點擊一次為選取、點擊兩次則為打開該項目。

3. 一致性

保持整個介面的風格一致,這樣使用者可以習慣操作模式。

4. 防呆機制

一個好的使用者介面應該避免使用者不小心犯錯。

5. 事半功倍

好的介面可以讓使用者以最少的「輸入」達成所需的「輸出」,還能讓有經驗的使用者可以更有效率操作。 
▲ 一名設計師正在繪製 wireframe。(來源:Unsplash)

 

待設計完成後,UI 設計師會寫上標註和說明,轉交給工程師進行撰寫。因為需要與工程師溝通配合,UI 設計師必須跟上科技的進步,對程式語言也要一定程度的了解,以避免產生和工程師溝通不良的狀況。而帶有前端工程師及設計師雙技能的人會被稱為「介面工程師」(UI Developer),可以自己設計畫面也自己寫出網頁。

UI 設計師有時也會與「平面設計師」(Graphic designer)一同被討論,他們同樣關心美學、同樣要使介面充滿魅力、引人注目並切和主題,但平面設計師不需要考慮「使用者怎麼操作」的問題,平面設計基本上也不需要被操作;而 UI 設計師則要思考如何引導使用者操作並完成任務,因此兩者還是大不相同的。

 

本系列文章未完,請點此看下一篇

 

 

 

 

 

 

推薦文章:
五部人工智慧電影告訴你:未來人類會與 AI 談戀愛⋯⋯還是被毀滅?


美女PM/UI設計師真實身分起底!二度就業婦女的斜槓人生


人工智慧貓砂盆 – 因愛貓腎病過世 工程師研發預防性貓用醫療品


第一次上程式設計課程該選 Python 還是 Java?有什麼差別?


UI設計師的最佳神隊友,A/B測試例子大公開(一)


人生要自己決定怎麼過!品保人員靠Python課程翻轉人生!


人工智慧創意無極限,傳統甜點被正名為快活興奮劑?!

超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(一)

超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(一)
超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(一)

現在超夯的UX設計和UI設計還分不清處差別是什麼嗎?就讓小編帶你認識它們!(一)

本篇為【UI/UX 設計工作完整剖析】系列的第 1 篇,完整連結如下:
1-為何UI/UX容易搞混?
2-UI設計的優點
3-UX設計的優點
4-無論UI/UX都需研究驗證
5-如何讓UI/UX相得益彰

UI vs. UX 設計 – 為什麼容易搞混?

UI 設計UX 設計 常常混在一起使用,或者將兩者視為同一種專業,也有不少公司開出「UI 設計師」的職缺,卻要求應徵者要具備兩種能力,真的很令人困擾。

除了因對 UI、UX 不甚了解外,其中一個原因是 UX 包含的事情相較為廣泛:從介面設計、視覺風格、程式功能和運作效能等等都是其中一環,與 UI 設計或多或少有所重疊。而且大部分的專業設計師對這兩種專業都有涉獵,久而久之就常見 UI、UX 並稱的狀況了。

▲ UI、UX 設計雖為不同專業,但在某些方面會有重疊。(來源:Asinthecity)

 

本系列文章未完,請點此看下一篇

 

 

推薦閱讀:
使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!


人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛


前端工程師該懂的後端技能 : MySQL教學-DDL DML DQL DCL


介面、體驗大不同!UI設計/UX設計工作內容完整剖析


A/B測試如何改善網站?為何讓UI設計師都說讚?!(1)


零基礎也能轉行軟體工程師?!達內教育辦到了!!


如何學好SEO課程?GA工作階段你必須先認識它!(上)

別讓你的年紀侷限你的想像!UI設計課程帶你開啟事業第二春!

別讓你的年紀侷限你的想像!UI設計課程帶你開啟事業第二春!
別讓你的年紀侷限你的想像!UI設計課程帶你開啟事業第二春!

UI設計課程怎樣為你帶來事業第二春?美魔女設計師不藏私大公開!


▲ 現職 PM 兼接案 UI 設計師的陳小姐,看不出已是 41 歲的二度就業婦女。

 

現在任職為 PM 的陳小姐,完全看不出來她是 41 歲的凍齡美女! 更激勵人心的是:她是二度就業婦女,而且是去年以 40 歲的年紀,才開始學習 UI 介面設計!現在的她,可以很自信地告訴周圍的人「我也是設計師」。她的親身體驗,見證了一件事! “只要肯努力,人生隨時可以重新開始! ” 以下是她的自白:

非本科系只要用對學習方法 也能成為專業

我本身「非」 UI 設計相關背景出身,也只有在工作上遇到製作文宣的場合時,勉強說跟設計沾上邊。後來在 2019 年轉職之際,發現自己其實對 UI 設計領域有興趣,就下定決心要學習相關知識與 UI 專業技能。

透過網路搜尋,我發現達內教育有開設 UI 課程。經過幾次線上詢問後,達內教育的線上諮詢人員與業務都以親切卻又不失專業的態度,一一回答我的疑慮。最後我決定要在達內教育學習 UI 技能。

其實從一開始的網路諮詢,到線上學習階段,在到最後結業的整個過程,老師們跟小幫手們都以熱心、專業的態度,精準對應我的問題並回答,可說是完全沒有線上學習的隔閡感!

工作結合興趣 讓我上下班都快樂

我已經結業了。現在公司很多行銷方面的需要,我都有能力操刀;除此之外,我自己也開始接平面設計的案子,正式開啟我的 PM/UI 斜槓人生,多一分業外收入!

達內教育的教學系統給了我很大的幫助,讓我從一個毫無UI相關背景的門外漢,也能在短期內成為能獨立接案的設計師!很感謝達內教師群以及小幫手的協助,讓我可以將興趣與工作結合。

有夢最美~踏實築夢,永不嫌晚!

我今年已經 41 了,其實我從去年才開始真正學習 UI設計 相關專業知識及技能。一開始,我也擔心:我是否能跟那些專業本科系出身的年輕人並駕齊驅?我能像他們一樣,創意與靈活兼具嗎?

結果證實,只要我願意朝著明確目標努力,有達成的決心與意志,就算是有再多的爭競對手,也絕對能走出自己的一片天。堪稱是中年二度就業婦女行列的我,也能很自信的說:「我是設計師」!

 

 

 

 

推薦文章:
介面、體驗大不同!UI設計/UX設計工作內容完整剖析


前端工程師該懂的後端技能 : MySQL教學-DDL DML DQL DCL


人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛


使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!


國小畢業又如何?!上對Java課程就能翻轉人生!


A/B測試如何改善網站?為何讓UI設計師都說讚?!(1)


上對Python課程,非資工系系也能短期轉行當網站工程師?!