都 2016 年了,為什麼網站的使用者經驗還是這麼糟?

進入 2016 年已經一陣子了,不過網站的基本設計和實用性還是讓我不敢恭維,我們的網路經驗其實可以不用這麼痛苦的。沒有一個網站有達到「喔,這個網站能做到這樣啊,真不錯。」的標準。這些設計不過是把網頁推進了悲哀又不知所云的深淵。
評論
評論

原文為《It's 2016 already, how are websites still screwing up these user experiences?!》,作者為程式學習網站 Pluralsight 作者暨微軟資安及企業軟體交付流程顧問 Troy Hunt。Inside 獲授權編譯。

進入新年已經一陣子了,不過網站的基本設計和實用性還是讓我不敢恭維,我們的網路體驗其實可以不用這麼痛苦的。對我來說,沒有一個網站有達到「喔,這個網站能做到這樣啊,真不錯。」的標準。這些悲哀又不知所云的設計不過是把網站拋到了谷底。

這時候有人會說,「你可以安裝一些外掛來改造網頁,還能順便改變使用者行為,」這是搞錯重點了,外掛不會也不能解決問題。我們應該從頭開始檢討,別再把網頁弄得這麼不舒適。

容許我稍微失控一下,來談談現在的網頁有哪些毛病:

霸佔我畫面的東西:問卷還有一堆垃圾訊息

像這個就沒什麼好說的:

舉例來說,我想瀏覽這個 富比士頁面 ,然後他就告訴我,「先等一下,這裡有每日一句,你還可以順便看一下廣告。」莫名其妙,沒有人會看完這句話,然後就覺得自己重獲新生,此舉毫無意義。

讓上一頁按鈕做好自己的工作

各大銀行網站有這個毛病已經很久了,想要回到上一頁,網頁又會自動轉回原本的頁面,讓人動彈不得。你要知道,按了「上一頁」以後還出現這種畫面真的不行:

為什麼我的「交易已結束」?使用者不過是按了瀏覽器最基本的功能按鈕,而你們大概只想敷衍過去。我知道你們不想要出現重複交易,不過要避免重複交易並不難,別再用這種雙手一攤,毀掉整個頁面的方式了,好好修理一下你的網站。

請把文章放在同一頁

別再把文章分成多頁了:

你讀了一部份文章,但頁面放不下,所以往下捲動就能看到下一段,這就是捲軸的用處。也許這樣一來你就不能在每一頁用廣告轟炸大家了,不過反正我們本來就不喜歡那些鋪天蓋地的廣告。

讓我設定自己想要的密碼

如果密碼設定不支援某種字符,那容許我合理推測:你的輸入限制和查詢參數爛透了。你的系統一團亂,你怕如果不阻擋這些字符,就可能發生 SQL 隱碼攻擊。就像這樣:

更糟的是,我也能合理懷疑你並沒有雜湊加密(hash),而直接用純文字儲存密碼。或者也很有可能,這個網站程式沒有把密碼處理成穩定狀態就存進資料庫了。

全螢幕蓋版廣告

我前面是不是講過,我們有多討厭干擾使用者經驗的廣告?沒錯,這些廣告該住手了: 說真的,這到底想表達什麼?跳出蓋版廣告,而且還找不到關閉鈕,是會氣死人的。這在手機頁面上更慘,簡直就是血淋淋的反面教材。如上圖的全幅廣告佔掉半個頁面,然後還嫌不夠似地加了彈出式廣告,最後你的廣告還遮住了原本的廣告,這些人到底在想什麼?

沒有最慘只有更慘:延後彈出廣告

一進頁面就彈出來的全螢幕廣告已經很糟糕了,但讀到一半才跳出來的更煩: 我只是想看個新聞,搞清楚奧勒岡民兵事件,為什麼你要給我看這個「全副武裝」的女子?更糟的是,為什麼關閉按鈕比我的手指還小?還好在這只有在我的 iPad 上出現,電腦版並沒有,不過任何看到這個廣告的人一定跟我一樣討厭它。

封鎖不實的廣告

這些「推廣連結」(總之就是廣告)雖然已經貼心地針對我的所在地量身打造,不過我們先來算算買這台藍寶基尼要花多少錢:

在澳洲最便宜的 藍寶基尼 Aventador 也要 65 萬澳幣(約 1500 萬台幣),最貴的大概 1 百萬澳幣(2300 萬台幣),當你付清所有款項,加上維修、損耗、保險和使用成本,需要將近 6 位數澳幣的花費,此時每週 3500 澳幣的收入一年下來大約累積 12 萬澳幣淨收入,所以就算樂觀估計,扣除名車的各項費用,那你還剩下 3 萬澳幣。除非你想一輩子跟父母住,不然這個廣告實在沒什麼道理,而且也不應該再出現。

累贅的 Cookie 警告

Cookie 相當常見,沒有 cookie 的話,很多東西都不能用,或者又要犧牲安全性來代替(例如透過網址持續開放授權),那為什麼要特地警告呢?當然, cookie 可以用來追蹤使用者,但這不需要 cookie 也能做到,就像這個 瀏覽器指紋 測試一樣,想知道使用者之前有沒有造訪過網站,並不需要透過 cookie 。這項警告沒什麼實際用處,只會被忽略而已。

綁架捲軸

這個毛病就像是設計師在炫耀,「媽,你看我會做這個!」,卻惹惱了在場許多人,如果這樣很難懂的話,看看 Mac Pro 的官網:

當你往下捲動,頁面不會隨之滾動,只是不同的內容會在上面浮現,經過上千網頁的訓練,我們已經習慣捲動就能看到接下來的內容,然後往回捲動就能看到先前的內容,蘋果在這個例子中,就好像取用了一項常見的使用者互動工具,卻胡亂使用,讓人不知所措。

用標題騙點擊

我在 Facebook 上常看到這樣的文章:

為什麼不在標題就告訴我法國人做了什麼,好讓我決定要不要花時間讀這篇文章?你大可在標題放上「他們通過了一項法案,禁止丟棄食物,」難道這樣會讓我像跳過其他垃圾訊息一樣放棄點擊,所以你就沒有收入?我認為廣告真的毀了網路,而我們一個都逃不掉。

千萬不要自動播放

當我進入網站想要讀一篇文章,最不想碰到的就是:

這是 CNN 上的自動播放廣告,好像花俏的彈跳廣告還不夠,現在還要加入聲音。所以當我想要安靜地讀一篇文章,比如說舒服地躺在床上看 iPad 的時候,這個網頁就推給我戒煙廣告影片,然後又自動播放關於這篇文章的新聞片段,雖然這稍微好一點,不過我得再次強調我是來閱讀的,這個網站又不是 YouTube,如果真的想聽,我會自己點播放。

向付費牆(Paywall)說不

有時你會碰到標題看來不錯的分享文章,點下去以後卻看到:

這個經驗之所以糟糕,是因為你已經短暫看到了文章,然後它又被奪走了。你可以在背景看到內容就在那裡,但是有一大張付費方案擋在前面,要是點了右上角的 X,希望它發揮功能把這個礙眼的付費牆關掉,但網頁卻跳轉回到首頁,然後你在首頁看到許多有趣的內容,點進去卻又是一片付費牆。

強迫下載行動版 App

在手機版網站閱讀文章已經足夠了,你卻看到這個:

為什麼下載這個 app 能帶給我更好的閱讀體驗?當下我只因為下載提示佔去一大塊空間拉低了閱讀體驗,這還是在 iPhone6 Plus 上,要是其他螢幕更小的手機,可能就會佔掉 1/4 的螢幕。手機螢幕寸土寸金,你卻拿來叫我下載一個三顆星的 app。

我不想分享行動版網站

另外當我想用 iPhone 分享上面的 NRMA 網站,

這個網站很貼心地幫我在網址前面加了「m」,分享出去就變成手機版頁面,就算是用電腦開也一樣。我現在用電腦點開網頁,就看到大約 80% 的空間是浪費的,一個按鈕寬度竟然有 1850 畫素。這就是為什麼我們需要 響應式設計 ,它可以偵測你的裝置,然後自動調整適合的顯示方式,而非把你丟到另一個頁面,然後換成大螢幕的時候就變得亂七八糟。

不讓我用自己的公司信箱

我一直都用 Hotmail 當作工作信箱,而且用得很順手,我也會在註冊網站的時候用到: 至少可以的話我就會用這個信箱註冊,不過有些網站就是不允許 Hotmail 或其他免費信箱。碰到這種情形,我只好去 Mailinator 申請臨時信箱,這下子我終於能拿到我要的資料,不過這個網站再也聯絡不到我了。

阻擋廣告攔截軟體

我在部落格裝了廣告,愈多人看到我就賺得愈多,不過我不會用以上那些粗魯的方法強迫你。儘管如此,我也能體諒你使用廣告攔截軟體,雖然主因可能是以上那些討人厭的廣告。先講好,如果因為更動我的網頁造成某些功能 無法執行 ,別找我抱怨,但我也不會為難你。 總之,並非所有人都能忍受這個畫面: 這件事諷刺的地方在於,正是因為富比士之類的網站濫用廣告,使用者才會攔截廣告,造成富比士和其他網站不提供服務,或是提供次等的服務來要脅使用者關掉廣告攔截軟體。這樣一來網站們不開心、使用者不開心、我也不開心,因為惡性循環讓我的廣告被擋掉,損失了一筆收入。 既然這篇文章一直提到富比士,希望他們可以參考一下這篇討論底下的留言:  

看一下大家對蓋版廣告的態度如何,我也貢獻過很多篇文章給富比士,也和其中許多頂尖人士合作過,不過負責這部分廣告的人,拜託讓你們主管看看上面的回應。

難道我們不能處理好這一切,讓網路回歸它該有的樣貌嗎?

有沒有漏掉什麼?

這些東西卡在我心裡很久了,一口氣說出來之後的確好多了,不過一定還有很多我沒注意到的。你最近有沒有看過哪些煩人的網站讓你不吐不快呢?

 

歡迎加入「Inside」Line 官方帳號,關注最新創業、科技、網路、工作訊息

好友人數

 

 


精準媒合,成為企業 100% 留用的 5G 新星

「大家最為關心的,就是人才缺口」經濟部工業局呂正華局長點出產業問題缺口,與資策會教研所、學界攜手合作,自去年起,已超過 600 名新星參與 5G 產業媒合。
評論
經濟部工業局呂正華局長洞察產業痛點,積極培養新興人才。 Photo Credit: 5G+ 產業新星揚帆啟航計畫團隊
評論

「大家最為關心的,就是人才缺口」經濟部工業局呂正華局長點出產業問題缺口,與資策會教研所、學界攜手合作,自去年起,已超過 600 名新星參與 5G 產業媒合。


第一次工業革命催生了現今的製造業,而 5G 將驅動世界又一次進化。 5G 網路具備超大頻寬、海量連結、超低延遲等特性,網速比 4G 快 10 倍以上,透過專網覆蓋,能承載各種需要龐大資料流量的智慧化服務,讓過去只存在於科幻小說中的場景有望逐一實現。

根據全球行動通信協會( GSMA )統計,至今( 2021 )年 6 月已有 69 個國家、 166 家電信廠商推出 5G 服務,顯見各國都強力聚焦發展 5G 通訊科技,預計 2025 年可達 18 億用戶規模。臺灣也於去年 2 月完成國內首波 5G 頻段競標,各大電信業者積極建設基地台,不落於美、日、韓等國之後。

雖然在疫情肆虐下不免打亂既有布局,但正因我們的食衣住行育樂都被迫數位化,反而讓 5G 在數位醫療、虛擬娛樂、擴增實境、加密裝置等跨領域的應用,因為需求而產生更多可能性。企業趁疫情之際加強練兵,加快轉型升級腳步,也需要更多新血加入。

首重跨領域 企業樂於從頭培養人才

經濟部工業局長呂正華表示,臺灣資通訊產業發展成熟,政府也全力扶植,「大家最為關心的,就是缺人才」。儘管商機潛力無窮,許多致力於商品化的企業都還是頻喊找不到人。

為此,工業局去年開始推動「 5G+ 產業新星揚帆啟航計畫」(以下簡稱 5G+  新星計畫),以「產業出題,人才實戰」模式媒合產學研發,目前已收穫相當成果;兩屆推動下來,已有上百家企業及大專校院參與,超過 600 名學生及應屆畢業生參與企業實戰活動。

呂正華說明,「產業出題,人才實戰」的專題都是企業在 5G 商用研發過程中實際遇到的問題,讓學生挑戰解題,為企業發展真正可用的解決方案,進而協助企業從內部「做中學」( OJT )培養切合需求的即戰力,目前參與計畫的企業對於學生留用意願達 100% ;因此「精準媒合,不管是對企業、對人才都能少掉很多碰撞和磨合,節省徵才和求職的成本。」

計畫不僅媒合企業資源,更辦理實戰工作坊,強化數位職能。Photo Credit:  5G+產業新星揚帆啟航計畫團隊
計畫不僅媒合企業資源,更辦理實戰工作坊,強化 5G 職能。Photo Credit:  5G+產業新星揚帆啟航計畫團隊

此外,呂正華也表示,因為 5G 應用是電機、機械、光電、材料等不同領域的結合,極需要跨領域的人才,企業很願意從頭培養,「所以態度比科系更重要」。

呂正華舉例,由交大資工系衍生之研發服務公司詮隼科技,曾面臨年薪 150 萬的職缺無人應徵的窘境,去年加入計畫,成功從內部培養出好幾位優秀人才,其中一位是中興大學中文系畢業的黃予璿,黃同學善用跨領域思考能力,在公司開發資安自動測試服務方面貢獻良多,文組與理組看似交集不多,可是只要有興趣,人人都能從 5G 行業中找到適合自己的工作。

電子五哥之一的仁寶電腦近年積極進行數位轉型,成立 5G 實驗室,鎖定智慧農業、智慧製造、健康醫療、雲端遊戲和終端設備等應用領域,並在去年透過 5G+ 新星計畫成功招募 19 位新血,藉由計畫的加值,培育人才並同步發展 5G 商業應用。

其中臺北教育大學玩具與遊戲設計所的研究生王凱瀚,過去從沒想過自己能加入科技業大公司,藉由計畫才有機會參與仁寶電腦的研發實戰。期間投入「 5G 邊緣運算技術智慧遊戲應用平台」研究,融合本身在數位內容和網頁設計的專業,進行雲端遊戲、虛擬實境解決方案與工具包的開發,最後獲得研發專題冠軍殊榮。

業師、培訓課程系統性帶領,加入 5G 創新研發

同時,「企業常反映學生在學校學的知識實際上沒辦法用,所以我們開的課要符合企業實戰需求。」呂正華說明, 5G+ 新星計畫也提供系統性的線上課程,特別引進諾基亞貝爾實驗室(Nokia Bell Labs)等 5G 專業培訓課程,並規劃包括天線、射頻、晶片封測、關鍵材料、小基站/無線接取、 SDN/ NFV(軟體定義網路/網路虛擬化)等 6 大領域職能地圖。仁寶電腦、雲達科技、亞旭電腦等企業都將其納入內部教育訓練規劃,也採用 5G JUMP 的線上課程強化員工 5G 職能。

計畫也與交大產業加速器( IAPS )、臺科大育成中心等機構合作培育創新應用師資,以帶領新創公司加速 5G 應用服務的開發,目前已成功培育 23 名業師顧問並輔導 12 組新創團隊,更有 2 家新創公司從去年接受輔導的角色,到今年成功商轉並擔任計畫的出題企業,形成正向循環。

呂正華說,5G 跨域應用是非走不可的路,臺灣已擁有完整 5G 生態系的基礎能量,涵蓋半導體、電子零組件、伺服器、網通與終端設備等產業,馬步紮得穩、紮得深,可在國際競爭中站穩腳步。 5G 新星計畫將作為產學培育人才的溝通橋樑,期待未來培養出更多生力軍,加速臺灣邁入 5G 紀元的步伐。

經濟部工業局 廣告