[畢業後找工作] 面試前的額外指定任務
其實在到達面試前是需要克服重重關卡的，但如果把他當作打塔任務一關一關解過去，其實就不那麼困難和挫折了。
我最近在玩SAO MD這款手遊，在裡面不算很強
(幾乎沒有課金，我只買了首儲NT$30的小禮包而已)
所以如果不和遊戲裡的各位課長大課長一起比較的話，我想我操作至少算中等了吧(排名賽大約在30-50名)
阿差點離題，遊戲中每次出新的任務時，我都會花很多時間自己熟悉BOSS的攻擊模式，失敗重來少說都幾十次起跳。
所以說面試有任何機會可以嘗試都要盡量把握，每一次大小挫折都是下次的成功累積。
每次被BOSS擊飛或不小心被K死，下次就知道原來還有這招，可以嘗試應對。
進入正題…
我在先前一篇分享面試歷程的文章中有提到，到第三家公司面試前，有被指派一項額外任務。
介面的重新設計
該主管透過電子郵件寄給我一張圖，該畫面是某能源監控系統的截圖。
其要求我針對這個介面重新做設計，除此之外便無任何其他要求和指示了。
這個任務可以非常自由發揮，但不是自己覺得好看就好，屆時必須說得出一番道理才有用。
首先來看看原始圖長這樣：
這一看就一副Windows XP風格(?)，且有濃濃的工程師味道。(從第三列的路徑顯示欄位就可以看出端倪)
如果照一般介面設計流程來說，應該先從需求開始分析訪談再著手製作雛形，然後接續一直在設計與再設計之間循環(關於設計相關理論和方法以後會有更多文章分享)。
但是因為現在沒有那麼多資源可以取得，自由發揮就是有些部分可以自己先假設，只要方向對有設計的概念基本就OK了。
所以一樣照設計流程來，但內容利用蒐集的資料或是一般性知識進行假設。
因此，根據HCI(人機介面互動設計)流程，本次任務實作過程分為下列兩個步驟：
確認並建立需求
能源監控系統 → 能源 + 監控
能源
說到能源就會和綠色聯想在一起，尤其是這幾年由於氣候變遷導致世界環保意識的抬頭。
在色彩學中，冷色系的藍色和綠色會給人冷靜清爽的感覺，而使用此系統的人確實需要腦袋清楚的做相關決策。
原介面主要以藍色系為主，保留原概念加上綠色概念做部分調和和點綴，如此便初步產出系統整體識別設計。
但這樣還不夠，要成功製造出識別，LOGO設計是一個非常關鍵的重點。(關於CIS企業識別系統相關初步認識可以看這邊，以後也會有深入介紹的文章)
因此我將LOGO簡單做了變化，保留主要的內容在字體和葉片做了改變，以拉抬系統整理的質感。
而LOGO中文字使用的 Alegreya 是一款有稜有角的字型，但又不會過於剛硬，可塑造出系統正式嚴肅的形象且呼應綠色的清爽。
監控
監控在辭典中的解釋為：透過儀表板了解控制目標的工作情況。
因此，本系統應為一目瞭然的儀表板介面，讓使用者可以隨時以最快的速度、最短的時間了解系統所提供的情況。
原介面做到的唯一努力是透過粗大色澤明顯的數值，讓使用者了解目前狀態。
然而各個設備的名稱卻需花費時間觀看理解，並且龐大的紫色網底除了分隔不同欄位以外無任何有效的作用，甚至會影響標題文字的閱讀。
(這些當然是我個人根據一般觀念所做的分析，實際嚴謹應該做調查和訪談才能得結論)
本系統中包含許多數值、狀態以及功能的顯示，根據許多研究或市場實證結果都證實資料的視覺化可以有效的幫助使用者理解資料內容。(初步可參閱此)
因此，我先將汽車儀表板的概念移植過來作為數值監控使用，搭配顏色顯示狀態ON/OFF或ERROR，再將功能按鈕放大(費茲定律)。
最後，我再將選單與路徑顯示合併，透過凸顯目前所在位置來讓使用者了解路徑關係。
發展符合需求的設計方案
有了設計概念後，便是透過繪圖軟體製作出設計圖稿。
在這邊我使用Adobe PS來製作圖稿，CC版本後可連結色彩資料庫功能我覺得非常便利。(Adobe Color CC)
最終，發展出的新版介面長這樣：
當然如果套用到實際工作上，是否能實現如果畫面或是這個畫面是否真正符合使用性以及高滿意度都是需要經過評測的。
並且如果有參閱我另一篇面試歷程文章的人應該也會看到，後續實際執行此類工作時，會遭遇到許多困難和挑戰。
設計這條漫漫長路，我有大白貓陪伴並不孤單。
(之後也會有介紹我家貓咪的文章XD)
但我知道我還有很長的路要走，我需要持續不斷的精進自我，才能在這條路持續不斷走下去。
以上就是我面試前被指派的額外任務的分享，希望可以提供你做相關參考。
如果有任何問題都可以在下面回響的地方提問，我都會盡力回答。
