技術與質感的完美結合!

效能更好、速度更快。

整合設計與開發技巧,創造令人驚豔的成品。

為什麼 99 分還不夠?

前端工程師 ( Front End Engineer ),是一個相對新的領域,職位名稱幾乎從 2010年後期才開始出現。
這是因為現今的 Web 發展越來越追求使用者介面 ( UI ) 與使用者體驗 ( UX ),而衍生更多待突破的技術領域,已經需要整合性的專業人員負責。
尤其對「設計」和「工程」方面的整合,更需要前端工程師的協助,才能具體實現。

而且包含作業系統,幾乎每一個軟體都得自己安裝,有時甚至要操作 dos 介面才能完成。

有時候,「理想」和「現實」的距離,比你想像中遙遠。
在過去,有些傳統設計公司 在標案時的設計打樣,和最終上線時的版本,經常天差地遠。
就如同人人都可能畫出理想的設計圖,卻蓋不了漂亮房子。

所以,如果對 UI、UX 頗有見解的企業,可是卻沒有配置前端工程師,實在令人擔心最後產出的結果。

先進時代來臨

網路不再只是過去所認為:一個讓人看企業形象網站 或 Blog 的地方。

現在我們上網做生意,沒有庫房也能出貨。
網路上聊天、視訊、直播,開立個人電台、辦活動、虛擬導覽...
更包含 3D繪圖、整套辦公室工具、整間企業運作程序:打卡、進銷存、簽呈、管理... 等所有的東西都在雲端,無所不在地儲存了我們所寫下、所聽見、所創作的一切。

當出生時,你用五官感知了這個世界。
可是上網時,你只能透過介面去了解網路上的事物。
不好的 UI,就好比視力不好要看電視;不好的 UX,就好像手腳不協調地跑步;不好的前端開發,更有如給你一張鬼畫符的地圖,卻要想辦法找到出口。

而現在,你幾乎聽不到有人說要去「學電腦」了。
「因為,資訊世代的人一出生時,電腦就已普及,生活、工作全在雲端。
他們對網站系統順暢操作的標準,當然也是十分苛刻,一切都像是理所當然。

要能一接觸就立即上手,又要漂亮快速,又要能滿足工作上的所有需求...
這些對前端工程師而言,即使做到 99 分,仍嫌不夠。
對於細節的要求,要超越人們的想像,才會讓人感受進步。

結合設計與技術的創造力

由上述可知,設計有質感,讓人一見傾心;技術穩定,減少操作問題的發生;再加上觸動人心的使用者體驗,才會讓人感受到「特別之處」。
就是這些特別之處,讓你擺脫「訪客只是來這裡看看規格、詢價而已」的紅海市場。
尤其是坊間有許多用「幾種固定網頁版型」建立出來的官網,內容乏善可陳,商品陳列方式如出一轍,
簡直是在暗示顧客「我們跟其他家沒有不同唷!」,這樣上線公布出去,反而適得其反。

「正因為行銷太過重要,所以不會只有行銷團隊負責。」

有行銷力的平台設計是一門專業的學問,常常需要整合不同的資源,甚至延伸到實體的領域。
所以,我們特別堅持著重「隱含行銷概念的介面設計」,目的就是讓你的 TA ( Target Audience,目標受眾 ) 持續產生:搜尋、發現、流連、思考、認同、轉換、再回顧... 等一系列過程。

並且,我們再透過數據分析,印證各種設計策略的成效,包含:意念傳達、延伸閱讀、交互推薦、社群串聯、粉絲經營、裝置整合、創意活動... 等,藉以爆發驚人的成長力。

細膩,更加極致

讓使用者「滿意」地微笑,遠比讓使用者「驚豔」,更加費神。

因此,我們總是在思考各種改進方案,讓系統更加簡單易用...
而我們發現越接近真實世界的介面行為設計,越容易讓人理解。

舉例來說,我們對於 UX 設計,在「移動」和「刪除」的操作流程上,幾年下來,就有很明顯的提升。

在最開始的時候,你能夠按滑鼠的「右鍵」進行移動和刪除的控制,可是這對於老人家來說,真是令人費解的事。因此,我們很快就淘汰了這個做法,將資料「拖曳」到垃圾桶進行刪除,是更直覺的作法。

而智慧型手機時代來臨後,手指變成最重要的觸覺媒介,拖曳一個物件顯得有些不太順暢,我們改用「手指滑移」的方式進行操作。
這時,我們發現生硬的移動行為,已經不符合手指觸感上細膩的要求。
在滑動的同時,除了受指尖牽制外,也應遵守「物理慣性」...
在快速拖移行為後,應該要再平移一小段距離,才緩速停止。
我們盡量「故意」不讓人們意識到這樣的細節設計,只讓「下意識」感受不同,手指就會產生反射性進行下一步的行為。

後來,我們對於細膩的指尖操作要求,更加吹毛求疵。
我們透過虛擬的「摩擦力」,溫和地喚醒人們的主動意識,在不想讓使用者太快完成的動作上,給予細微的阻饒。
像是推動進行刪除操作時,如果只是「輕推」會自動彈回,要「稍微用力推」才會真正地去除。
「稍微用力」才能完成的事,就隱含著 系統在確認使用者的決心。
這樣會比直接跳出確認訊息,更加高雅、細膩。

終於能實現所有想像

要實現上述的細膩操作,無法只透過設計師們的想像,在工程技術上,更需要前端工程師的用心刻畫。

我們已透過 Html5、 CSS3、JavaScript 等技術進行動態介面開發多年,並利用 API 與程式設計師協同作業,共同改善系統效能,讓操作更加平順。

幾乎所有提案設計圖版,都能百分百實現。

更重要的是,我們熱愛這份工作。
不僅僅是為了幫助客戶,擘劃更遙遠的商業願景。
同時也改善了人們的生活。
實現自我。

效能更好、速度更快。
整合設計與開發技巧,創造令人驚豔的成品。
— Yu-Lin Zhang