今年一月從香港回台打算尋找實習機會，在沒有積極尋找機會的情況下，開始加強自認不足的專業知識，並探索些新東西。在此想要概要性的總結一下自己做了些什麼！

- 線上英語家教

時間：2-3月、5-6月

剛從香港回台時，仍然希望維持說英文的頻率。因此，上了Axxxxxxxer的家教課程維持使用英文的習慣。

心得：整體上課過程英語能力的維持是具有幫助的，排課方面也相當彈性。不過，對於英文新用法的學習稍顯不足，是我認為可以再加強之處。

- UX Case Study 練習

時間：3月

Netflix Playback Experience to Improve Subtitles For Language Learners — Case Study

另一個線上語言學習平台舉辦為期兩週的課程，主要為撰寫一篇針對可改善使用者體驗的資訊服務進行Case Study的英文寫作練習。(成品在上方連結)。

每天給學員看一部Google Design 採訪不同企業的影片，學習英文詞彙並嘗試進行聽寫。這對於想從事UX、Product Design 相關領域且想精進英文的人是個不錯的學習平台。反覆聽寫的過程也了解英文聽力上的盲點。在聽完這些採訪後，學員需要自身進行Case Study的撰寫，並由指定的導師批改你的文章，並給予建議。

心得：蠻認同這樣的學習方法，一方面學習語言，一方面也可以學習產品設計和一項服務背後設計的原因後果。只依稀記得當初是用非常優惠的假個取得這課程。(可能這平台也是在剛起步階段!?) 在當時，只認為請專業人士修改文章就需要不少錢，抱著好奇的心態參加一下。不過，就語言學習的角度，這類資訊是容易在網路上取得的。

- Coursera — Algorithm I (Princeton University)

時間: 4月- 5月

重新複習演算法是我回台這半年的計畫之一。自從大三以後就沒再碰過它，考量之後準備踏入研究所階段，加上未來找工需求，我認為投資一門演算法課程能夠提升自身實力，同時也是刷題訓練的前哨戰。

Princeton University 演算法是我的選擇。這門課適合具有程式底子的人精進自身能力。基本上，課程會將演算法的重要核心到Java Library 的資料結構(Union Find, selection, insertion, shell, quick, improved quick, merge sort, heap, binary search tree, balanced tree, priority queue, 以及HashTable....等)都講了一次，保證扎實地回憶起必備知識。

Algorithms, 4th Edition

這門課也提供了公開教材，如果沒時間上課程又想吸收點知識的朋友們，歡迎你們至上方自行取用！

心得：非常推薦這門課程，把很多在大學演算法沒有提及的地方補充的很多。5次作業也能讓學生系統性地學習使用Java的Library，並且運用不同資料結構去解問題。同時，學生也能從作業上學習如何寫好一個好的API程式碼。寫作業時，都會有加分題，都會有激起我想要在online judge 拿滿分的慾望xDDD。除了這些演算法和資料結構外，課程也會帶你如何去寫好一個Java的程式碼，例如：如何實行Equals Function和java hashcode 的產生。

- Spark AR 濾鏡比賽

時間: 5月-6月

這一兩年在IG、FB興起一波濾鏡潮。許多創作者將動態濾鏡上傳至社群媒體供大眾打卡、玩遊戲。

當我看到SparkAR時，心裡想著沒想到FB進化到建造出一個類似Unity的平台，創作者可以製作屬於自己的AR濾鏡。重點是非常適合程式初學者或者是設計者，並提供一系列的教學供創作者進行學習。基本上，從入門到第一個濾鏡只需要不到一小時的時間便可以設計完成。

SMAR 社群濾鏡

SMAR 社群濾鏡尋找在台灣的四家企業進行合作，並且舉辦為期一個月(後來延長兩週)的比賽，參賽者自由選擇任意自己喜好的企業設計主題濾鏡，並進行評比。

心得：參與這項競賽並不在我的計畫內，如果要說原因…大概就是籌出去玩的旅費吧..痾。從看到比賽到截止只有將近兩週的時間，當時又還在趕著演算法的線上作業，因此到了最後一週才開始構思想法和開發。原本預計一週可以完成這個小作業，沒想到過程中出現了不少問題，例如：3D建模，Spark AR 在編寫程式時的邏輯...等，讓我花了不少時間。所幸最後延長了活動時間，才得以完成這次作品。

最後，雖然沒有如願獲得旅遊基金，不過在過程中也從網路上學習著如何用Blender 進行建模，設計一些遊戲的小插圖，都是不錯的體驗。

- 總結

整體而言，身為還是個職場菜雞的我，這半年理應要去找個實習，多磨些經驗，沒有成功找到也是來自於自身的不積極。其實在平常心裡是很焦慮的，畢竟一個空窗就是半年。然而，適時的回顧過去這半年，告訴著我並非在原地踏步，而是帶來了另一種收穫，也讓我在去年的忙碌中得到喘息和努力充實著生活，替自己的下一階段進行準備。

註記：講到這裡，還有刷題沒有被提及。它應該被我獨立開一篇 Story。因此，我將在下篇文章和大家分享到目前為止的刷題心得。

• 申請背景

國立臺北大學 資工系 
Overall GPA: 3.86/4.00, Last 60 GPA: 4.00/4.00

Test Score:

TOEFL:
88  (R:24 L:20 S:20 W:24) (2018/05/19)
91  (R:25 L:24 S:22 W:20) (2018/05/19)
95  (R:26 L:23 S:22 W:24) (2019/06/15)
89  (R:24 L:18 S:23 W:24) (2019/08/10)
105 (R:30 L:26 S:24 W:25) (2019/09/22)

GRE:
314 (V:150 Q:164 W:3.5)   (2019/01/19)
317 (V:152 Q:165 W:3.5)   (2019/04/27)

Working Experience:
Software Engineer Intern, Titansoft   (2017/07-2017/08)
RA, Academia Sinica                   (2018/05-2018/12)
RA, City University of Hong Kong      (2019/02-2020/01)

Publication:
一個VR小會的Showcase Demo

• 申請結果

AD:
UCSD   MSCSE (75)
UTD    MSCS
ASU    MCS
EPFL   MSCS
UTA    MSIS
USC    MSCS
UMich  MSI

Rej:
GaTech MSHCI (IC Track)
UW     MSIM
UVA    MCS
UIUC   MCS
UCI    MSI
UMD    MSCS
Cornell Tech Connective Media

• 為何興起出國唸書的想法？

其實會有出國留學的想法起得很晚，大三時，看著身旁大部分同系朋友們開始準備台灣研究所考試。當時心裡其實很緊張，對於未來的想像十分模糊。

當時，我只有兩個方向：

1. 透過推甄申請國內研究所
2. 畢業後進入科技新創尋找工作。

兩個方向皆是可行解，最後選擇了後者。因此，在大四暑假，我進入一間新加坡新創實習兩個月。

除此之外，那時的我也充滿逃避心態，不想面對未來的種種人生規劃。我申請了系上與香港理工大學大四上的交流計畫。

香港學(ㄨㄢˊ) 習(ㄕㄨㄚ ˇ) 的四個月，學習資源、台灣學生社群 (Circle)，還有與外國同儕的互動產生我出國讀書的念頭與信心。

於是，大四上的交換促成了改變我的想法，使我更進一步深造的原因。

• 出國申請時程表

下列時程表回顧了我申請的各項考試、經驗，以及文書的時程準備。

2018/01 — 2018/07 : 課業、職涯準備(中研院RA)、TOEFL 一, 二戰

2018/08 — 2018/11 : GRE 準備(Mason)、中研院RA

2018/12 — 2019/01 : 辭職、衝刺 GRE 一戰

2019/02 — 2019/04 : 香港 CityU RA、GRE 二戰

2019/05 — 2019/09 : TOEFL三, 四, 五戰、香港CityU RA

2019/09 — 2019/12 : 申請文書準備(推薦人、SoP、整理作品集)

2019/12 — 2020/01 : 客製化文書、投件

總體而言，兩年時間蠻出乎我意料。我以為能有效率地準備完 TOEFL和GRE，進入文件準備階段，順利地在18年12月申請19 Fall Program，隔年赴美讀書。

抱歉，事情不會像心想地如此完美

光是考試階段花了我至少一年的時間鋪路，這一點我克服了很久，最後挺過來了。過程中，儘管壓力很大，我不斷告訴著自己

種種考試是面對未來兩年生活的一小部分，我得過這關。

接下來，也將介紹申請所需的不同項目。

• TOEFL & GRE (T/G)

托福和GRE是出國前，唯二必須通過的標準考試。在美國的CS和HCI Program 只有少數學校可以不看GRE成績。如果讀者真的下定決心到美國，我建議大家準備GRE考試，增加自己申請學校的選擇。

在準備初期，我經常閱讀PTT和中國一畝三分地的考試、申請心得文。其中也發現通常較有競爭力的申請者為 T 100分以上/ G 為320分 (AWA 3.0)以上。

雖然學校考慮的要素十分多元，這兩個考試卻是唯二申請學校能將學生以相同的基準點進行比較的方法。因此，目標上，我希望成績能和此範圍的申請者相同，卻沒想到在過程中，吃盡許多苦頭和花了不少 💰💰💰。

• Statement of Purpose (SoP) / Personal Statement (PS)

申請學校繳交的文件，大多以 SoP 或 PS 其中一項為主，但仍有學校同時這兩項文件。文件的內容不外乎是申請學校的動機、自身經驗與Program的關聯和畢業後的期許。其中，有些學校會詢問特定的問題，大家得根據問題作作出不一樣的回答。舉例來說，UMich Information School 就詢問申請者下列問題，了解申請人是否對於該領域有基本認識與相關經驗。

- What are the critical issues in the field of information?
- What are your aspirations in the field of information?
- What is your understanding of the School of Information?
- How will a UMSI education help you reach your aspirations?
- What would you contribute to the UMSI community and to the field as a whole?

有些人認為每所CS/HCI Program每年都有高達上千人申請，學校招生委員會不太可能花很多心力在文件審核上。畢竟光是其他教學事務上也有不少工作。

申請過程中，SoP和PS是教授們認識你的唯一渠道。因此，試著把自己的熱情、優勢，以及對申請學校的熟悉展現出來，我認為是從眾多競爭者中脫穎而出的關鍵。

在這個環節，大家經常產生是否尋找代辦處理文書的疑惑。考量的原因在於英文書寫的不熟悉和處理的文件項目雜且多。如果嫌麻煩，透過代辦確實能增進不少效率。不過，在網路上也聽到許多與代辦合作不佳的例子，因此最後選擇自己管理一切的過程，在網路上搜尋資訊，並撰寫申請文書。

寫完之後，我也會請網上的編修人士以更貼近母語人士的方式修飾文字和針對內容提供建議。這邊也特別感謝我的嬸嬸在文件上給了我很多提點。

在此，我也簡單地說明，在構思申請文書時，我是如何進行段落編排。我的申請文書大部分為6–7段，篇幅為2頁長度。

1. 開頭並說明申請學校、目標，以及未來想走的領域

在我申請UCSD時，一開始表明我的目標是能夠精進CS的知識，同時瞭解人們在科技產品背後所產生的行為。HCI 領域剛好同時涵蓋這兩個部分。因此，我希望申請這所學校。

2. 出國契機為何? 為何想踏入這一個領域?

在大二升大三的暑假，我曾參加學校所舉辦的海外研習參訪團，前往新加坡大學(NUS)的CUTE Center (Connective Ubiquitous Technology for Embodiments Center)。參訪途中，讓我感到印象深刻的是提供溫度回饋的VR裝置，以及盲啞人溝通的溝通輔具。因此，我對於HCI有基本的認識，包含其中的使用者研究和可用性測試。這也促使了我想要朝這一個領域發展的決心。

3. 該領域的相關經驗 — 大學專題、香港城市大學研究助理

大三專題時，我加入了無線移動網路實驗室，參與LoRa傳輸的研究。我們的研究主要在於應用端的發想。在當時我們構想了無人自走車的物流服務。當時我的職責除了網路節點的嵌入式開發外，也在Android App 介面進行設計和參與開發流程。參與的過程中，了解了App 和O2O的服務設計開發流程。整體而言，我學習到了如何搜集使用者關於介面的意見、軟硬體整合系統的開發。

接下來，我闡述了我在香港CityU參與了盲人白手杖的改良，以及VR專案的相關經驗。

4. 過去經驗產生的問題、挑戰，並說明該學校如何幫助你解決問題(客製段)

此部分我講述了過去的背景大多是從科技的角度切入問題。然而，實際上許多問題來自於人類的行為及科技產品的痛點。舉例而言，盲人白手杖的改良會因環境溫度的變化造成使用者感知的不同、如何有效地設計資訊結構也是一門挑戰。基於這原因，我想就讀UCSD，並點出學校有一個多領域的學程選項能夠幫助我完成我的目標。我能夠在兩年的時間同時加強認知科學和電腦科學的知識幫助我完成目標。同時，我也能從學校的Design Lab中獲取必要的資源。在這邊，我也會點出一、兩個課程和一、兩教授於於領域的X、Y研究。

5. 未來展望、總結文章

簡單提一下畢業後的中、長期目標，並總結文章。

整體而言，在回溯過去的經驗時盡量找出自身和申請學校相關領域的關聯。當然也建議申請者們，如果對於特定領域有興趣，可以儘早累積相關經驗，再寫SoP時，就會比較多內容可以做篩選選擇。面對每個學校/科系的不同，我也會從自身不同的經驗去做內容的調整。舉例來說，我會在申請一般CS項目時，加入我在公司實習的經驗，以證明自己在實作端也有涉獵。同時，在第四點，我會透過不同的學校與不同的資源進行客製化修改。

下列連結是值得參考的SoP寫作建議，大家可以多參考，找出適合自己的文章架構！

1. CMU (右側有參考的範例PDF，它直接透過實例告訴你如何寫一篇不Cliche的SoP)

Graduate School Statement of Purpose / Personal Statement - Global Communication Center - Carnegie Mellon University

2. UCSD 心理系SoP建議

Writing Statements of Purpose and Other Application Essays

3. 此Google Drive 是從一畝上載的PDF資源

Update your browser to use Google Drive - Google Drive Help

4. 非常感謝Aboa 幫我在申請期間，編修我的文件。它的部落格提供了很多SoP要注意的細節，歡迎大家參考參考！

Aboa's English studio

• 推薦信

申請過程中，尋找推薦人證實你的能力與經歷，是必要的環節之一。

對我而言，推薦信像是透過第三人稱闡述你的個人特質。

我認為推薦信與SoP/PS 有相輔相成的作用。如果申請者在SoP提及的過去經驗能夠有推薦人的支持，能在申請過程起到加分的作用。大部分教授會要求擬一份草稿寄送給他。在這次的申請中，我一共找了五位教授幫忙轉寫推薦信，分別是專題教授、擔任研究助理的指導教授、大學系學會指導教授，以及曾經修課的兩門教授。我也非常感謝這五位教授願意提供推薦信的幫助，尤其是前兩位教授幫助我完成全部學校的申請，真的萬分感謝！

我大約在一個月前便聯絡好教授，並在一至兩週前寄送推薦信草稿。建議申請人能及早選擇幫忙寫推薦信的人士，並開始擬稿。畢竟，教授大多平時很忙碌，如果能儘早完成擬稿，比較有充裕的時間去因應變化。

接下來將從我的案例說明推薦信的主要脈絡供大家參考！

首先，先介紹推薦人為 K學生的專題指導教授，平時大約一週會進行一次會面。講述與 K 學生的互動，我發現了 K 學生的特質 (e.g. 勤奮、好奇心，以及創意…等)。接著，能夠簡單講述 K學生的相關修課紀錄、在實驗室所進行的 Project (e.g. 曾參與科技部計畫、競賽得獎，或相關具體的事蹟)。最後，在總結說明 K學生在修讀 A 科系 X 領域的潛力，並說明推薦 K 學生的程度。

整體而言，需要說明的有推薦人與申請者的關係、申請者在實驗室的具體成果及其展現的特質，並進行總結。

下列也是一些擬推薦信的資源，歡迎自行閱讀：

• [分享] 分享推薦信的寫作原則
• [心得] 草擬推薦信心得分享

• 作品集

申請程序中，作品集並非必要的因素。畢竟，在教授們時間有限的情況下，他們不一定會花額外時間審查SoP、PS以外的材料。當然也有少數學校會要求學生在提交文件前，提供作品集的連結。不過，在申請文書篇幅有限的情況下，作品集是展現自己的另外一個渠道。同時，申請者也可以系統性地整理過去自身經驗，寫作申請文書時，也能提升自己過去在專案製作的印象。此外，在未來求職時，也是個加分的項目。

我的作品集大約於19年9月製作至11月完成，時間總成本約為一週半。在製作時，利用GitHub的靜態網頁以統整曾參與的Project為目標。蠻推薦使用此方法，畢竟網路上有許多模板可以編修，可以降低不少時間成本於網站介面設計。時間安排上，我是以每個專案作為一個單位進行撰寫。在進行作品集製作時最好能大約說出Project 的簡介、系統設計/ Prototype 、自身的職責，以及最後的反思。在此建議還在讀大學的朋友們，記得把進行學校的專案作業的PPT、程式碼，以及Demo影片進行備份。在整理資訊時，較能有效率地製作作品集。

Kai-Ning, Keng

• 反省與結論

回想起申請過程的種種，心態上並非如此的安穩。很多經驗告訴著我申不申請上都是個隨機的過程，不用過於緊張面對。如果再走過一次，我會希望能夠用更平穩的心態去看待多且雜的事項！

心裡也常問自己，額外花了將近一年半的時間在這些項目的準備是不是有點浪費時間？不過，就現在來看，如果不是花費額外時間的準備，我也不會達成自己的目標！

希望我的經驗中能給想進一步深造的你們一些指引，也祝福各位申請者在未來的申請之路上能夠順利地申請到理想學校！

• 致謝

若不是有眾多天時地利人和，我不會出國讀書的決定。

感謝最大Sponsor爸爸媽媽一直以來支持和尊重我所做的決定！

感謝每位曾幫我提交每所學校的推薦信的教授，尤其是CityU的指導教授Ken和專題指導的陳裕賢教授幫助我完成每所學校的推薦信申請！

感謝Alan 學長在前年12月引薦我前往香港擔任研究助理！

感謝曾在香港與我合作或幫助過我的每個人！

感謝資工系學長姐和這兩年我所遇見的申請者願意分享寶貴經驗，我才在這條道路上少走彎路！

感謝網路社群的強大使我獲得很多有用的資訊！

• 資源補充

1. 這兩個一畝的文章，大概從Admission Committee 的角度，說明他們是如何審材料的

• 也从审材料的角度讲讲如何准备cs phd申请！|一亩三分地研究生申请版
• 提示信息

• 參考插圖 (Reference Link)

Undraw

This is my first time to write the case study with English on Medium. The main purpose of the article is to practice my English writing. Here, I still think the design process should be evaluated more rigorously. Thanks for reading! I hope I can keep improving my English and professional skills in my life journey. If there are some problems, no matter what the passage presents (e.g., design process, the style of expression), please give your opinions without any hesitation!

In the case of streaming media, Netflix has become a well-known platform surrounding our daily lives. With the growing number of international subscribers, it is important that the company should create more user-friendly and holistic functions, especially for the playback experience, based on different cultural needs. In the following passage, I will investigate the structure of the current playback system on Netflix and provide ideas to enhance the playback experience.

Netflix Profile

Netflix, which first offered a DVD-by-mail service, was founded in 1997 in the United States. In 2007, the company launched its streaming service, which allowed users to watch films, TV series, and documentaries through the Internet. It also began to transform its main business of DVD-by-mail service into the business of online streaming. Since 2010, it has expanded the online service to the international market. Six years laters, the number of Netflix subscribers in the international market first surpassed the number of their U.S. subscribers.

Currently, Netflix is the world’s leading streaming entertainment service with over 167 million paid memberships in over 190 countries enjoying TV series, documentaries, and feature films across a wide variety of genres and languages. — Netflix Media Center

The Problem

Bingewatchers and language learners usually use Netflix as a medium to learn foreign languages. Watching series with subtitles is helpful in understanding some contents of conversations in series. Even though Netflix has already launched the feature of subtitles in the player, the function still has annoyed ones who want to enjoy series and learn English. Since people sometimes don’t understand the meaning with the subtitles, they usually replay the part which they are confused about and switch the foreign subtitle into their native language to figure out the content. However, people would lose patience in adjusting the subtitles back and forth between their native language and the foreign language. As a result, improving the feature of subtitles is important for this target group.

Validating The Problem

Social Media

Thanks to social media platforms, I can conveniently conduct a little survey on Instagram. Initially, I posted a story on Instagram and asked my peers about their satisfaction and opinions of playback experience on Netflix. Based on the result, it shows that about thirty percent of people think the playback experience should be improved while they are watching movies. From the opinions, users also gave us concrete pain points.

“1. The subtitle cannot adjust if I watch on TV. 2. Netflix should add dual titles 3. The company should add the setting which allows users to control if they want to go to next episode automatically.” --- User A

“Control the playback speed” --- User B

“Customize playback speed, close the function that automatically go to the next episode, launch the setting of dual titles, and rating the videos” --- User C

Therefore, in the cases of my peers, we can see that Netflix users have their expectation on improvement of playback experience.

App Store

To understand more users’ opinions, I also consider other Taiwanese users opinions in the App Store. Still, users still look forward to adding these functions.

“Hope that the dual subtitles (English/Chinese) can be showed at the same time to learn English. Quickly clicking the right/left side of the screens can play quicker/slower while watching series. Even more, the company can add the ranking about hot movies/series.” --- Commenter 1

“Look forward to adding functions of dual titles, of fast-forwarding, and of playback speed….” --- Commenter 2

From the above research, I categorize users’ pain points into two groups.

1. Non-English native speakers hope to improve the function of subtitles to facilitate them to learn English while using Netflix.
2. The users think that they need the function to fast-forward, rewind, or control playback speed while watching on Netflix.

Solution

Since this research place greater emphasis on subtitles, I focus on the first point, which I listed above and investigate the function of subtitles on Netflix. In fact, Netflix has launched the function of adjusting the playback’s subtitle for users, but this function hides in a link which might be hard for the users to find.

I am going to integrate these existed function (font, outlook, and text Size) into the playback interface, so I add another speaker icon in the playback system to differentiate the original audio and subtitle settings.

The audio setting demonstrates available spoken language in the series, and the subtitles setting provides functions of dual subtitles, font, shadow, and text size. While a user clicks the subtitles icon, the system displays the current user's setting. The user can choose the items on the list if he or she wants to make some changes, then the right side of the set list shows the different options for him or her to set up. The below section is the example to understand the process that one user changes the setting.

Conclusions

I present an idea of updating Netflix’s playback experience. Users can set up dual-subtitles that help language learners to learn English while watching series on Netflix. The new idea also integrates the original functions, which allowed users to adjust the font, the sizes, and the outlook of the subtitles. It reduces the users’ steps to change the setting.

In the future, I hope to test my prototypes in the user study with real users. Without proven statistical data, it is usually hard for us to see insightful results. Also, during the design process, I think that some issues should be considered deeply.

For example:

• The icon design on the playback system could be designed further
• The information architecture of subtitles setting should be evaluated by users to make sure the structure fits to their requirement and priority.

Overall, I look forward to delving into the issues of movie/series subtitles to help more users adapt to Netflix's family.

Reference

1. Wikipedia : Timeline of Netflix Development
2. Netflix Dual Subtitle Plugin

• 網站頁面色彩：

網頁顏色分佈大多是以一個主要色調(Primary Color)，並配上一至兩個的背景色調。主要色調大多根據該公司的Logo為配色，而另外的背景色調則是作為資訊的背景，讓使用者能夠以清晰的角度閱覽網頁內容。可以從知名訂房網站 — Booking.com 看出。

有卡片式(CardView)內容的網頁習慣將卡片作為白色，再將背景色調設置為稍微暗色系的灰階色調，以凸顯一張張的卡片資訊。例如：知名線上問答網站 — Quora。

如果網頁內容的基本背景以白色或其他灰階顏色作為背景色，這些網頁會用一至兩個明亮顏色作為按鈕或重要內容的色彩，作為用戶使用上的操作指引。這些顏色大多該公司形象Logo的相似色彩，或者是形象Logo的互補色，加以凸顯使用者需在網頁上進行的重要決定。比如說，知名旅遊網站-Klook便是以該品牌Logo的相關色系作為按鈕及重要訊息的色調。

• 字體顏色

字體顏色讓我感到意外的在於網頁文字的顏色並非以純黑色作為基底，而是以深灰色為主要色調。

Pure black text and backgrounds with white can cause discomfort for the eye when users read the text over an extended period of time, leading to eye strain.

Research found that text and background combinations with too high of a contrast can lead to eye strain. However, too low of a contrast can also cause eye strain.- link

我到網路上查了這個問題發現長時間閱讀純黑色文字在白色背景容易造成人體眼睛的負擔。研究也說明過高對比度的配色和過低對比度的配色會造成眼睛疲勞。除此之外，純黑色 (#000) 本來就並非自然色，因為在日常生活中我們所見到的黑色大多仍有少數的光反射，因此這些網站並非使用純黑的字體顏色。

我也發現仍有少數網站並非使用灰階色彩作為字體顏色，舉例來說知名機票價格搜尋網站 — Skyscanner 就是以偏紫色作為標題文字，並在內容上以淡紫色作為內容文字，雖然我們看到的是以白色、深灰和淺灰所構成的字體配色，擷取色碼後，我們得知字體色彩並非是深灰和淺灰，而是淺紫和深紫。

對於字體顏色的配色，其實也是一門學問，大家可以參考WCAG2.0的指引進行網頁文字與背景的對比度調整。

Web Content Accessibility Guidelines (WCAG) 2.0 covers a wide range of recommendations for making Web content more accessible. Following these guidelines will make content accessible to a wider range of people with disabilities, including blindness and low vision, deafness and hearing loss, learning disabilities, cognitive limitations, limited movement, speech disabilities, photosensitivity and combinations of these. Following these guidelines will also often make your Web content more usable to users in general.

網頁內容無障礙指南涉及許多網頁內容的建議，使其能夠更簡便的讓人理解。追循這一類可以幫助視覺、聽覺及其他殘疾人士在瀏覽網頁能夠更加簡便友善，也能夠讓網頁內容對於普遍使用者更方便地瀏覽網站

這項協議把網頁內容的編排設定了一定的規範，並且劃分為由低至高的三個等級 — A、AA和AAA，越高的等級對網頁設計要求更加嚴格精確，所以針對對比度的要求在於AA和AAA級，分別如下：

• AA — 文字和背景的對比需要為4.5:1
• AAA — 文字和背景的對比需要為7:1

當然在這項標準下，針對裝飾性的文字、Logo文字和較大型的文字是例外的，可以不必遵守上述的規範。如果想要知道更仔細的原因，可以參考裡面的文章細節。

我們也可以利用 Colorable 查看文字和背景對比的程度是否足夠。

從下面的例子，網頁上經常使用的深灰字體(#333333)和白色的背景便是擁有12.63的對比，即是一個AAA級的標準。

大家也可以到自己經常拜訪的網站把他們的色碼擷取下來，看看網頁在對比度的部分達到什麼樣的等級。

總結

仔細觀察後，才發現原來現有網站上就可以看出網站的一些設計原則。這些理論一定在現有資源中可以透過書籍或者網路資源進行更深入的研究，但如果我們能從生活週遭的範例進行觀察，或許我們能更深體會這些設計原則。

之後可以再試試解析這些網站的排版有什麼可循的規則，或者是不同類型的網站在設計上會有什麼特別的編排。

參考連結：

1. Why You Should Never Use Pure Black for Text or Backgrounds
2. WCAG Official Document
3. Why WCAG made 3 level “A”, “AA” and “AAA” ? (The different levels of ‘grade’ a website based on accessibility)
4. Colorable
5. Contrast Rebellion

前言：這一陣子Netflix所出的 Black Mirror在網路上興起了一陣炫風，雖然還沒前去欣賞，但Netflix的火紅早已不是一天、兩天的事了，所以在上個月前，我就開始閱讀這家新創發展的一些過程，因此買了NETFLIX：全球線上影音服務龍頭網飛大崛起。看完以後，趁著這股風潮，想說來寫寫這家公司的發展史。其實要講Netflix的發展，應該可以說很久，畢竟光是Netflix和百視達的恩怨情仇，都可以拍一部商業紀錄片了。

因此我想將這個主題預計分為三篇文章，分別是Netflix 怎麼而來、Netflix 如何佔據整個影視娛樂市場，以及Netflix對電腦科學帶來的影響，希望大家在讀完以後可以更了解這家只有宅宅會使用的租片平台，變成如今引領世界娛樂趨勢的科技公司。

#0.5 淺談Reed Hastings 與 Marc Randolph

Reed Hastings 本身是電腦科學碩士出身，並在創立Netflix前就已創辦了Pure Software，兩年後收購了Atria Software，但過了不久被Rational Software 所收購。被收購後，他花了兩年的時間思考如何避免犯下同樣錯誤於下一個新創。整體而言，Hastings的個性較為理性、冷靜，也善於規劃商業計劃以及組織架構。

Marc Randolph為地理相關出生，在畢業後進入行銷和公關產業。在工作時逐漸發現直銷郵件排版的重要性，並漸漸發現如何改變版面、內容和顏色以刺激銷量。同時Randolph也在他的工作經驗中慢慢得到企業與客戶關係的重要性。在被Pure Atria(Pure Software後來收購了 Atria Software) 收購所待公司後認識 Hastings，藉此結下緣份。整體而言，Randolph的個性熱情及健談，善於和他人表達想法及觀點。

#1 Netflix成立原因

對於Netflix成立原因，至今仍眾說紛紜，但共同創辦人Reed Hastings 於2009年於《財星》雜誌(Fortune)所述是目前對外的一致說法。

「 Netflix的創始來自於1997年，當我要對於《阿波羅13號》支付大約40元的逾期違約金之時，我記得這筆金額，因為它讓我感到十分困擾，在那時仍然是VHS(錄影帶)的時代，然後這讓我想到這裡有一個很龐大的市場。所以我開始調查電影租借郵件服務的點子。我並不知道 DVD，然後我的朋友告訴了我 ：『 DVD的時代即將來臨 』在此時我跑向 Santa Cruz的 Tower Record唱片行，並且用信封袋裝起幾張CD片，最後寄給我自己。這是大約 24小時的過程，郵件便寄到了我家，我收到並打開我的信封發現它們完好無缺，這是一個令人振奮的過程」- Reed Hastings (原文連結)

僅管這個說法形成Hastings 一致對外的說法，然而另一位共同創辦人 Marc Randolph 卻認為《阿波羅13號》的違約金事件，只是Netflix創建的簡化故事。只是為了將整個冗長艱辛創業歷程，濃縮成一個簡單扼要的故事，避免不必要的解說。不過，不論是否這個故事是不是真的，我們必須承認當時的這個想法在Web剛興起的時代是十分前衛。

在這本書中也有提到關於Netflix創辦的故事，其實整個的創業過程來自於來自於Randolph，Randlph在1997年就有想要進行創業的計畫，他把當時在美國火紅的電子商務作為創業主題，希望能夠在網路上賣點東西，因此他找了大量的產品類型，希望找到輕便的產品且能和網路行為相關，並和Hastings 進行討論。於是，在眾多主題之中，他們考慮了線上影片租借或電影銷售的領域。大家可以先想想在當時的背景網路商店已經被Ebay佔據，在圖書業務上又有個Amazon。除此之外，當時租片業龍頭-百視達和好萊塢影視因為線上租片會搶奪實體店面的業績，因此對於線上影片租借並不感興趣。在這樣的背景條件下，影片租借確實是一個好選擇，他們便決定了要趕緊進入線上租片的市場。

決定進入線上租片業之後，他們開始研究許多問題，希望能夠打造一個租借服務，這個服務能讓我們把貨寄出去，並且再請其他人把貨運回來。然而，後來因為VHS(錄影帶)的寄送成本和庫存成本過高打消了這項念頭。

只是過了不久，他們便發現市場上有一個新興的影像格式-DVD。DVD的發明不用再用盒子進行錄影帶包裝，而是一個輕巧的信封袋便可以寄送郵件，這解決了在寄送中成本的問題。在經過測試後，確實也能毫髮無傷的寄送到指定地點，至此他們已經知道他們的想法是可行的。

於是，他們便開始進行創辦公司的工作，過程中涉及到許多問題，包含如何說服客戶使用這個網路服務而不是實體店面、尋找公司賣點以及分析對手的財務報告和經營模式。逐漸地，他們發現到他們必須建立一個友善的使用者介面，結合簡便的訂購流程並建立與客戶的情感，當客戶使用這項服務便能發現這是專門替他設立的線上影片商店。

至此，這個公司便是瞄準著當時美國娛樂界的弱點的網路娛樂公司。

#2 為何稱Netflix

團隊一開始在創建公司時，團隊認為公司名稱應該有兩個音節，第一個與網路有關，另一個則與電影有關。於是他們從這項基礎進行發想，曾經想過的包含Directpix.com、Netflix.com和eflix.com……等。

其中最後做出的決定就是Netflix，Net代表著網路的Internet，Flix則是Flicks的一種縮寫，也是英文中電影的同義詞。他們使用大寫字母，其中大寫的F強調著和電影的關係，並且搭配紫白相間的畫面(第一代的Netflix)。

#3 起初商業開發歷程

一開始Netflix的理念便是建立一個友善的使用者介面，結合簡便的訂購流程並建立與客戶的情感，當客戶使用這項服務便能發現這是專門替他設立的線上影片商店。

由於團隊一開始完全沒有在租片領域的工作經驗，團隊四處向各界詢問問題。他們找了Mitch Lowe(現為MoviePass的CEO), Jim Cook(現為Mozilla的CFO)…等。

Lowe擁有自己出租的連鎖店，又有架設網站的相關副業，同時又是VSDA(美國影像軟體業者協會)的主席。他觀察了顧客在影片出租店的消費行為，如：興趣所在、哪些影片可以滿足需求和一片影帶要租幾次才能賺回本…..等。

Jim Cook則是在購物網擔任財務及營運副總裁，因此具備營運經驗，同時點出營運時可能會需要的問題。

整體來看，他們最早的商業模式來自於使用者在網路上下定訂單，人員收到訂單之後從倉儲找到DVD，最後再將DVD包裝成信封，透過郵遞系統將DVD送給使用者，使用者一旦看完後，再將DVD寄回。

• 軟體：

Lowe定義了部分網站基本功能，如：影片簡介及搜尋系統，最後Lowe也加入了Netflix的開發。同時，其他成員也打造了良好的使用者體驗流程，並加入搜尋時所需要的提示字功能、推薦系統。

• DVD倉庫：

由於當時公司的辦公室曾是某銀行的分行，因此Hastings也將銀行的金庫作為公司營運時放置DVD的倉儲。倉儲的擺設也是很重要的關鍵，Cook經過測試後也發現最有效的配置便是迷你版的百視達門市：DVD放在玻璃信封中，掛在牆上的板子和房間中央成排的貨架，這樣的佈局使得他們可以在短時間找到影片並包裝進郵包中。

• 郵件的運送方式

Cook花了三個月的時間到郵局擔任業務主管，了解美國的郵件配送系統，畢竟要透過郵件寄送DVD，了解郵遞業務是十分重要的。他也和同事請親友進行測試了解這項配送服務是否能讓DVD在往返過程中不受傷害、不被蓄意拆開郵件。最後，Randolph發現一種「跳躍發貨」法，就是按照區域分配袋子，並直接將運送的包裹送到郵局碼頭，在由郵局進行最後的配送，送達目的地。

• 訂購方案

最初的計畫主要為民眾進行選片，並比照當時VHS(錄影帶)的費率 — 四美元加上兩美元的單張光碟運送費，每增加一張外加三美元。租片的人可以保留七天，然後以郵資己付的郵件歸還。如果喜歡某個片子可以以七折進行購買，這也是當時所有零售店無法提供的一項顧客服務。(不過當時DVD仍屬起始階段，也因此大多都是老電影)

在一開始草創之初，Netflix也透過許多行銷優惠方案吸引許多新客戶，然而在這樣的過程中，卻也帶來了他們的虧損，究竟他們如何逆轉和逐漸霸佔市場，就將由下一篇文章向大家進行說明了！

#4 參考資料

• Reed Hastings - Wikipedia
• Marc Randolph - Wikipedia
• Secrets of my success: Netflix CEO Reed Hastings - Jan. 28, 2009
• Netflix co-founder Marc Randolph on the company's origins, how it has changed and the key ingredients for innovation
• Netflix: How a DVD rental company changed the way we spend our free time - by BMI
• Why is it called Netflix | Rewind&Capture
• UX Timeline, back to the past!
• The Iconic Red Envelope: The Best Mail in America

#5 參考書籍連結

• Netflixed: The Epic Battle for America's Eyeballs
• NETFLIX：全球線上影音服務龍頭網飛大崛起

在上週四參加IxDA位在台北數位產業園區所舉辦的一個分享會，這次邀請的講者是來自於UX四神湯的作者-Shandy Tsai(真的是完完全全衝著UX四神湯作者的名號而來的XDD)，她的工作是在美國新創進行運動產業社交化售票平台的Product Designer，透過她的分享讓與會者更能了解到美國新創產業的產品設計文化以及相關工作內容。

接下的內容也是我針對這次演講進行的一個簡單重點整理，也希望能讓大家獲得一些相關知識。

在千禧世代後，人們對於自我的人生體驗越來越重視，每個人對於生活娛樂(如：演唱會、球賽和音樂節......等)投入的金額也不停的攀高，一開始Shandy點出未來人們對於生活娛樂方面的支出會逐年上升直到2030年。因此，對於相關產業會有龐大的市場潛力，而購票平台便是娛樂產業的其中一個應用開發。 — Shandy Tsai

在社交媒體的之後，資訊的傳播越來越簡便，人們可以透過社交平台得知即將舉辦的比賽和音樂活動，也可以藉由社交平台分享並邀請活動給我們的朋友，但大家也可以想想看是不是我們可以建立一個售票平台，同時可以讓主揪輕鬆的邀請他人並購買運動、音樂票券，因此Fevo就此誕生了！

Fevo目前是一個美國新創，主要致力於建立社交化的購票平台，建立讓每個人能輕易的做到人揪人，主揪也能很簡便的統計購票數量的購票流程。

大家可以試想一個情形：

如果Hermes想要邀請Jack、Jason、Vivian 三位友人去看球賽，如果Jack 想要帶他的女友Tina、Jason想要帶他的哥哥Peter和Vivian想要帶他閨蜜朋友們Tony和Angel。這三位朋友分別回報人數給Hermes，主揪Hermes得知要參加球賽的人數為八人，因此準備前往上球場網站購買門票。

然而，購買門票的當下，Jack得知他的女朋友突然要趕報告無法前往，Jason的哥哥Peter要帶他的女友來看球賽，Vivian和他的閨蜜朋友們突然不能來了。想必，如果今天你是身為主揪的Hermes必定很難統計票數吧！

剛剛只是提及一個生活日常蠻容易出現的情況，但實際的情況有可能更複雜，假設你是一個要舉辦50人球賽派對的主揪，想必你會被每個人的訊息搞到十分混亂，甚至很麻煩的紀錄每個人實際的購票狀況，更別提及到如何把這一個大團體排在相同的座位區......等眾多問題。

對於這種一揪十，十揪百的情形，Fevo建立了良好的購票機制，並且省去了原本傳統購票網站繁瑣的流程，讓主揪能夠輕易的紀錄身旁朋友的購票狀況。主揪只要成功的建立活動，便可以產生連結，此連結可以分享給周遭友人，周遭友人可以再給他們的友人進行購票。透過這種購票機制，只要使用相同連結加入活動的朋友們，就被歸類於相同的活動，主揪也可以清楚明瞭地掌握購票的狀況。

Fevo的品牌意象即是以V為主體，每個V代表的即是一個人，透過逐漸分享的方式打造建立由一個點漸漸向外擴散的社交購票平台 (圖左)

對於企業方面，Fevo 針對合作的企業方(目前合作的對象有許多來自於MLB, NBA, NFL 等 美國運動職業聯盟球隊)可以透過建立的活動事件，得以了解活動的相關統計數據，藉此進行分析。舉例來說，企業可以了解到哪些使用者時常為主揪，能夠吸引更多的群眾，藉此將某些廣告投放到主揪上，便可以讓主揪吸引更多的人來參與活動。因此Shandy也提到 Fevo 這家新創是一件B toB to C的新創公司，作為顧客和企業的橋樑，並且打造優質簡便的售票平台。

除了 Fevo 這家新創外，Shandy 也和大家分享自己在美國擔任Product Designer 的相關經驗，擔任Product Designer 的角色是科技、使用者經驗和商業的結合，因此也是一項需要具備跨領域能力的一份工作。

下面為圖片上Shandy 解釋相關職責時相關工作領域的部分：

1. User Experience :

• User Research
• User Flow
• Wireframe
• User Interface Design
• Interaction Design
• Prototype

2. Technology

• Information Architecture
• Front-End
• Project-Management
• QA
• A/B Testing

3. Business

• Branding
• Product Marketing
• Business Development
• Data Visualization
• Data Analysis

同時也向我們說明自身實際參產品設計的過程，儘管在了解客戶需求、針對使用者研究以及Wireframe的繪製需要不少時間，但實際主要開發的過程最花上時間的主要來自於後面的Prototyping、Design Review、Development 以及Testing，上述的過程往往會佔據整個開發週期約70%左右。因此，這其實也是一份十分費力辛苦的過程！（在最後看到整個產品過程的推演，我真的是大大地替這份工作的的人敬一個禮，一份介面的設計檔名可以是xxx-xxx-copy copy copy！）

透過這次的演講，基本上我是一個還沒完全踏入這個領域的人，但我卻能在短短的1-2小時的時間了解一個PD的角色還有Fevo這家公司，基本上是非常的值回票價。這一陣子也參加不少工作分享，常常紀錄這些東西放在自己的電腦裡，其實把它化成文章更有邏輯的去紀錄前人的經驗，同時和大家進行分享，真的是不錯的感覺！

未來如果有機會再和大家分享自己聽分享會的相關經驗啦～～

以往我們使用Iphone備份照片時，都必須利用Itunes才可以進行備份，但這樣的效果往往導致Mac的空間被大量的Iphone照片有所佔據，因此我們可以利用外接硬碟輔助我們，將Iphone照片進行存放，因此本篇文章就在教導大家如何利用外接硬碟備份你手機照片。

步驟一：將外接硬碟接上您的MacBook

步驟二：將您的手機接上您的MacBook

步驟三：開啟應用程式Image Capture

步驟四：選擇你要的照片或者全選照片

步驟五：選擇指定資料夾，並且按下Import鍵，匯入照片

完成後，照片和影像就會成功地匯入您的硬碟，便不用再顧慮電腦容量大小，上傳您的照片至外接硬碟中了。

這篇文一方面是自己紀錄一下自我學習的歷程，也希望大家可以透過這篇文章學習到如何備份自己的相片到外接硬碟中。