這時代的公部門網站設計問題

台灣政府網站設計到底出了哪些問題?看了這篇,相信你會更有體悟。
評論
評論

原文刊載於作者 Facebook

經費預算的分配多半影響整個專案計畫建置的走向,當一個專案多半的預算需要負擔於技術開發層面時,視覺系統設計與使用者經驗分析的成本多半不足以支撐而草率為之。然而多半客戶對於設計層面的工作,較無法了解其涵蓋的預算規模為多少,或者認為這部份的工作與所需的時間是較少的,並且當做是廠商附贈的一個服務。這樣的情境,也會對於願意投入公部門專案之廠商產生很大的資源排擠,願意長期與政府合作的廠商,在此方面能量的培養也會有所取捨。

雖然近幾年,使用者經驗與民眾對設計及審美觀的進步,也讓公部門對於民眾直接相關的系統之設計水準,逐漸重視。然而資訊單位的管理者,多半無法理解良好的使用者經驗與設計需要專業團隊系統性的規劃,且需要更多經費與時間才能完成。

在投入了足夠的經費與時間後,一般業主對於設計與使用者經驗認識的不足同時也必然會發生在公部門的案件中,如何讓業主信任專業,並了解到一個設計產出,需要面對的是使用者而非你的老闆。而使用者經驗的議題多半需要針對個案做分析,當然所需要花上的時間通常根據案件複雜度有所不同,不同的時間成本下,並非全然每個流程都需要完整的走過,才能有良好的產品,但是對於專業團隊的信任與凝聚對於專案成果的共識,卻是必然需要達成的。

▲筆者在公部門演講,往往需要強調所做的服務必須仔細了解 TA 的需求

設計為的是解決問題,美的、漂亮的這些詞彙或觀感,會是輔助提昇使用者經驗的一種手段,並非等同於良好的使用者經驗。 由於前面所提到,近幾年年輕人對於設計與美感的重視,雖然專案成果可能具有良好的易用性,在操作流程面堪稱完美,一旦呈現的結果是不經過設計雕琢的依然會造成使用者缺乏認同。

一般業主對於視覺設計層面的重視,在心中都會不停的說:我很重視、我要東西很美。但是多但業主卻無法認知到一個事實,如果你找到了好的設計師,一個設計師擁有的美感養成經驗,多半會比業主本身好,畢竟如果自身也是設計專業,那一定就可以自己執行或組織相關的資源來設計這個專案。

身為設計師最常遇到的,不外乎是業主會希望,設計師提出多版設計給予老闆挑選,然而這即是相當弔詭的一個過程,如同前面所說,如果是探究設計美感,這個專業應該在於設計師身上,而非老闆喜歡與否,設計師可以提出整體所做的設計中所擬定的設計策略,而甲方則再針對其設計策略提出與目標或問題的契合度,甲方亦可以提出業務面可能設計師沒注意到的部份環節,並且與設計師探討這些沒注意到的細節之重要性。這就是整個設計團隊與客戶間凝聚了共同目標後的理想狀態,互相尊重彼此的專業後,理解到共同的目標是做出對的事,而非做完這件事。

▲圖片來自 http://www.boredpanda.com/graphic-designer-vs-client-differences-illustration-trustmedesign/

多半的產品或經營會希望能持續擴展面對新生代、延續下去,或者創造截然不同的面貌帶給許多人耳目一新的面貌。從這幾年台灣競選的視覺系統規劃中,我們看到設計團隊擁有很大的發揮空間,業主願意信任新生代設計師的能力。並帶給原本對台灣政治不感興趣的年輕族群,燃起對政治的興趣,或許符合當代趨勢的設計能夠帶來年輕族群的共鳴,年輕的菁英族群心想,這些文宣終於不再是 Old School,間接的連接為政治人物也懂得了解年輕人的需求、關心的議題,而這些於競選時期的新設計面貌,或許對台灣的設計師而言,就像是其他國家在舉辦奧運時一般的設計饗宴。

▲總統大選時期,蔡英文競選視覺形象影片。(圖片來源:白輻射影像 https://www.youtube.com/watch?v=IujxFYVjg1c)

但是到底業主要如何找到對的設計團隊或了解承接的設計師是好的?筆者在許多公部門的計畫中,通常透過初步設計趨勢的演講,讓甲方理解當下世界的設計趨勢為何,我們擁有足夠的設計專業來分析整個專案將要採取的設計策略為何。試著讓甲方業主與乙方的設計師講共同的話,相信乙方的設計專業,這些前置的作業雖然花時間,但是整體專案對於設計面能凝聚共識,是相當重要的一環,如此進行也才能讓整個後續的設計流程良好的進行下去。若業主還不能確認設計團隊是否夠能力,此時評選過程中,邀請一些專業設計師參與評選,並著重設計理念陳述的篇幅,都會讓一個案子面貌有所改善。

筆者之前公司承接台北市政府單一陳請系統的過程中,雖然此案在經費上對我們設計部門壓力相當大,但是透過設計趨勢的分享,進行風格提案後,團隊在時間已經相當緊張的情況下,抓準目前公部門多半對 Windows 的 Metro 風相當喜歡,我們即投入幾版以 Metro 風延伸的設計與客戶做討論。雖然並非是在我們專業下最理想的解決方式,但是如何在特定風格中表現出設計能力,並在之後成果,我們看到不管 App store 或 Google Play 上民眾都覺得是公部門中難得好看的 app 也讓我們團隊至感欣慰。

▲從標準的 Metro 風配色,到調整過的色系及目前 Metro 風的標準配色

從北市府到筆者公司參與總統府官網改版案前期的規劃建議過程中。對於目前公部門對於色彩的偏愛習慣,有切身的感受。先說說北市府的單一陳情系統當時對於色彩提案的說明,我們知道 Metro UI 於一個系統中,利用了大量不同的動態磚色彩有其原因,因為不同的 app 有其自身的色系,透過動態磚的色彩與 app 本身色系做呼應是有其目的的。然而對於單一 app 來說,其內部的主題單元並非有不同色彩使用的需求,此色彩策略反而不恰當。然而其實本案,當時市府對此 app 的想像是有很大的未來性,確實有可能擴展為各種不同北市府服務之入口。於是我們提出其中三案色彩較豐富的版本,未來此 app 發展為入口 app 時有更大的彈性,但貼近 Windows 10 的藍色 Metro 風確實反而不受青睞。

▲當前 Windows10 藍色 Metro 風反而較不受青睞

再來談談最近很熱門的總統府網站議題,去年九月時筆者公司就接觸到總統府的詢問給予建議。對於此案,我們團隊有相當大的興趣,因為其整體後端技術議題所佔成分相較視覺設計部分低一些。

而公司去年因為承接過不少政府單位官網的維護,了解到政府官網技術的沈苛及待改版的需求,組織了我們設計團隊開啟,台灣政府單位官網內容管理系統的產品設計計畫。特別以北市府官網的架構為例,在單一組織底下龐大的子網站架構設計一套 CMS。

▲公司設計開發符合政府機關使用情境與架構的內容管理系統。https://cloudup.com/cy3zBkTtwle

於是開始與總統府了解需求,團隊亦開始分析世界各國總統府官網之架構與特色,並大概在一週間即提出建議且當場簡報。其中分析了美國、英國、德國、法國、俄羅斯、日本等總統府(其實從中發現,真的有夠多國的總統府是 Drupal 做的)。在簡報後,府方承辦人員們對我們的設計專業與建議是滿意且認可的。

▲在時間倉促下迅速整理以往對政府單位簡報的設計趨勢與分析包含美國、英國、德國、法國、俄羅斯、日本等總統府案例
▲整份簡報經過幾個國外案例分析後,先從內容架構、視覺面、人民參與、內容可讀性、系統面做建議

隨後我們開始進行一些資料收集,希望在後面 11 月的評選簡報能夠有好的表現,其中不管顏色的尋找與整體識別系統的重新制定,都討論許多。初步我們內部討論了幾版設計,但是公司內部在預算討論的過程中,還是選擇放棄此案,在此案的時程需要在 2017 五月完成的時間點,及 500 多萬的預算底下,公司認為同時要開發全新產品及設計溝通太冒險,而內部評估所需成本也高出 500 萬不少。

▲在投標前,設計團隊分析架構後,嘗試設計多種方案 https://cloudup.com/cMMFl2FNt4K

然而在團隊整體覺得相當可惜的狀況下,聽聞公司很熟的廠商也有投此案。最後真的成功拿到了此案,府方在友商拿到此案後沒多久,即要求隔週五要再提幾案設計供挑選,因為時間倉促,承辦也建議友商尋求我們協助提供幾個設計,或參與協助設計。我們與友商開會並提供之前提案的一些建議及視覺設計的幾個嘗試。沒想到原訂隔週五的提案改為週三,我們的設計稿與友商的設計稿共同提早進府做提案,然而我們也沒辦法了解到底整體呈現給府方的結果如何及討論過程,但是最後得知了府方特別挑選的成果都是有多彩色塊的版本,即讓我們再度對公部門的色彩偏好有一致性的領悟。而目前總統府官網的三種色彩的使用也是許多設計師認為特別突兀的一部分,雖然有其論述,但是在設計呈現上,並沒有真正延伸應用於整體設計策略中。

其實回到最一開始的探討,時間、預算、專業都是整體專案會有這些品質或蟲子產生的肇因,如果更多與時間與預算有可能吸引更多設計團隊組合技術團隊參與,或原得標廠商可以有更多資源利用,尋求更多合作達成此案。

雖然目前對於台灣公部門資訊或網站設計專案,多半還是悲觀的,但是我們團隊由於許多系統多半使用者為企業、醫院或政府部會,所以我們也努力在產品中投入相當多的設計心力,希望年輕的公務員可以在使用這些系統過程中的體驗是好用且好看的,而不再是過時的設計。當我們設計團隊有機會接觸到不同的政府單位,也會透過設計演講,嘗試改變資訊單位與相關業務單位對於當代介面設計、設計流程的認識。然而這些過程往往只是在單一專案下或特定部會中能有所影響,在沒有制度性的改善下,還是會發生資源排擠、預算不足等問題的產生。

▲叡揚資訊多年深耕於不少政府內部系統與專案開發,圖為案件追蹤填報系統。

然而也並非在政府單位中完全沒有進步的跡象,在筆者拜訪過部分部會的資訊單位後,也發現這些單位曾經到美國矽谷等大廠參訪過,對我們所提的一些設計趨勢能夠連結起參訪過的經歷。甚至有些單位也開始在單位中辦起使用者經驗的內部 workshop,對使用者經驗的重要性有初步的認識,並開始思考這部份預算如何獨立於整個資訊專案外。改變都在發生中,各位設計師加強自己共同為這個環境貢獻自己一份力吧~!

▲前端設計團隊設計的 UI Kit 應用於產品與專案中,並統一前端文件 https://github.com/GSS-FED/Vital-UI-Kit

歡迎訂閱我們團隊的 Dribbble 與 instagram XD

Dribbble
https://dribbble.com/gss

instagram
https://www.instagram.com/uwillx/

公司設計開發符合政府機關使用情境與架構的內容管理系統。
https://cloudup.com/cy3zBkTtwle

在投標前,設計團隊分析架構後,嘗試設計多種方案
https://cloudup.com/cMMFl2FNt4K

前端設計團隊設計的 UI Kit 應用於產品與專案中,並統一前端文件
https://github.com/GSS-FED/Vital-UI⋯⋯

參考資料:
http://www.boredpanda.com/graphic-d⋯⋯
https://www.youtube.com/watch?v=Iuj⋯⋯


黑五最優惠!選 Ivacy VPN 準沒錯,限時回饋 90% 優惠,每月不到 30 元

Ivacy VPN 超殺優惠,每個月花不到新台幣 30 元,上網更安心,也沒有網路流量或是頻寬限制,立即解鎖享受全球各地的影音資源。
評論
評論

全球最快的 Ivacy VPN 在黑色星期五推出超殺優惠,5 年只要美金 60 元,每個月花不到新台幣 30 元,就可立即解鎖享受全球各地的影音資源,或是在各個國家地區享受訂閱優惠。更棒的是, Ivacy VPN 的隱私政策不會記住瀏覽紀錄,上網更安心,也沒有網路流量或是頻寬限制。

VPN 兩大用途:保障上網隱私安全、跨區解鎖影音與線上購物

VPN 的原理是把你的電腦、手機、平板或其他能夠連網的裝置,先連接到某一個網際網路上的伺服器,透過這個伺服器去上網,所以伺服器座落在哪個國家或地區,就會顯示你是從哪個國家或地區上網的。

簡單來說,透過 VPN 上網後,每次上網會先連接到某一個網路網路上的伺服器再往外連線、瀏覽網頁,所以能夠確實保障連網安全,沒有人會知道你的真實網路 IP。

另外,透過 VPN 連網時,所連線或瀏覽的網站也會以為你是來自網際網路上伺服器的國家,就可依此來解鎖只有那個國家的使用者才能看的影音,甚至是享受僅限那個國家使用者才獨享的線上購物優惠。

Ivacy VPN 在黑色星期五推出限時 1 折優惠,換算下來每個月不到新台幣 30 元。

單一帳號支援 10 台裝置,解鎖全球影視資源

網路能夠讓人們打破地域的限制,但是在網路發達的現代,反而出現大型媒體壟斷的現象。身在台灣的 Netflix 訂閱用戶,可以發現其它國家如美國、加拿大、法國、英國、德國,甚至是離台灣比較近的日本、澳洲,Netflix 影片片庫數量比台灣多更多,我們每個月卻需要支付 390 元。

不少人透過 VPN 的方式,取得該國家的 Netflix 影片片源,但是 Netflix 也頻頻祭出反制措施,免費的 VPN 不穩定、頻寬也不足。

目前正推出 1 折限時優惠的 Ivacy VPN 服務,能夠解鎖美國、加拿大、法國、英國、德國、日本、澳洲等 7 國的 Netflix,瞬間享有 5000-6000 部影片資源,非常划算。

Ivacy VPN 支援多平台,下載相對應的應用程式並登入,即可享受網路世界的自由,以及不被窺視的隱私。
可以自由選擇各個國家地區的伺服器,甚至能夠選擇位於哪個城市的伺服器。
只要按下畫面中央的電源按鈕,等到電源按鈕變成綠燈時,就表示你已連上 Ivacy VPN 的伺服器。
加拿大限定的片單「侏羅紀世界:殞落國度」也能成功解鎖。
連上 Ivacy VPN 位於美國的伺服器之後,可以看到台灣沒有的「神盾局特工」和「NCIS」。
法國 Netflix 近期加入許多尚克勞德范達美的影片。
英國 Netflix 也沒問題,喜歡自然生態的朋友,能夠觀賞一些由 BBC 所推出的節目,或是觀賞英國冒險恐怖片「深入絕地」。

Amazon Prime 也是台灣使用者相當喜歡的影視資源,流量較高、畫質更為細緻,不過很可惜的是,同樣有著地區限制。透過 Ivacy VPN 連線至美國,可以解鎖更多的影片資料庫。

透過 Ivacy VPN 連線至美國 Amazon Prime,輕鬆解鎖更多影片資源。
Ivacy 電腦版連線程式 Streaming 頁面整理了全球各大線上影音平台,想看哪個頻道就連線到該國家,十分便利。

Ivacy VPN 限時優惠活動只要 1 折,每個月不到新台幣 30 元,1 組帳號還可以支援 10 台裝置登入,能夠滿足人手多機的需求,若是呼朋引伴一起訂閱,分攤下來的費用簡直是不可思議的划算。

Ivacy VPN 1 組帳號密碼支援 10 台裝置同時登入,本人擁有 1 台桌上型電腦、1 台筆電、1 台平板、1 台手機就相當方便使用,與親友分享費用更划算。
Android 智慧型手機連線至位於德國的伺服器之後,Netflix 就可以顯示當地內容。
澳洲 Netflix 上檔的哈利波特系列電影,是其它國家/地區沒有的。

最快的 VPN、超多伺服器都好用,跨區購買更划算!

根據 ProPrivacy 於 2019 年的調查,Ivacy VPN 獲得最高速 VPN 服務業者的殊榮,並於該年度同步獲得最佳整體獎項以及最高 CP 值。即便是這篇推薦文章撰寫的當下,Ivacy VPN 的傳輸速度也是相當的快,名列 VPN 服務業者前茅。

Ivacy VPN 於 2019 年度獲得最佳速度、最佳整體、最高 CP 值等各項殊榮。
2019 年的測試中,Ivacy VPN 傳輸速度相當地快速,超越其它業者許多。
2019 年的測試中,Ivacy VPN 傳輸速度相當地快速,超越其它業者許多。

國外的測試報告只是效能表現的其中一個面向,最重要的是「台灣」的使用者體驗到底好不好呢?透過 Ivacy VPN 分別連線到位於美國以及日本的伺服器,以 Speedtest 測試下載速度可以到 79.19Mbps 以及 87.96Mbps,由於 Netflix 服務主要注重下載速率,這個速度已經可以同步觀賞多個 4K 影片了。(測試環境為 HiNet 下載 100Mbps上傳 40Mbps)

從台灣透過 Ivacy VPN 連線至美國和日本,其下載速度足以同步觀賞多個 4K 線上串流節目。

Ivacy VPN 於全球超過 100 個國家/地區建置超過 3500 個伺服器,不僅提供高速網路環境,更不用怕某台伺服器突然壞掉無法連線。如果你只想要隱藏網路活動,不要被 ISP 業者、第三方窺視的話,Ivacy VPN 於台灣也建有伺服器,保障使用者的上網隱私。

Ivacy VPN 於台灣建有伺服器,以最快的速度服務台灣使用者,同時享有上網活動不被窺視的隱私。

解鎖全球其它地區的影視資源之外,同樣的一種商品,也可能在不同國家/地區出現不一樣的價格。以工作必需的 Microsoft 365(原名 Office 365)和生活必須的 YouTube Premium 為例,這 2 款商品在台灣的每月訂閱費用分別為新台幣 219 元以及 179 元,若是透過 Ivacy VPN 連線至印度伺服器,印度當地每月訂閱費用分別為 489 盧比以及 139 盧比,按照 0.38 匯率換算,相當於新台幣 186 元以及 53 元,買越多越划算。

台灣 Microsoft 365 每月訂閱費用為新台幣 219 元。
印度當地的 Microsoft 365 每月為 489 盧比,折合約新台幣 186 元,相當於打 85 折。
台灣 YouTube Premium 每月訂閱費用為新台幣 179 元。
印度 YouTube Premium 每月訂閱費用為 139 盧比,折合約新台幣 53 元,相當於打 3 折左右,而且 Ivacy VPN 支援連線加密功能。

隱私安全支援多平台、多功能提升消費滿意度

Ivacy VPN 能夠擁有這麼快的速度與穩定的連線品質,靠的是 10 年以上的 VPN 技術經驗,更難能可貴的是,Ivacy VPN 僅記錄連線至伺服器的資訊(帳號、密碼之類),而不會記錄你的上網活動(如造訪網站、DNS 查詢、E-Mail 電子郵件通訊等)。

你和 Ivacy VPN 伺服器之間的連線,最高經過 256 位元的加密,更能夠透過 Ivacy VPN 的超強技術,防範惡意軟體入侵設備,同步保障資料與設備安全。

安裝 Ivacy VPN 時,使用者條款明確地寫到,不會記錄上網活動(如造訪網站、DNS 查詢、E-Mail 電子郵件通訊等),使用上更安心。

若有透過 P2P下載檔案的需求,那就更不能錯過 Ivacy VPN 所提供的安全下載功能,針對 P2P 最佳化過後的 VPN 伺服器能夠大幅度增加下載速度,同時又能夠保障使用者的安全。

由於 P2P 需要大量消耗 VPN 伺服器的連線資源,因此 Ivacy VPN 特地為此項功能提供最佳化,能夠提升使用者 VPN 下載速度,而且不限流量。

深入 Ivacy VPN 電腦應用程式的設定頁面,可以發掘到更深層的防護功能,譬如 IP/DNS 保護、加密類型、連線埠(跳過網管的白名單防火牆)、VPN 斷線即中斷網際網路連線等。如果使用者同時有 VPN 連線以及一般網路連線的需求,可以把電腦內某個應用程式排除於 VPN 連線至外,就可以一邊去美國看影片,一邊和主管開會(喂)。

Ivacy VPN 電腦應用程式設定頁面還有許多好玩的東西,譬如 Internet Kill Switch 能夠在 VPN 不幸斷線的時候,立即切斷網際網路連線,進一步保護隱私與安全性。
Split Tunneling 能夠將名單之內的應用程式,排除於 VPN 連線之外,譬如畫面當中已經將 Chrome 網頁瀏覽器加入名單,Chrome 就可以使用本地的網路資源。

安全與多功能的 Ivacy VPN,支援眾多的裝置。電腦、手機的多種作業系統之外,還支援瀏覽器外掛、Xbox 家用電玩主機系列,還有 Android TV。

Ivacy VPN 支援多種作業系統、多種平台,無論是手機、電腦、應用程式、家用遊戲主機、電視、網路路由器都可以使用。
透過網頁瀏覽器外掛 Ivacy VPN,可以用 Firefox 觀看日本動漫,同時使用 Chrome 觀賞美國影集。

結合高速、安全、功能等眾多優勢於一身的 Ivacy VPN,於頗受盛讚的丹麥消費者評論網站 TrustPilot,於滿分 5 分當中獲得 4.7 分,可見消費者滿意度十分地高,並不只是老王賣瓜自賣自誇;加上 Ivacy VPN 限時優惠 5 年只要美金 60 元,相當於每個月不到新台幣 30 元,使用不滿意 30 天內可以全額退費。

Ivacy VPN 於丹麥消費者評論網站 TrustPilot,在滿分 5 分當中獲得 4.7 的高分。

本文章內容由「Ivacy VPN」提供,經關鍵評論網媒體集團廣編企劃編審。