首先感謝透過蕭婷的關心還有介紹一下我們來跟你拜訪我們今天主要是會想要跟主委這邊講一下說剛好我接到一個委託案幫老保局的螢幕系統做整個設計和前段部分然後想要給你看一下我們做出來的業力的設計然後有一些問題想要當面請教一下開始之前我簡單介紹一下我們團隊的成員我們公司叫Able Studio我們主要的服務是有做網易設計還有數位行銷還有包含UIUS的設計還有做一些數位行銷上面的Banner的設計還有做一些Motion Graphic簡單的動畫對我們有這些服務項目其實我們未來是想要把它做成Digital Branding品牌數位化的發展這塊其實在國外已經形勢永遠在台灣我們希望往這個方向推進我們團隊裡面成員蠻多的我今天來的部分因為其他程式還在幫別的案子這樣子就是我舉的方式出席下次應該弄一下我們有設計我們有寫程式有一些負責管理跟策略推廣的同伴就是我們的團隊成員其實我們成立不久所以我們案例不多但是我們靠的都是把我們的作品拿去國外比賽其實這兩年來其中一個對我來講比較經典的案例是做公務院創投基金ITIC網站的Rebranding我們除了幫他做網站以外應該說透過網站我們幫他做了很多定義比如說他有多餘系的定義應該用什麼字體什麼語言的Fault然後做UI的色彩的定義然後版型的定義語言鍵的定義這些都希望可以延伸到未來其他的宣傳而不是只有做在網站上一物多用的概念那這一個有得到一個德國German Design我太來說他不能來所以他希望讓你看到他那算是我們的一個小的成就那也是因為這樣的成就讓我們接到其他像老保局這樣的案子那我們設計公司比較特別是我們有一個Filosophy叫做AGTC它其實是從生物的DMA演變過來那因為我本身有Nicametry跟Bio的背景然後我就不是亂想就想說品牌核心價值是不是也用這四個項目所以我就梳理出四種一個是ARF一個是GROPE一個是Technology再來是Conscious那其實在發現各個企業如果你要成就為一個很棒的企業我們認為這四個要點都必須要有同時劇例如像Apple大家一定對他的科技很有印象他的企業規模經營成長一定有他的一個模式存在或者他沒有辦法在群職界管理這麼多員工供應鏈那ARF這件事情是最多人去探討科技與人民的交匯點創造出來的藝術那我們可以看到他在人群關懷跟環境以上有一些作用所以我們認為說這個概念可以用在很多企業我們也希望台灣或是台灣的企業也可以朝這個方向發展所以我們都用這個模式去跟我們的科目溝通幫他們找到更新的可能性雖然是我們比較有跟一般設計公司有點不一樣的方向好 那以上是我們簡單的公事簡介那另外的話我就直接進入主題去介紹老保局液化的什麼系統那這一個系統我就不追溯現在的版本因為就是公務人員公家單位等等的版本就是那個樣子那主要的部分我們分四個角度來講是頁面布局來講的話我們就做兩個Type那這兩個Type分別是針對不同的身份一個是個人的身份登錄一個是公事昂號我們叫做投保單位的登錄系統它會有兩個不同的登錄界面的縫那並且在每一個縫裡面我們都去做一些輔助區的定義還有一些區塊的定義去切割它的資訊成型那來自於說這些比較細向的頁面的功能都是有去做一個詳細的定義出來那這是不一樣的呈現內容都會有不一樣的決印這樣子大概是這樣子的呈現然後這是個人的畫面就會有一個不同的區域它可以做什麼樣的功能去下一個 dashboard 的概念然後這是像一般資訊呈現出來的表單欄位的排列的方式那我們也有猜減到 UI Key所以其實我們在做第三 Language 的定義是定義的非常盡量定義多詳細就定義多詳細好 那就是顏色的定義我們最常用的主色系是橘色在這個系統那橘色的使用比例就比較高所以我們在那個區域的話就實驗比較大一點讓大家可以知道那棄次之然就是表單的整個方式就綠色然後再來的話一些比較重點的提示我們就是用點點去表達這樣子因為政府的網站還要有符合無障礙規範所以這一些部分我們還要先去做設防測試對 去先預定的說這個部分的對比度在無障礙規範裡面是不是可以完全了解就做完全了解想問一下那個 App 的部分是也會不會沿用你們這套系統嗎我目前聽到的說法是 App 會移除對 未來他們有可能就是走過就是你 RWD 如果做得好的話其實就從外面不想安裝那個網站對 沒錯目前局內有這個想法所以這個案子我們就做盡量支持盡量支持對不對然後還有一個我們就是放置字體字體的定義這樣子對 然後還有 Layout 的定義我們才用 8PT 為一個一個元件要去定義你 8PT 去定義每個元件的距離這樣對 然後還有表格的定義還有這些就是細部的元件就是資訊的元件呈現每一個案看我們都請生意師守會OK做到這個程度我們希望代表國家做系列是對然後再來的話就是有一些使用者體驗你說流程優化怎麼飆出來你是在第幾步驟這應該是過去的系統可能沒有現在的系統我們把它加進去的對 還有就是說申請的流程怎麼樣把資訊很簡單的呈現提醒 警告比如說我們做了一個鈴鐺的概念就像 Facebook 或 Line 鈴鐺提示它其實可以點鈴鐺就可以知道一些特殊狀況對然後我們表達用話怎麼填寫我們也有去思考這些填寫流程還有對話不能方式當然還有像手機板介面每一個頁面都有盡量做RWD然後有一個特別的是新手殺路這個系統上線之後我們預期它的變革會非常大即使它的流程是一樣對於操作者來講是一個很大的變革如果不要這個重演氣象去新版的狀態我們特別在新手殺路有特別特別的去設計一些巧思這樣所以其實這個主視劇也是我們找設計師去繪製出來的這樣子對當然變成說我們新手殺路其實現在的政府在QIA這一塊就是把所有資訊塞在一起所以像過去身份別不同你要查詢的介面都在一個其實你根本找不到你想要什麼所以我們這邊很強調在搜尋上面的分流你是什麼身份我就給你看相對的資訊不是你的身份我們就不會給你看這個資訊因為那是干擾的非必要的對所以我們在這一塊做得很新這樣子所以以上的部分是我們在UIU的設計One more thingYeahOne more thing其實我們這案子還有包含到前端是所以我們就在思考一件事情就是設計可以用第三個語言去定義Coding可不可以我們在一般的設計應該是應該是可以但是我們在跟勞保局公眾友好有帶感性的地方好的部分是以上的設計勞保局是接受的我們其實很感激因為政府單位願意跨出這一步我們實在覺得很Appreciate是但其實人是彈性的我們希望說在前端技術或系統技術上如果也可以一起有新的觀念進來對會不會更好對所以其實去年在跟小林聊天的時候我們就講到這個案子一開始的一個狀況是我要支援什麼有亂七對其實我們一直說好我為人都不支援你們一直支援對天荒地老很深愛對我們拿出很多數據對Upgrade一次去年我抓給勞保局的時候阿姨是大概百分之三現在已經剩一個七十對其實我們也收到一些情報就是說政府單位其實在今年已經陸續編大規模預算做系統的升級對所以變成說這只是一個其中一個點另外一個點比如說一目的尺寸要不要支援以四比三為標準其實對我們來講現在大家都用十六比九但是受限於這個case的規範我們還是得做這樣子的一個Go跟Zephyl出去不過這個是什麼十比七嗎對還好我們做RMV對亂七八糟比對不過typicality我們先做1440為標準來去做這樣子的部分點出這個點是在於說其實後面後面還有很多我們在系統開發上有很多我們想要提供新的做法其實我們的創意總結他用心的寫了一段很長的話然後我大概放了一下其實我們想要講的重點其實是這個我們在溝通的時候聽到幾個現象我們想建議用viv然後大家會講說viv是中國人不可以移用然後我們覺得API開發可以用swagger然後他們說swigger是雲端很危險沒有swigger其實是進端也可以跑對我們得到的訊息然後react太新了不可以移用我們聽到很多事情react太新對太新然後會有一個人會覺得太舊本來對然後講到後面所以我們拿出我們生命去保證保證都不可以用就一下點納的那種方法對燃燒類型的消音之後對但應該說我們這樣做的目的其實是一個點是在於說這個系統預計2021年上線甚至局內希望年底就上線他們非常期盼趕快上線不過你要用到2030年大概只有API的確分的方法我們所有的前段裝置不一定會survive對尤其是現在這個案子是有這顆月一根確認作為規範對當然未來這個東西不是說會停掉只是說這樣的技術是2025年的主流我們是科技大國我們這個狀況下面就是我們的擔憂對其實我們可以一切都不管照著規格就把事情做完了但我會覺得今天來跟主委聊天的時候就是想要講一下你對這件事情的看法就是人跟鬼就是他神沒請出來你們覺得前段之神嗎前段之神也沒有辦法我們也經歷了就是把自我介紹裡面對就是這樣感謝神所以以上是我們這個案子的介紹想說有機會可以聽到您的看法有沒有什麼神域有點聽起來那個簡化範疇OK目前的版本當然絕對是你們不管怎麼做都是比較好我剛剛開了發現在Mac上它是標開體非常的奧妙因為它的字型是細名體新細名體標開體那Mac上有前兩個但是如果你有去灌一些相關的軟體你會有標開體所以就變成了標開體所以真的是非常懷舊的這樣的一種版型不過我想如果它的標案的規格裡面有特別說一定要支援某個特定版本的話那這個確實是有改進的空間因為我們不管是征服的數位服務專責也好或者是我們自己自安相關的就標準組態GCB也好這些其實我們都目前就是說如果未來都不支援的話那我不知道我們要支援幹嘛這樣子所以我想先釐清的是說它是有把IE8或IE11或什麼直接寫在那個規格裡面它有一份系統規範在去年的時候寫的他們就是寫到應該解釋一下這個標的架構是NEC去跟大龍資訊一起的標對那我們算是NEC他把這一個前端跟設計案切出來給我們做所以我們算是勞保局跟NEC跟Able Steel三方一起勾搏對那在一開始NEC有寫的一份規範它是有寫說涵蓋到IE的使用沒有沒有沒有所以這是一個可以擴大解釋沒有請計選我們也想擴大解釋甚至建議說不要對但是其實在勞保局的角度是說他們公家單位希望有人叫做E旬而且這個E旬不是根據資訊資訊例如假設今天國發會或是某個單位有匿名這件事情讓他們去遵守他們會覺得比較OK其實我們剛剛寫的這些細項目都是一樣的問題對就是有沒有一個地方是可以E旬然後那個E旬是官方出來的然後並且這個資訊是新的有就是政府網站裡面交流平台Web Guide有存在這樣的東西有存在這樣的東西對你就找Web Guide換句話Y Web GuideNAT.gov.tw好它顯然不是用Web Guide好沒有它事實上有做滿多事情包括導入使用者中心設計的工作方或者是應用性測試的服務檢章或者是一些相關的期間和系統有量儀表板等等大概都就是比較先進的都會有而且裡面甚至還有分享一位互動設計師零設計師對於健保快遺通整個打掉重量的互動分享因為健保快遺通本來只有幾十萬人用忽然變成很多百萬人用一個狀態對所以這個除了說就是會去檢查一下E旬開的就是診斷碼有沒有搞錯之外最常被檢討的就是它的移用性所以他們會很主動的去做那也有這種辦公室合作30個intern然後去給這個就是國法會解公站就要平台當作新鮮的當作那個當作這個引導新的設計理念的這個類似數位的青年大使這樣吧去類似你們這樣的做法去引導他們的設計的方案這樣子還不一樣說一戰時當山就是這樣子來的以前都是要分別的天堡現在有一點一戰派電臺灣就像一個網站所以如果你看山服務管理規範或者是政府數位服務轉責的話那其實絕大部分這邊提到的依據都可以在那裡面找到哦 了解包括清合型視覺設計文字樣式圖片多媒體相容性等等等等哦那它也會定期去做更新那當然ok ok對所以我好比想說它應該要用HML5的這個標準對那這件事情就與各家常見瀏覽期的最新期前一個主要版本就可以了對那如果有人要你支援到三個版本以前那你就可以直直播發揮這一份說你看第六頁對你只需要支援好比想說呃我不能開HML5因為它是太發展好比想說Krom目前是84那支援84到IE11然後我們心裡是覺得說哎其實真想回答根廚但是我們還是覺得說ok啦就是就是大家突襲一下說至少大家他們覺得說AZ願意到IE11就好然後說好吧這樣對就說你如果要擴大解釋的話IE11就是Edge的上一個版本因為Edge沒有什麼再變耗對啊這樣我也蠻想的對那不是道理的所以如果你需要的只是一紙公文去說按照國發會的這樣子一個政府皇家服務歡迎規範呃IE11可以解釋成Edge的前一版本而IE11活在以前就再也不用去支援了嗯那這個確實是我們可以幫忙的部分哦對太好看對對對所以那個IE11推特你也可以幫View出一個身份驗證說它不是強國人是不是是Made in the world這樣子還是說你要我證明它不是它不是一個強國這樣沒有我看一下就是說諸如此類就是說如果說這樣的平台可以提供這些比較豐富的資訊那的確是在無論是對我們公司企業未來在做政府專案或者是我們在做企業專案的時候我覺得都是非常便捷的對所以我具體建議就是多去先看一下政府皇家然後因為我們跟就是這一組人就是國法會自動出是相當的密切的互相合作所以如果你覺得裡面的哪一個解釋你希望能夠更清楚的告訴你的暗處或你的暗處的暗處的話那這個因為我們現在是講話都是有就是記錄的但是可以直接到這個影片的第幾秒好來來我講的話那然後如果承辦就是有不同的想法或者是它有一些它是有疑慮的部分比較能夠國法會把它在這個網站上寫得更清楚那這個都是可以討論的這都沒有問題對我們之前有過相當多次這樣子的經驗所以就就這樣子對那政府說會服務整則不用是把大概我們食物上面比較能夠做得到的設計思考但先期的就是太守室的這種設計等等大概都也有放進去好所以那一個如果就是而且它有一個資平表理論上情況所以那個也建議就是多多稍微看一些現在好像叫指引對政府說會服務指引好那個指引本身是有一點乾但是它的鋪件3就是發展配套措施以及它的名結是開發建議署徵求參考版本以及對於公務跟人事人員的資平表這些倒是真正的就是如果你都照著做的話那大家都會方便的這個事情所以這兩個資源可能有空的話可以看好啊非常感謝因為之前不知道這個如果知道的話就便接很多是的對那像那個剛剛我們有提到說像API的開發就是建議說用Swag但是Swag其實對我們就是提到他們說H4雲端的他們就有點疑慮這樣它有什麼關係它就是兩個系統中間對一個協定重點也說明一下因為因為這件事情我在教授對當初一開始在談的時候就是有提出說要使用這樣類似的工具然後我們就提出這個對方的窗口後來就是說政府專業的開發不就是如果要使用第三方的工具的話就必須要有一個不過這不是第三方就是我們國家標準應用成世界面規範它是這樣回應是這樣回應我們就是說要就是說你要用額外的再一個不過他講的也沒有錯因為Swag是等於OS2但是我們的國家標準是OS3好就算我們關門太久OKOK但是它應該有個自動轉換器就你把Swag文件丟進去它可以向OS3出來因為OS3是它一個OK對理解對就是說你找共同性應用成世界面規範這個是2017年6月我們就請國家發展委員會頒布的好對那當時是冒了眼風險因為當時OS3還沒有正式頒布隨便想我們比Linux Foundation還要糟還好他們最後沒有大改不然我們就不知道跟我的挑戰是一樣對所以我能找得到資料去告訴他們說這個很可以用應該就是你就不要用Swag這個字我們當時也是確實因為我們要把它等地化所以我們是真的還叫做共同性應用成事界面規範對好所以這個一聽起來就很在地沒關係沒關係沒有這是兩個應用程式之間你要共同的界面所以類似是一種你寫說明手冊的方法對你本來就要寫說明手冊就是接取API的說明手冊如果你願意用markdown寫然後前面都加上一些路徑這個手冊看起來就機器可讀我們還特別在這個招標的規範裡面去講說如果你只是讓人可讀寫但是卻不願意讓機器可讀寫而你的開標案的機關這樣要求你你說如果要機器可讀寫就是API First的開發的話那很不幸的你可能會被disqualified這就好像一個說我們只能給看得見的人用網站但是看不見的人我們就犧牲他或者你要給我五倍的錢那這個在我們採購裡面這個是不行的對所以這整件事情就是OpenAPI相關的標準那其實我們是放在不只是技術的部分也放在工程會的資訊服務採購企業範本裡面所以這件事情其實很清楚就是說只要有見面開發或見面整合那就是要按照OS3來辦理那這個是因所以沒有什麼別的空間對所以這個詳細的文字的話當然其實你找OpenAPI然後找我們辦公室PDIS就會找到那是整個嚴格都有包含就是到底怎麼來的為什麼說明會那時候跟這個地方跟中央的資訊主管一個一個解釋說是不是你這個跟雲端有什麼關係這樣子所以這些都可以應用網路上面都有喔喔喔太好了可以引誘給去看一下對因為這些其實就跟採購法任何個性一樣就是你要採購人員願意應用才有意義對他不用我們也不能逼著他用因為我們的文字是說跟應用程式的介面跟整合有關的應該要來用OS3但是只要他判斷是有關那我們也沒有辦法拿他對但是事實上是有關你多個系統接接甚至是你剛剛說如果我的手機已經不會再有App了那我就是要透過PWA或什麼方式來做這個網站那你這個中間沒有API接接沒有人相信的對啊絕對是這樣子對所以我覺得這個是很好了就是也歡迎CCO如果你要跟陳佩玲喔好感謝CCO有一點用謝謝OK對因為他們目前交付CCOAPI是寫在我的文件貼上去的我理解嘛對我理解因為為了文件他們已經付了授權費了但是為了授權費當然也不一定要送到Liber office但是我的意思是說他已經知道怎麼樣編輯了那但是你給一個OS3文件確實大部分人不知道怎麼編輯對所以還是有一個門檻這個是真的那也不是所有人都是從小學到大學沒有發明對所以這個還是要稍微說明一下就是說這個編輯上並沒有特別困難那他不管你是用研合格式還是用階層格式其實你還是可以很容易一個塑裝的編輯起用很多第三方的等等而且這個是國發會頒布的那有一個很明確的就是那個韓的號這個發字字第1061501003號所以麻煩去看那個韓這樣子對現在就用這樣的方式處理太好了太好了想要順便進一步詢問一下關於那個博山海規範這樣子因為博山海規範據我們所了解是從W3C那邊去翻譯過來的東西但就是說在現在的立場來講的話這一個標準是不是有些有些設計領域的人會覺得說他反而除外設計的一個一個idea這樣子就好像你寫一首食料鴨韻是一樣的不用鴨韻就好了但是我想規範規範原則規原則對就是說可感是可操作可理解然後第四個文件對不對就是要文件這四個我想對設計時代這樣它不是比較是你剛剛講那個基本價值對所以我不覺得說可以犧牲掉可以犧牲當然就好像是說我只能用flash嗎做動畫所以API都跟我們沒關係等等的這樣的一個講法是不是不太妥當的但是那些很實際的所謂規範好比像說替代文字替代文字確實對好比像說是影音為主的問題就會產生困擾那當然現在理論上影音為主你也可以很明白的用一些AN模型去產生就是有點像說明星的替代文字圖片中有這個人有房子有什麼之類的現在用臉書的大概都知道替代文字所產生的顯然沒有畫任何的成本但是如果它是影像而且尤其如果這個影像又沒有配聲音本來沒有配聲音那這個確實替代文字就很難產生那當然你可以就是花錢去租一下過往的GPU然後跑一些AI影算法去扣數影像出來那但是那就是比較難那這個很多時候就要重新來錄製這確實是會墊高成本這個我理解那如果還有什麼別的就是除了替代文字之外別的這個你們做起來會困難的也可以麻煩你說明一下就比如說應該是講說比較形體化比如說我知道現在有一些政府網站在選擇的時候他會加一個提示那個提示很多我們常見就是以那個黃色的虛線的框框作為一個標記那我們大概知道說像我們在做那個英國設計規範的時候我們會看到說這好是有一樣的那我們就會擔心說五上會規範是不是就強勢說就是要用這個東西長得一樣但是我們會想說這是一個形式它的意義在於提醒那在五上會規範裡面是不是應該是要的是那個意義存在而不是那個眼睛看得到那個形式存在就好像說你如果不是用黃色虛線提醒你就不會過這樣子的可能性這樣子應該沒有吧應該沒有我沒有看到這個眼睛就是說至少我們有看到黃色虛線這四個字會出現在這個規範裡面當然它可能是說包含這個鍵盤和操作跟可導覽這兩個是主要的是主要的但是當然就是它在人的副測的時候它的重點還是說你用閱讀器或你用別的東西的時候它可以很明確的查知對 但是應該是沒有到說要用黃色虛線的那個程度對 所以應該是還好應該是其實這就是另外一件事情問題是在英國跟美國他們的政府都有發布他們的政府剛剛我們的計劃乾爛那台灣未來會有嗎我們政府數位服務指引其實是比較高一點的位階它是如何去計劃的乾爛它不是你都要這樣計劃的乾爛那這裡面有很多原因像英國之所以會有那一個也是因為就是華爾街金融危機然後導致各國財政緊縮然後導致各個誤會都沒有辦法維護自己的數位網站然後導致說所有的人都只能除API然後讓GDS來整合那如果GDS整合全部的東西那當然它愛怎麼設計就怎麼設計而且絕對不想別人用不同的設計所以它就有一個實質的控制權那對他們那時候說他們這個GDS最大的幫助就是財政緊縮那但是台灣沒有這樣的狀況所以我們在向上集中的服務也好音韻也好都是到二級機關就是到部會級就是好比像說一個區或一個署它確實是要集中到可視別的到那個部但是部跟部之間因為都有就是滿重組的設計預算所以不會有人想要就是讓它的identity不堅持要堅持因為不同的部會其實是代表不同的價值對那如果價值都一樣就是阻蓋整併就好了所以所以事實上就是它的那個強烈的標誌包含顏色包含一些這個概念等等其實並沒有特別想要其他部會來說什麼對所以目前就是我常常是說我們32個部會就類似31個NPO對然後每一個都是有自己的理念自己的目標等等那當然有一個是要賺錢的叫做安寧對所以我的意思是說我們現在在院本部最多只能就是支援大家集中到二級那就是至少一個部會裡面的採集機關不要有不一致的就是體驗但是跨部會的時候像登山或者是海洋這一類的我們確實要協調就是大家都要有一個雖不滿意代表介紹的這樣子這樣子的體驗為主要的這樣一個流程那如果沒有這個跨部會的使用者流程硬是說那你跨部會要用相同的代賴這個是部位的政治上部位因為大家都就是滿有錢的了解了解所以像對你要聽到說因為我們客戶老保局最近其實有去上那個國發會的課程所以透過那個課程其實也會一些覺得可以在設計上改善好你可以感謝對對對所以我覺得不錯不錯就是我覺得就是轉型的速度就是從我們把這些最基礎的包含採購包含那個服務指引等等做出來之後本來就是很穩健的就是每年會多一些多一些多一些那現在是因為疫情的關係所以有一些普外保部上說那個健保可以通給我們徵用嗎或者是就是關貿費徵用嗎等等要處理一個他們沒有想像過的量對但其他的大概就還是比較穩健就是每年幾個服務的這個速度來更新好了解謝謝你的建議希望這一個上線之後是可以真的達到便利的對對因為畢竟全台灣說老公賠油都要用他對對對對好那同事其他想提問的嗎反正我都在這邊對我方式在旁邊而已對嘛對對總共過來對對對好那我們今天就先好這樣謝謝所以可以偶像合照嗎沒問題