5G時代來臨,你不得不知2020 UX 趨勢(下)

掌握2020 UX 趨勢要點,迎向5G時代(下)

本篇為下篇，上篇「5G影響下的UI設計趨勢」請點此連結

5G影響下的UX設計趨勢

1. 為「速度」而設計（Designing for speed）

如前篇所述，5G將在全球開始普及，數據傳輸速度在大大加快的同時，也代表讀取時間大大減少，幾乎趨近於零。這對對UX設計來說這意味著一個新的標準，因為未來任何頁面、任何功能在任何時刻的延遲，用戶都不再接受。
有傳言2020年所有的iPhone都會支援5G，畢竟由奢入儉易、由儉入奢難，那時要用戶等那怕只有一秒都很難了！

2. 讀取進度條將被淘汰（No more loaders）

▲ 5G影響下的UX設計趨勢:讀取進度條將被淘汰

當網頁在加載時，常常會看到一個讀取進度條、或是不斷轉動的小圓圈，用來告知使用者還需讀取多久的時間。
延續上一項，因為過去的數據傳輸速度有限，但5G將使這些讀取進度條消失，漸漸地使用者會不想再看到讀取進度了。

3. 產品負責人不勝枚舉（Product owner everywhere）

產品負責人（Product owner）是指公司裡負責將產品價值極大化，並負責管理產品代辦清單，對產品負有最終責任。通常只會有一位產品負責人。
現今的數位或電子商務公司，整個公司有多個產品負責人已不是新鮮事，有APP程序負責人，後端產品負責人與SEO負責人等等。
2020年後，產品負責人從管理用戶需求、監督開發、確保測試改進到最終增加價值等，將在數位行業中廣泛使用。

UX稽核將成為趨勢（UX audit becoming a trend）

UX Audit、UX稽核，通俗地講就是 UX 健康檢查，UX Audit的目的是讓設計師找出其中使用者經驗還未臻完美的部分，提供改版時優化產品體驗的著眼點。
對快速發展的新創產品而言，很容易將不斷追加額外新功，但UX設計師的首要之務其實是要將一件事做到最好，不斷精進最核心的使用者體驗，這在未來將會更加被重視。
從2019年開始，UI與UX設計便是一種不能擋的趨勢，到2020年依然會繼續升溫，並且5G世代會給它們更多發揮的舞台、依然有無限的發展可能！

參考連結:

5G時代來臨,你不得不知2020 UI 趨勢(上)

UI設計之配色攻略:5個黑色的設計意義和用法(上)

UI設計之配色攻略:5個黑色的設計意義和用法(下)

網路行銷的7大秘訣(共四集)-1.概論與內容行銷

網路行銷的7大秘訣(共四集)-2.SEO與EDM

網路行銷的7大秘訣(共四集)-3.社群行銷與CRO

2天考取Google Ads證照！新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略

從無到有 挑戰14小時取得Google證照

5G時代來臨,你不得不知2020 UI 趨勢(上)

掌握2020 UI 趨勢要點,迎向5G時代(上)

本篇為上篇，下篇「5G影響下的UX設計趨勢」請點此連結

2020 UI、UX設計關鍵影響：5G

▲ 5G 時代的即將來臨，所有產業都牽涉其中。

5G無疑是象徵我們即將迎來嶄新的商業模式、掀起大規模產業變革以及為其他未來科技開啟一扇大門──如自駕車，5G將成為這項科技得以開花結果的最大助力，幾乎任何高科技產業都會受到衝擊。
無疑問的，5G將會是2020年影響UI與UX設計潮流最大的因素，這也闡明「速度」將會是今年度的核心理念。
了解大環境的因素，接著就讓我們來細看5G影響下的UI和UX領域的各別趨勢：

5G影響下的UI設計趨勢

1. 訂製圖像（Custom-made graphics）

但是如果沒有品牌圖像，也不需急著去購買五花八門的圖庫（stock photo）套用，取而代之的則是要設計獨特、屬於自身的且符合品牌形象的圖像在網站或產品上使用。
好的視覺設計可以為品牌價值錦上添花，能使產品與服務顯得更有說服力和平易近人，而企業logo或標誌設計是品牌形象的核心。

2. 動態圖像與動作特效（Motion graphics and motion effects）

過去由於4G的侷限，複雜的動態圖像與花俏的動作特效可能會拖慢網頁的讀取，甚至有的使用者根本無法讀取。
但隨著5G的興起，這在2020年後將不再是問題，並徹底改變目前的設計思維，也不用擔心因網速太慢讓巧思被埋沒。
靜態圖像將會變成可以接受、但乏味無聊的，未來如果想奪得客戶注目，設計師需要更具創造性地對內容、字體與圖形等素材等進行動畫處理。

3.　使用對比度稍低的漸變色 （Use of less-contrasting gradient）

「漸變色」是近年的熱門配色，而在2020年，對比度較低的漸變色：如藍色到淺藍色、灰色到深灰色等，將流行於網頁整體配色，這樣的設計保持了乾淨簡約的主體，但有保有變化而能不枯燥。




參考連結:

5G時代來臨,你不得不知2020 UX 趨勢(下)

UI設計之配色攻略:5個黑色的設計意義和用法(上)

UI設計之配色攻略:5個黑色的設計意義和用法(下)

網路行銷的7大秘訣(共四集)-1.概論與內容行銷

網路行銷的7大秘訣(共四集)-2.SEO與EDM

網路行銷的7大秘訣(共四集)-3.社群行銷與CRO

2天考取Google Ads證照！新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略

從無到有 挑戰14小時取得Google證照

2020在台啟動人工智慧LINE

 LINE預計2020全面導入人工智慧技術!好期待啊!

▲ 2019 年的 LINE 開發者大會（台灣場）會上提供來自日本 Line 開發者大會（LINE DEVELOPER DAY 2019）的第一手訊息
科技產業的年度盛事 LINE 開發者大會（LINE TAIWAN TECHPULSE 2019）日前於和平籃球館順利落幕，這已經是 LINE 在台灣所舉辦第四屆開發者大會了，隨著參加者越來越踴躍，今年的參加人數達到新高峰的 1200 人，足見這場盛會備受矚目的程度。
大會除了為台灣開發者提供來自日本 Line 開發者大會（LINE DEVELOPER DAY 2019）的第一手訊息，並分享眾多領域的最新趨勢外，LINE 台灣董事總經理陳立人也在大會上宣布：2020 年 LINE 旗下服務將全面導入人工智慧 LINE BRAIN。

亞洲 AI 先驅「LINE BRAIN」最快 2020 下半年在台試行

「我們希望成為亞洲人工智慧的領先者。」陳立人說。
LINE BRAIN 整合了 LINE 旗下各項人工智慧技術，目前正在規劃最佳的模式，以將 LINE BRAIN 導入台灣市場。
至於推動進程，陳立人表示：會參考台灣其他新創開發工具與技術平台，上半年先將 AI 技術運用在 LINE 自身服務上，著重蒐集台灣用戶的反饋以提升使用者體驗；下半年開始尋覓技術夥伴，將鎖定系統整合業者或企業技術部門深度合作，以期貼合台灣使用者的需求，為 LINE BRAIN 找到最「貼地氣」的實現場景。期待最快 2020 年下半年即可在台開始試行。
LINE BRAIN 計畫主要聚焦在八大人工智慧領域，包含：自然語言處理、語音辨識、電腦視覺、OCR、臉部識別、影音處理、資料分析、語音合成。

八大AI領域　團隊成員包含各種專業人才

▲ 「LINE AiCall - DUET」是 LINE BRAIN 八大 AI 服務中的其中一項「語音合成（Voice）」，能識別客戶的話語，能幫助店家在業務繁忙時，即時回應客戶預約等需求。
在總部的 LINE AI 架構圖中，說明的即是 LINE BRAIN 的技術總覽，將八大領域連結 LINE 提供的服務，如下所示：

自然語言理解（NLU）：

讓 AI 擁有理解人類語言的能力，應用在 LINE TODAY 的內容推薦、LINE 客服小幫手中的聊天機器人對話，與 LINE 購物相關搜尋等服務。

資料工程平台（Data）：

應用在 LINE SPOT、LINE 旅遊、LINE MUSIC、廣告精準投放等。

光學字元辨識（OCR）：

應用在建議貼圖與掃碼捷徑，也可讓用戶在 LINE 聊天視窗內選擇上傳照片至 LINE 伺服器進行分析處理，直接將圖片轉成文字。

語音辨識（Speech）：

▲ Line 語音助理「Clova」也加入 AI 戰局，要跟美國的 Alexa、Google Assistant 一決高下。
如日本推出的 LINE 智慧喇叭 Clova WAVE、以造型可愛博得用戶青睞的 Clova Friend、Clova Friend Mini，都搭載了智慧語音助理 Clova。

1. 凜冬將至，快來讓 AI 語音助理制定你的專屬抗寒對策吧！
2. 人工智慧會讓 Siri 更加情緒化，更掀起 AI 平權運動了？

語音合成（Voice）：

語音識別和語音合成，都應用在日本推出 AI 訂位技術服務「LINE AiCall」，能以極為自然的方式，跟來電訂位的顧客對話，並且已有日本餐廳引入展開AI電話訂位服務的實測了。

臉部辨識（Face）：

今年在 LINE Developer Day 首次應用的的技術，例如透過視訊通話互動的「Face Play」新款遊戲。

1. 來玩玩Google的視覺AI-讓人工智慧說出圖片中的物件是什麼吧
2. 蒙娜麗莎對你眨眼說話?三星AI讓名畫活起來了
3. 眼見不為憑——英劇《真相捕捉》詮釋AI換臉的威脅

影音處理（Video）：

自動特寫影片人物的影片自動剪輯能力。如大會現場展示了一段 AI 辨識偶像團體演出影片的技術，透過臉部、骨架和動作模式，可以清楚區分出每個成員並自動剪出特寫畫面。

電腦視覺（Vision）：

用於商品圖像搜尋、與聊天室可以使用的臉部AR：可以先辨識表情再轉換成對應熊大等虛擬角色的表情，而非只是把圖案貼在使用者臉上。

從即時通訊軟體到AI公司

「現在，LINE 已經是一家 AI人工智慧 公司。」LINE 共同執行長慎重熩（Jungho Shin）揭示 LINE 的新定位。
從 2011 年問世開始，LINE 前幾年以擴大市場、搶攻用戶等一般通訊軟體的發展目標為主，但直到 2016 年開始轉而聚焦內容服務，以人工智慧技術為新的戰略目標，擁有每月 1.85 億活躍用戶群體和其資料數據的 LINE，在發展大數據技術上有得天獨厚的優勢，搭配AI優化各種與生活息息相關的服務和功能，可謂如虎添翼。
過去幾年，LINE 不斷招募大量AI 人才，LINE 台灣也成立了自己的專業工程師團隊，成員包括資料工程師、資料分析師、自然語言處理工程師等等，目標是發展出頂尖技術，挑戰全世界的市場。
你我生活中不可或缺的 LINE，和旗下越來越多的相關服務，都已經引入人工智慧，是勢不可擋的趨勢，也代表了對相關從業人員的大量需求，不只 LINE，也有越來越多公司正擴大他們的 AI 版圖、建立台灣在地團隊。如果擁有相關專業技術，相信會是炙手可熱的人才喔。



參考連結:

達內教育統整:菜鳥常犯的影片後製十大錯誤

微積分好難?一個步驟,人工智慧立馬幫你解題(上)

微積分好難?一個步驟,人工智慧立馬幫你解題(下)

Python打造的完美嬌妻,在日本搶破頭也要買?!(上)

Python打造的完美嬌妻,在日本搶破頭也要買?!(下)

可以靠自學成為前端工程師嗎?首先你要先會這個...

2天考取Google Ads證照！新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略


從無到有 挑戰14小時取得Google證照 ​​​​​​​

最新英劇詮釋人工智慧換臉技術犯罪,超燒腦

人工智慧結合換臉技術的技術,將提高犯罪率嗎?警察杯杯要繃緊神經了!

AI人工智慧的 Deepfake 技術居然可以用來殺人？驚悚犯罪英劇《真相捕捉》劇情曲折刺激，用無處不在的監視攝影和 Deepfake 技術告訴你：你信以為真的事物都可以是偽造的！

峰迴路轉的 6 集短打影集

由BBC ONE拍攝播出的英劇《真相捕捉》（The Capture）日前播出最後一集，2019 年 9 月開始播出一共 6 集，集集精彩、引人入勝，堪稱是今年最受好評的驚悚犯罪影集之一。

▲ 英劇【真相捕捉】掀起人工智慧犯罪疑雲

故事主角是一位名叫尚恩．艾默里（Shaun Emery）的英國軍人，因服役時在阿富汗殺害塔利班戰俘而被定罪，但卻在服刑坐牢 6 個月後，因為被當成關鍵證據的錄影片段有漏洞被推翻而無罪釋放。
剛重獲自由的尚恩，因其律師漢娜一直以來都信任他無罪，進而對漢娜產生好感，並出獄後在大街上向她表白；但此時，監控錄影顯示的卻是尚恩毆打、並綁架了漢娜律師，且漢娜此後便人間蒸發。於是出獄不到 24 小時的尚恩，馬上因為另一個監視錄影畫面，捲入一起新案件中。
因「罪證確鑿」，尚恩原本要被再次抓回警局，但此時重案組的警官瑞秋卻突然撤銷對尚恩的控訴，原來她打算派人跟蹤尚恩回家，試著找到失蹤的漢娜，而她本人則坐鎮監控室，從監視錄影看著尚恩。
然而，他們愕然發現接下來的一切，監控畫面和現實的場景完全不一樣！
瑞秋看到尚恩坐上計程車，跟一個持槍的神秘男人碰面；但跟蹤尚恩的兩名警察看到的是整個街道空無一人，更沒有什麼計程車。難道是畫面出現了延遲，還是……監控遭到入侵竄改？
　　
最終他們確定了整個監控畫面都是假的。此時的尚恩，正被一個神秘組織關在房間裡……
《真相捕捉》圍繞作為判案證據影片的真真假假，鋪陳出警察局、情報部門、維權組織等三方力量交鋒的精采故事，包含「司法正義」、「假新聞」、「AI 換臉」等議題的探討與啟示。

• AI寫作能力強過人類，恐成為假新聞製造機?
  
• 馬斯克宣布離開 OpenAI 的真正原因是...研發的AI太會寫假新聞?
  
• 日本研發人工智慧人妻?假的!但是本尊也是美女,還會跟你閒話家常
  

攝影機成為日常生活裡的重大危機

《真相捕捉》最後一集在 BBC 播出時，吸引了 1,400 萬英國人觀看，這部影集獲得英國大眾這麼熱烈的迴響，或許跟倫敦是鏡頭安裝密度極高的城市有關。
早在2007年英國皇家工程科學院就曾有調查，報告英國設有 420 萬個閉路電視監控攝影鏡頭，平均每 14 人就有一個，數量高居全球第 5。
倫敦居民每日平均受到 300 個攝影鏡頭的監控拍攝，英國專業消費者網站 Comparitech 在 2019 年 9 月曾有調查顯示，倫敦是歐洲攝像頭監控最嚴密的城市。在這密如蛛網的監控體系下，個人要維護隱私權彷彿成了天方夜譚。
但，比天羅地網般的監控攝影機更令需要警惕的是 Deepfake 技術。

AI 技術武器化

無論是無處不在的監視攝影機或Deepfake技術，都指向 AI 人工智慧一個令人備感擔憂的未來──武器化。「武器」除了無人機、無人艦艇之外，國際間也不斷有停止研發 AI 武器的呼籲；但也有許多沒有實體、但依舊深深威脅著我們生活的「武器」，如劇中出現的 Deepfake 技術

• 美國將AI納入軍用!到底人工智慧會成為人類救星還是殺人機器
  
• 特斯拉CEO馬斯克:AI恐帶來末日FB祖克柏打臉嗆聲
  

Deepfake 是一種影片換臉的 AI人工智慧 技術，簡單分解它的步驟：

• 分析目標對象各個角度的大量照片
  
• 透過演算法製造出目標對象的各種表情，藉此和影片中某個角色的面部表情完全契合
  
• 影像合成，看起來就像目標對象真的參與了影片
  

　隨著AI技術不斷進步與應用在現實生活，AI 的武器化如今已經被廣泛視為近年最值得關注的安全威脅之一。史蒂芬‧霍金也曾表示，數位個人助理 Siri、Google Now 以及 Cortana 都只是 IT 軍備競賽的預兆，未來數十年競賽將更加激烈。

• 蒙娜麗莎對你眨眼說話?三星 AI 讓名畫活起來了
  

眼見再也不能為憑

即使現今對 Deepfake 普遍的態度是抵制，如推特、Facebook、亞馬遜、Google、微軟等科技巨頭都開始研擬阻止、破解假影片的措施，但依然難以消弭它對我們的威脅。
密西根大學社交媒體責任中心前首席技術專家 Aviv Ovadya 擔心：「Deepfake 會讓未來社會將出現『真實冷感』（reality apathy）現象。」指經常接觸虛假資訊會讓人認為所有訊息都是一場騙局。在世人對難以信任接收到的訊息時，隨之而來的是社會信任的坍方。
《捕捉真相》讓身處 AI 人工智慧當道下的我們，看到技術可能會帶來的危害，帶來更多啟發與探討。眼見為憑的信條被推翻，科技進步的速度快得無法想像，如果不想讓自己被這些科技操控，只能先一步了解它們了。


參考連結:

知名公司預測2020人工智慧趨勢(上)

知名公司預測2020人工智慧趨勢(下)

別讓Siri不開心!人工智慧也掀平權運動?

上台報告常常說不出話?別擔心~讓人工智慧教練推你一把!!

電影告訴你Python和人工智慧如何影響人類!(上)

電影告訴你Python和人工智慧如何影響人類!(下)

2天考取Google Ads證照！新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

44歲媽咪順利轉職網頁設計師, 家庭事業都得意


零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略

JavaScript教學15.函式回傳

對Javascript有興趣嗎?免費入門教學在這裡!本篇是15.函式回傳

本篇要來介紹的是函式回傳.一個 JavaScript 函式（function）可以選擇使用 return 語句，讓 函式 回傳結果。當進行需要結果的計算時，此語句很有用。
當JavaScript  執行到 return 語句時，函式則會停止執行。
return 語句可用來回傳結果。如下例，對兩個數值 x,y 進行運算後回傳結果

See the Pen JavaScript15-theReturnStatement by Tedutw (@Tedutw) on CodePen.

如果你不從函式回傳任何內容，它將回傳為 undefined。例如，我們將上述的例子中，「return a * b;」改為「return;」，則結果如下面所示：

See the Pen JavaScript15-theReturnStatement-1 by Tedutw (@Tedutw) on CodePen.

return 語句要寫在函式定義的最後方，另一個 return 語句的範例如下：

See the Pen JavaScript15-theReturnStatement-2 by Tedutw (@Tedutw) on CodePen.

參考連結:

JavaScript教學12.使用者定義函式

JavaScript教學13.函式中的參數

JavaScript教學14.在函式中使用多重參數

有了它人人都可精準選角拍電影?交給人工智慧準沒錯?

還不懂Python的你趕緊看過來,為你獻上基礎介紹(一)

還不懂Python的你趕緊看過來,為你獻上基礎介紹(二)

2天考取Google Ads證照！新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略

從無到有 挑戰14小時取得Google證照

JavaScript教學14.在函式中使用多重參數

對Javascript有興趣嗎?免費入門教學在這裡!本篇是14.在函式中使用多重參數

函式中使用多重參數

在上一篇JavaScript 教學文章「函式中的參數(Parameters)」中，介紹了 函式 中的參數用法。而本篇JavaScript  教學則介紹在函式（function）中置入多個參數的方法。
一個函式中可以使用兩個以上的參數，參數間以半形的逗點「,」隔開。例如名為「myFunc」的函式中置入了三個參數，其寫法如下：

function myFunc(x,y,z) {
  //這裡寫上要執行的程式代碼，定義這個參數。
}

這些參數被使用於函式的定義中，寫法範例如下：

function  sayAge(name,age){
  document.write(name+" is "+age+"  years old.")
}

當你在宣告上述的「sayAge」函式時，就在小括號中寫入兩個參數的值(即為「引數 arguments」）。兩個引數須依照參數的順序來寫，範例如下：

See the Pen JavaScript14--function multiple Parameters by Tedutw (@Tedutw) on CodePen.

另一個三個參數的範例如下：

See the Pen JavaScript14--function multiple Parameters-2 by Tedutw (@Tedutw) on CodePen.

假如你宣告函式之後，你所輸入的引數數目小於參數時，則缺少的引數就被設置為「undefined」。如下例中我們定義了三個參數，但是只輸入了兩個引數，則第三個引數就會自動被設置為「undefined」。

See the Pen JavaScript14--function multiple Parameters-3 by Tedutw (@Tedutw) on CodePen.

參考連結:

JavaScript教學11.break與continue

JavaScript教學12.使用者定義函式

JavaScript教學13.函式中的參數

有了它人人都可精準選角拍電影?交給人工智慧準沒錯?

還不懂Python的你趕緊看過來,為你獻上基礎介紹(一)

還不懂Python的你趕緊看過來,為你獻上基礎介紹(二)

2天考取Google Ads證照！新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略

從無到有 挑戰14小時取得Google證照