2015/2/1 「如何用一句英文解釋 10 個易混淆的熱門科技字」

如何用一句英文解釋 10 個易混淆的熱門科技字

摘錄自：天下雜誌每日報電子報                        2015/1/24

2015/01/18

作者: Jewel

聽別人自我介紹時，職稱是「前端」工程師，或是工程師朋友說他負責「後端開發」的部分，這樣的工作內容介紹對你來說簡直是有說沒有懂，不就都是工程師嗎？還分什麼前、後端呢？

應用程式（Application），簡稱 App，台灣人總愛唸 A、P、P，也不乏聽到一些科技新貴說自己是「A、P、P 開發者」，如果跟國外工程師交流時這樣介紹自己，事後得知 App 根本沒人這樣念，應該會很想挖洞埋了自己吧！

常常聽到別人提起 UX、UI、HTML、CSS、Frontend、Backend 等等科技名詞，總是似懂非懂，不好意思加入話題嗎？是時候好好認識一下這些科技字，下次聽到別人在談論這些話題時，你也能自信的上前去貢獻一點意見。

這篇文章為大家整理了十個最常聽到、也最容易混淆意義的科技熱門字，並用一句簡單英文給每個名詞一個解釋，也許日後大家會有機會解釋給身邊國內外的朋友聽呢。

Internet vs. Web

Internet 這個英文單字大家應該都認得，大家都簡稱網路，但其實網路應該想成「Network」這個字。Network 是指區域性的電腦、周邊裝置透過網路線或無線網路互相連接，使得裝置間能互相交換資訊，例如一個學校網路（School Network）或家庭網路（Home Network）。

而 Internet 這個字則是「Interconnection of Networks」的簡稱，嚴謹一點的翻譯是網際網路，是利用 TCP/IP 通訊協定將全球數百萬台電腦、各地不同的網路（Network）互相連線形成的網路世界。簡單來說：「Internet is a network of networks」。

至於 Web，很多人會認為是 Internet 的同義詞1，這就大錯特錯了。 Web 是大家對 World Wide Web （WWW、W3）的簡稱，中文翻作全球資訊網或萬維網，是一套建構 Internet 之上，藉由超連結（Hyperlink）將 Internet 上世界各地的資料整合起來的資訊系統，並且以網頁（Web pages）形式顯示這些資訊，使用者則需要用瀏覽器（Web browsers）來存取這些網頁。

因此 Web 跟 Internet 兩個字關係緊密，但並不是同義詞。但現在的日常生活中越多人將兩者混淆，「上網」查資料有些人會說 「I was on the Internet」或 「I was on the Web」2，兩種說法其實都可以，但嚴格來講，前者講的是一個網路世界，後者講的是使用者用什麼方式獲得這個世界裡的資訊。

各用一句英文來解釋：

「The Internet is millions of computers interconnected in a global network.」

「The World Wide Web is the system we use to access the Internet.」

HTML vs. CSS

上一部分提到了網頁（Web Pages），而網頁的內容其實就是多媒體資訊加上一系列的 HTML 指令所組成的，而網頁的「長相」則是 CSS 控制的部分3。

HTML 是「超文字標籤語言（HyperText Markup Language）」，HTML 用各種標籤來命令網頁瀏覽器用什麼結構來顯示標籤內的資訊，告訴瀏覽器這個網頁的標題（Heading）是什麼、有幾個段落（Paragraph）、哪部分的內容要用表格（Table）顯示、或是用清單（List）顯示等等，簡單來說就是一種用來描述網站內容及結構的語言。

而 CSS （Cascading Style Sheets）則是一種「樣式表（Stylesheet）」，用來對內容進行排版及美化，目的是控制網頁內容顯示的樣子，像是格局（Layout）、字型（Font）、顏色（Colors）等效果。

用一句簡單的英文來解釋：

「HTML holds the content in place, and CSS makes it look pretty.」

Front End vs. Back End

現在懂了網頁、網站怎麼製作的，也該來了解他們怎麼運作的。因為網頁裡的資料並不是存在你的電腦裡，而是在 Internet 裡的某台伺服器（Web Server）裡，所以在當地電腦裡運作的部分我們稱為「前端」，在遠方伺服器工作的部分則稱為「後端」4。

網站前端（Front End）指的是一般使用者看得到的介面，包括了上部分解釋的 HTML 跟 CSS 網頁顯示內容，還有其他在網頁瀏覽器上你能看到的任何東西跟功能。像是網頁上的動畫特效、 Google 搜尋的自動填寫功能（Autocomplete）、網頁的彈出式視窗，都是前端工程師用 JavaScript 設計的傑作。

網站後端（Back End）部分，指的是網站維護者用來處理資料的頁面，通常由伺服器（Server）、應用程式（Application）、資料庫（Database）所組成。一旦你在網頁上輸入資料，以輸入帳號密碼為例，應用程式就會將你的帳號密碼儲存在一個遠端伺服器的資料庫裡。而開發所有有關這方面技術的工程師，自然就稱為「後端工程師」，像 PHP、Ruby、Python 都是常見的後端技術開發語言。

用一句英文來解釋兩者的分別：

「Front-end code interacts with a user in real time while back-end code interacts with a server to return results」

App vs. Software

App 這個字近幾年可以說是超熱門，大家每天掛嘴邊，哪個 App 好用、今天哪個 App 提供限時免費下載。App 中文翻成「應用程式」，但應用程式跟軟體（Software）又有什麼差別呢5？

軟體（Software），廣義來說電腦有形的部分（硬體）以外的都叫做軟體，是可以在電腦上執行的程式跟所有相關檔案。而應用程式 App 則是專為某項裝置、某個目的所設計的軟體之一，功能專一單純，通常指在 iOS 或 Android 等平台上運作的程式工具（Mobile Apps），或是在 Chrome Web Store 裡專為 Chrome 瀏覽器所下載的 Web Apps 等等。

其中的分別只要記住一句簡單英文：

「All apps are software but not all software is an app.」

所有的 App 都是軟體，但並不是所有的軟體都是 App。非應用程式的軟體例子像是作業系統（Operating System）、防毒軟體（anti-virus）、裝置驅動軟體（Device Driver）等等。

在這邊筆者想特別強調一點，「App」常常聽台灣人總愛唸成「A、P、P」，將三個字母分開念，也聽過一些國內工程師說自己是「A、P、P 開發者」... 如果有國外工程師聽到你這樣講，大概要腦筋急轉彎一下才知道你的意思呢！

正確念法其實是 app /æp/ ，只有一個音節，發 æ 這個音時舌頭要扁扁往下壓、p 則輕輕發「ㄆ」音，要小心別唸成 ape /eɪp/（猩猩）了。如果之前念 A、P、P 的朋友趕緊改過來吧！下次跟朋友提起 App 時，唸唸看 /æp/ 的發音，你會突然覺得自己談話好像瞬間有深度、高級很多 XD

UX vs. UI

UX、UI 這兩個詞常被大家混用，雖然兩者息息相關、是對好搭擋，但也應該了解之間的差別6：

UI —— 使用者介面（User Interface），介面是一項產品或一個網站如何陳列排放、如何輸入輸出、如何和使用者互動（按鈕、拖曳），所以 UI 的定義就是讓使用者得以使用產品的功能來達到結果的設計與安排。用一句簡短的英文來總括 UI：

「UI is how the product is laid out.」

UX —— 使用者體驗（User Experience），這詞本身並沒有列指特定的事，介面設計、視覺風格、程式效能、正常運作和功能、使用者的族群，凡是這個產品會影響使用者「感覺」的方面，都屬於 UX 的一環。用一句簡短的英文來總括 UX：

「UX is how the product feels like to users.」

想深入了解這兩個字的差別，請參考 Inside 的文章：UI（使用者介面）到底是什麼？UX（使用者體驗）又是怎麼讓人混淆的？

（本文轉載自 inside網站）

2014/8/18 「從世界杯看無痛設計 一「鍵」搞定 引爆消費者需求」

從世界杯看無痛設計 一「鍵」搞定 引爆消費者需求

摘錄自：能力雜誌電子報                                2014/8/13

文/廖志德

倒不是說足球對戰本身能和體驗設計連上關係，而是球賽轉播開始發生根本上的轉折，有進步有退步，有不便之處亦有驚喜之處。現在我們看似擁有更多的播放管道及精彩訊息分享，但是想要看到高解析度的賽事直播得上付費頻道，同時播報評說的品質遠不如前，這是台灣球迷心中不解的痛。由於本土電視及網路媒體不提供解藥，於是有人開始在大陸網站尋找新的寄託，探索體育世界的新天地，而這或許將成為未來的大趨勢。

這是一種很怪異的現象，科技進步的同時，台灣的播報環境反而退步。過去我們不用花錢就能在三台看到的世界杯足球賽，現在你得付費連上中華電信MOD、愛爾達體育台、年代Much台才看得到，如果不願意花錢，就得上網找免費直播。可惜的是，台灣的情況令人遺憾，免費直播雖然號稱是無痛分享，但其所提供的網路服務品質普遍不甚理想，人機介面設計的瑕疵隨處可見：

1. 限定IE 瀏覽器，而且還要重新設定及下載解碼元件。

2. 目前非直播時段，本節目直播訊息，請見頻道公告。

3. 動線設計不流暢，授權解碼、緩衝處理的等待時間過長。

4. 觀看時無法調整螢幕大小，無法知道比賽的時間長短。

5. 廣告多到讓你捶胸頓足，比賽被切割得亂七八糟。

落伍的是台灣，進步的是大陸，不便的是台灣，驚喜的是大陸。從上述台灣的例子反觀大陸，「央視体育」、「新浪体育HD」、「愛奇藝」等APP的設計，則帶給使用者較少的痛苦、較多的歡樂；以新浪体育網的網頁設計為例，觀看轉播時沒有不必要的設定，沒有太長的等待時間及太多的廣告，畫面設計美觀，每日賽程、射手介紹、即時新聞、專業評論、3D模擬進球等，新浪体育有不少的創意讓人耳目一新，大陸網路產業的快速進步不容台灣小覷。

一指搞定APP無痛設計最高境界

2010年世界杯在南非， 距蘋果2008年創立APP Store已過2年，那一年APP Store的應用程式有30萬個，位居手機軟體商店平台的老大，Google的Play Store則有13萬個應用程式，正以6倍快的速度向前邁進，遠勝APP Store的雙倍增長。歷經4年的物換星移，Play Store在2013年的7月24日達到1百萬個應用程式，5百億的累積下載量，APP Store雖然在2013年6月10日率先達到5百億的積下載量，但要到2014年3月18日才擁有1百萬個應用程式，目前蘋果與谷歌的商店平台實力在伯仲之間。

短短6年的演化，人們早已融入APP時代，在捷運上看到有人低頭玩「神魔之塔」、看「甄環傳」是司空見慣。前陣子隨著世足賽進入8強決賽，球迷的關注度日益升溫，運用體育APP觀看球賽，或許比不上電視的大螢幕賞心悅目，卻是即時關心比賽的最佳選擇。羅本假摔演技大回顧、內馬爾受傷心碎告別世界杯、德國7比1狂掃巴西等精采好戲，APP以最簡約的設計提供最關鍵的訊息需求。容易操作的UI（User Interface，使用者介面）是APP最大的優點，簡單的說就是一「滑」搞定或一「鍵」搞定，這是無痛設計的最高境界；如果用手機看一場比賽，手指的動作需要超過3～5次以上，那麼這個APP的設計就有一點遜。

未來所有裝置及服務的設計都得向APP看齊，排除不必要的干擾，刪減複雜費力的程序，拋棄令人不愉快的額外要求。無論是汽車、冰箱、電視，或是餐廳、咖啡館、便利商店、航空公司，消費者都希望能夠一「鍵」搞定，在享用產品及服務所帶來的功能及樂趣的同時，痛苦、掙扎、無力感最好也跟著消失無蹤。

專家看不見初學者的痛

有些痛苦顯而易見，有些痛苦卻隱而不現，有些甚至已經和消費者合而為一成為一種習慣，戳人痛處的問題無所不在，缺少的只是同理心及洞察力。由於設計者通常是某個技術領域的專家，看不見一般人及初學者的痛，使得企業往往忽視消費者期望省時省力的需求，工程師追求的往往是高級功能的技術競賽，殊不知顧客要的是簡單好用的人性化設計。當一個人心中掛念的是技術，特別容易失去感受別人潛藏渴望的能力，因此在一個領域待得越久，越要小心自己的技術僵化症。

然而，前面談及台灣足球直播網站的5個UI設計瑕疵，恐怕不是技術掛帥所導致的慣性行為，而是更嚴重的低品質、低成本文化的漫延，發病！其實要做到與新浪体育同等的網頁品質，技術難度並不高，只要用心就能辦到。首先要將訊息內容的架構及層次梳理清楚，達到簡單好用的基本要求，就能確保界面的可用性，然而從台灣足球網站的設計看來，這個動作好像完全闕如，呈現出沒有設計的低水平設計，其實一個有經驗的網頁設計師只要花1個小時進行最基礎的規劃，都可以輕易超越現有品質許多。

既然不是技術或能力的問題，那麼問題到底出在哪裡？筆者猜測這些企業犯的是獲利導向思維的謬誤：反正這些觀眾不花錢就能收看節目，有得看就該偷笑，我們隨便做做，您們隨意看看。事實上，有不少網友可以接受這樣的低品質設計，這樣一個APP在世足賽期間便海撈10萬個粉絲，賺個3千萬廣告費；造成的結果是，企業經營小有成績便以為自己大有斬獲，如同井底之蛙一般聒聒不停，看不見背後的缺失。

看不見問題是企業衰敗的開始，用隨便的態度就能賺到錢，容易使得員工失去應有的市場戒心，持續用降低成本的組織文化創造出低品質的產品，卻看不見消費者內心的痛，如此長久發展肯定會失去消費者的心，造成美好品牌體驗的淪喪，而這才是最值得企業領導人憂心的組織病。

以下2個案例，告訴你如何避免獲利導向思維的謬誤，讓無痛設計引爆消費者需求。

案例1：一鍵搞定 自拍神器搶賺美眉荷包

對於消費者沒有說出口的勉強接受不能等閒視之，這可是引爆需求、突破競爭的策略制高點，誰能夠把零碎的、不起眼的、難以覺察的困擾及痛苦降到最低，以無痛設計取悅消費者，使得產品及服務容易接受及上手，誰就有機會像球星梅西一樣靈活調球，進入消費者市場取分。

有了智慧型手機，誰還想買數位相機，這是所有相機廠商的痛，不過還是有人善用無痛設計的基本原則：一鍵搞定，重新成為消費者的最愛。

Selfie（自拍），2013年牛津字典的風雲字，一群小女生在海芋田前玩自拍，美國第一夫人蜜雪兒和愛狗波(PO)玩自拍，英國前首相布萊爾在爆炸現場忍不住玩自拍，上至國家領導人，下至普羅大眾，人人都愛玩自拍。不過2013年的最強自拍來自NASA太空人，以壯闊的地球為背景，宛如電影地心引力的美麗場景。在太空一邊漫步一邊玩自拍的機率只有70億分之一。

但是想要拍出美美的自拍，一般智慧型手機還是有不夠力的地方，還是有一點勉強，角度調整不容易、光線太暗不日系、美肌效果難設定，尤其最喜歡自拍的族群是20～25歲的年輕女生，太過複雜的功能她們可不會用。

首先看到年輕女生自拍商機的是卡西歐(CASIO)，該公司研究人員走入街頭了解人們自拍時的需求與痛點，然後根據調查結果，陸續開發出具有下列功能的TR 系列商品，新推出的袖珍型相機長得像智慧型手機，使得自拍更容易，效果更美麗。

1. 可以分別旋轉360度的螢幕及外框，任何角度皆可取景。

2. 只需按下外框上的按鈕即可拍照的外框快門。

3. 增添美白模式，肌膚更顯粉嫩光滑。

4. 無線連結，在社群分享照片更加容易。

5. 遙控拍攝，讓自拍顯得更自由自在。

這台被封為「自拍神器」的相機TR350價格可不低，一台要價3萬9千9百新台幣，但在殺價競爭的紅海時代，TR系列口碑奇佳，賣得到處都缺貨，算是近年來少見的市場奇蹟。雖然它的價格真的不便宜，但是為了和朋友分享美美的自己，不少年輕女生還是含淚買下自拍神器。

案例2：我拍故我在 Camera+創造9百萬下載量

好的，您不是女生，不為TR350所動，但是您還是想拍出漂亮的照片，並且快速與眾親朋好友分享，這時Camera+或許是最值得考慮的APP。Camera+開發團隊本來想要把智慧型手機打造成專業級照相機，結果發現一般使用者照相的主要目的是：捕捉瞬間，跟朋友分享自己的驚喜。這個發現影響Camera+的開發方向，他們將照片強化、編輯、分享的核心功能做到最好，並刪除非核心功能以避免不必要的干擾。

現在的Camera+雖然保留數位單眼黑色簡約的設計感，但是操作UI簡單好用容易上手，並且擁有多元豐富的濾鏡編輯效果，使用者可以輕鬆拍攝出近似專業水平的照片，最重要的是可以馬上拍馬上分享到FB、Twitter、Flickr等社群軟體，刪減從這個APP跳到另一個APP的痛苦過程，使得分享更加流暢。

在免費APP 掛帥的今日，Camera+定價60元新台幣，卻能在2012年達到9百萬的下載量，創下傲人的成績。然而，面對免費線上照片及視訊分享平台Instagram的強大競爭擠壓，近來Camera+的確沒有那麼火紅，不過他們針對使用者核心需求的無痛設計理念，確實引領攝影APP走向非凡的演化道路，開創出付費APP的可能商業模式。

看不到絕對值背後的痛苦指數，就不可能創造出令女生心動的TR系列，就不可能發展出無痛設計的好產品，就不可能引發消費者需求的大爆炸。台灣企業如果繼續漠視人們觀看足球轉播時勉強接受的心態，感受不到他們微妙的痛處，恐怕未來的體育轉播盡皆大陸APP的天下。

欲知結果如何，2018 俄羅斯世界杯，再見分曉。

【本文出自《能力雜誌》2014年8月號】