Archive for: 八月, 2014

[台南限定] 這條路顛覆你對台南美食印象! 4家台南永華路上餐廳推薦

八月 30 2014 Published by under 食記x校園x餐廳活動, 飲食文化

 

 

台南除了永無止盡的小吃外,例如:棺材板、牛肉湯、蝦卷…….

其實還是有很多特色餐廳的,而今天要介紹的就是台南特色美食的一級戰場:「永華路」。

大家對台南異國美食餐廳印象可能會停留成大十八巷、二十二巷那一群餐廳,

而隨著越來越多的餐廳斥資千金永華路上攻城掠地,永華路遂成為台南特色餐廳的新指標!

 

從永華路頭段的晶英酒店大億麗緻小西門

中段,在靠近市政府的家樂福周遭;到後端的,永恆天詩原住民族文藝綜合餐廳

哥掐指一算,大概有二三十家跑不掉,

每家餐廳各出奇招,讓以小吃聞名的府城台南多出更多外食的選擇,

讓口袋很深的台南人,花更多錢在美食上(毆飛)。

 

 

台南永華路美食 - Google 地圖

(點連結可放大:https://goo.gl/maps/QNGqD)

 

 

永華路,為了紀念輔佐鄭成功的歷史偉人「陳永華」而命名之(看EZTABLE IDEA學歷史)

全長4.5公里,東起自西門路開始,西至億載金城。

除了有台南市市政府、市議會外,各大型建案正慢慢醞釀興建,

據說,W Hotel也即將進軍台南也是在這一條路上,被譽為台南市信義區地端(自己說XD)

很難相信,一世紀前,就裡都還是漁塭地而已……

 

 

 

1. 永恆天詩義式美食館 #半自助式餐廳,適合大小聚會#

台南市安平區永華路二段812號

55239_107009992700217_635435_o

 

訂位按鈕

 

 

2. 吾亦私餐廳(永華店) #私房菜料理、時常更新菜色#

台南市安平區永華路二段357號
 
 

 訂位按鈕

 

3. 寬心園精緻蔬食料理(台南永華店) #席捲全台的蔬食新風尚#

台南市安平區永華路2段41-2號
 

 訂位按鈕

 

4. 鮮咖啡 Caffe Fresco #華麗裝潢,吃個早午餐也可以當貴婦!#

台南市安平區國平路299號
 
 

 
 
20140605-IMG_1480
 

訂位按鈕

 

 

 

要吃要快!更多好吃美食消息,訂閱EZTABLE IDEAS

更多哥的文章,請點這裡………

No responses yet

改變,從下一秒開始

八月 29 2014 Published by under EZ心情

20081212102529933_2

大家應該對他不陌生,沒錯!!!!他就是股神-巴菲特

 

 

他說過七段話,與大家分享:

1.做你沒做過的事情叫成長, 做你不願意做的事情叫改變, 做你不敢做的事情叫突破。

2.如果你向神求助,說明你相信神的能力,如果神沒有幫助你,說明神相信你的能力。

3.隨著年齡的增長,我們並不是失去了一些朋友,而是我們懂得了誰才是真正的朋友。

4.當有人逼迫你去突破自己,你要感恩她/他,她/他是你生命中的貴人,也許你會因此而改變和蛻變。

5.當沒有人逼迫你,請自己逼迫自己,因為真正的改變是自己想改變。

6.蛻變的過程是很痛苦的,但每一次的蛻變都會有成長的驚喜。

7.巴菲特在美國一所大學舉行演講。 一個學生問:你認為什麼樣的人生才是真正的成功, 他沒有談到財富,而是說, “其實,你們到了我這個年紀的時候就會發現,衡量自己成功的標準就是有多少人在真正關心你、愛你。”他說出了人生的一個秘密, 幸福的關鍵是我們是否活在充滿愛的環境裡。

 

相信很多人都看過,也有不少人分享過這些話

人人不一定可以成為股神,但可以成為自己的神

未來,是當下的每一個選擇

相信自己    改變,就從下一秒開始

No responses yet

【Workshop】Client side caching in android

八月 26 2014 Published by under Engineering

【Workshop@140822】
Topic: Client side caching in android
Speaker: Blaise Tuffet

 

 

Today,  we are honored to invite Blaise for the talk focuses on client side caching on our android app.

 

2-IMG_3372

 

 

slide1

 

#issue

We face the issue that we have numerous services we need to query in order to display 2 main pages:
– Restaurant page : 5 api
– Restaurant search : 2 very slow apis

This is due to legacy apis that are not designed for mobile device and didn’t stand evolution of the business.
In order to mitigate the issue, we decided that it was important to turn to cache mechanism to make relevant data available as fast as possible.

 

#solutions

Basic available cache mechanism we survey are as follow :
– no cache/ service level cache (memcache) : speed up the service, but doesn’t resolve latency issue (us->asia roundtrip).
– CDN cache : accelerate significantly abroad services, mostly useful for public/static data
– local cache : same as CDN, can be covered by local db or libraries like volley. First time access is still slow, need to prefetch and refresh in the background.
– db sync: trivial for read only data. more complex for concurrent write situation, either too expensive or conflicts have to be resolved. We want to avoid syncing big db

 

#action

We focus on improving core experience : restaurant info and restaurant search.

 

 

6-IMG_3383_01

 

 

## Restaurant Info

This api requires more data, we don’t want to store it all on the client.
We decided to improve on roundtrips by grouping required data in a single call via service proxy (parse.com) and to enable close cdn to make delivery from us faster. In addition we use simple local cache to enable offline browsing for pre-cached items.
We want to preload some items like favorites, or restaurant with a reservations to avoid having user.

 

## Restaurant Search

Search api is provided by Solr system with aggregation of multiple data on the server side. Those extra data includes availability information which is not easily cacheable and slow to retrieve and slow down the api drastically.
Ideally we would like to make search instant, while it was taking over 1-5 second per page of 10.
To do so, we decided to extract key data from restaurant info, the one we intent to display:

– title,
– thumbnail

and the one we want to index for search (and maybe display) :

– price
– discount,
– food type,
– …

By syncing this index to the device daily, we can have up to date and instant search experience.
We decided not to use Parse.com local cache capability even though we use parse to aggregate our data. We found that parse local cache didn’t meet our expectation in terms of pinning speed and query time.

One critical issue yet to resolve is the restaurant availability for booking. Availability changes rapidly, especially for next few days and for popular restaurants. Moreover it is expensive to compute in our current backend system.
We are experimenting with caching availability for all restaurant at once per day with a CDN expiration of 5 minute for next days and longer for later days. this would leave us with a single api call on search for availability.

 

# Future step

Make Quota cache more powerful by improving caching logic and server performances. Using CDN cache only is not optimal since once in a while a user will experience a very slow experience, the lesser the amount of user the more will experience the slowdown.

 

3-IMG_3376

 

 

5-IMG_3382 

 

 


 

 

如果您喜歡這篇文章可以點擊「讚」&「分享」
並歡迎訂閱EZTABLE IDEAS!  😀

如果你是學習力強,而且經驗值高的人才,
歡迎一起加入我們 EZTABLE!! 

EZTABLE at Linkedin-Senior Mobile Software Engineer

 

 

No responses yet

就這一秒,If only for A second

八月 26 2014 Published by under EZ心情

可曾想過,若一切原先覺得理所當然不再理所當然,要如何繼續面對?

 

面對癌症是人生的一大難題,聽到"也許只剩三個月的生命…"
接受事實很難、憤怒沮喪是必經過程、不知如何是好則是正常反應,
“最想念的,是未被告知前無憂無慮的感覺”

 

比利時MIMI ULLENS FOUNDATION去年的宣傳公益計劃 IF ONLY FOR A SECOND
表達不怨天尤人,勇敢擁抱病痛的開懷大笑,
攝影師捕捉患者睜開眼看見自己誇張卻又充滿樂趣的那一剎那,
原來帶給身邊的人,可以不只是難過的負面情緒。

 

紀錄影片看這裡

螢幕快照 2014-08-24 0.41.55

 

 

常常,我們容易輕易地將他人的付出及包容,視為理所當然,
適時地說出謝謝,辛苦你了,替愛你的人製造快樂,別後悔了!

 

Winnie Wang,
Social Media, Marketing, Monetization & Communications
享受優質24小時餐廳線上訂位

Source: 
MIMI ULLENS FOUNDATION

 

No responses yet

【Workshop】淺談如何開始設計之專注美感三十年

八月 25 2014 Published by under Design

 【Workshop@140822】

Topic: 淺談如何開始設計之專注美感三十年
Speaker: Wen Ku
slideshare: 淺談如何開始設計之專注美感三十年

 

 

每次看到一些漂亮的東西做出來時,許多人心裡都會冒出一個想法: 我好想學設計! 我也想做出有質感的東西!然而這種話在設計師耳裡聽了太多太多次,但這樣的想法往往最後都不及而終。

今天請到 EZTABLE 的 Wen 哥,談談學設計時,我們到底要先做什麼樣的準備。

 

 

1-IMG_3312

 

 

 

 

淺談如何開始設計之

專注美感三十年

 

 

 

 

 

 

 

 「Wen哥~我想學設計!」

 

 

許多人心中都有想要學設計的渴望,但殊不知學設計以前,真正要學的是「美感」。
美感從何而來? 美感是與生俱來,你天生就會註定你覺得漂亮的事情,在你生出來的時候你的記憶已經決定你對美感的感覺,這即是所謂的天分;但不用感到心灰意冷,因為後天的培養便是「設計」,如何才能擁有設計感? 只有藉由美感的琢磨,與不斷的修練和成長,隨著時代的演變跟進化,去結合設計感。

 

美感結合設計感,才能做出一個好的東西,你如果只有美感,可能只是在腦袋裡面的一個小小的藝術家而已,但真的能把你的美感呈現出來的方式是設計感,設計感即是能把你美感的東西做出來的一種能力,一個動作。

 

 訓練美感,如何開始?
以下便會解說如何構成一個畫面,以及構成畫面需要哪些元素!

 

 

 

 

美感與視覺

無論什麼設計行業,在創作具美感的設計方案時,
都建基於一些共通的美學原則和理念,
而且在同一時代裏的不同設計作品,
我們都不難發覺它們所追求的目標和宣示的理念,
背後都是一脈相承的。
要領會設計中美感的考慮,
首先要了解人的審美過程造型的基本元素

 

 

 

 
wen-01

 

 

只要是運作視象途徑來帶出美感的設計方案,
我們都可以把它看成一些基本的構成元素,
一定的組織規律結合在一起。
無論是平面形狀或是立體的形體,
其構成視覺印象的基本元素都是:

點、角、節
線、脊、輪廓

色彩
質感

 

 

 

wen-02

構成元素當中,點和面本身所能帶出的情感和張力有限,

線條卻大大不同,單一的線條已經可以表達豐富的感情。

(見右四張圖)
上面是有組織、有規律的線條,下面是雜亂無章的,但是相對的雜亂無章也能帶出另外一種層次,而放射狀的線條也能營造出另外一種的空間感。

 

 

 

 

 

 

  

 

3-IMG_3324

 

美妙的句子如果組合不當,可變為劣拙的故事,
但平實簡單的句子,如果組合得宜可成曠世巨著。

平面和立體共通的構成元素,還有顏色和質感,
因此組合構成元素的規律是設計美感的重要部分。

與構成元素不同,組合規律對平面和立體的設計同樣通用,
我們甚至於在其它創作領域,如音樂和寫作等等亦能找到它們。

可供表現組合規律的變量有:
位置、空間、比例、重心、骨格等,
而組合的規律有對比、平衡、節奏。

 

 

 

 

 

 

 

 

規律元素例子

wen-03

  • 這張圖是由矩形的區塊所構成。利用不斷的重複,不斷的用固定大小的圖去結構它的畫面,讓你的視覺感到平衡、舒適,覺得有設計感。

 

 

wen-04

  • 這也是規律元素的例子,不斷的重複一些形體與區塊。

 

 

 

點和面所能表達的情感有限,而線條可以代表許多的意志

 


單一個點的本身因為沒有大小所以沒有能力表達複雜的意義和情感,點在設計美感上的意義,在於群集的一組點所構成的圖案,因此點是作為表現視覺組織規律的工具。


如果點因為其小而失去表達情感的能力,面的問題便出於其大。在人類視覺感知的发展當中,面因為對了解所見事物的作用有限,所以在大腦處理訊息時是常被忽略的,因此以面來表達複雜的意義和情感效果亦有限,因此面在設計美感上是作為點、線、色彩、質感等的載體。

 


因應線的發展方向,可分為直線或弧線。就着繪製線條用不同的力量、方向和速度,令線條有不同的外形,有長、短、濶、窄、輕、重、曲、直、頓、挫、深、淺。而線條的形狀,可帶出情緒的表達,如強勁,柔弱,轉折,跳躍,守靜等。故此,製作視象時,要注意畫面中各種線條的長度、濶度、起點、終點,以至線條兩個末端的形態,因為線條的形態,能營造觀感,而線條的發展走向,能引導視線的活動。
許多設計行業都會利用各種線條來烘托產品特點:時裝設計利用布料特性與剪裁配合而出現的各種輪廓線和陰影線來營造穿衣者的性格;而汽車設計師作汽車外形設計的目標是以線條帶出流動的感覺。

 

 

 

投影片7

  • 線條的呈現

(左上圖) 它是一個透視放射狀,你可以很明顯的發現它有一個方向性,感覺它是立體的,但其實它就只是由線建構出來的。
(中間上圖) 交錯的矩形立體,是利用視覺、視差營造出空間交錯的感覺,但說實在的它只是用幾條線產生出 3D 的效果。
(右上圖) 反白的粗線條和細線條搭配,呈現出底片負片的效果,讓人感到驚悚、緊繃。
(左下圖) 文字配合線條是常見的設計,文字本身就是由線條構成的,文字和線條的搭配可以產生不同的設計感,
(中間下圖) LOGO 上的應用,亦是非常講究的。
(右下圖) 矩線的線條,由粗到細不一樣的捲曲方向,便是另外一種型態的表現。最常見的是模擬一些生物,不同的線條不同的呈現方式會有不同的感覺。

 

 

 

線條例子

投影片8

  • 在 EZTABLE 裡,線條很廣泛的用在畫面上,但其實你不會看到一條真的線畫在那邊,而是運用線條的概念。

例如: 左下圖,把 banner 的圖片壓得很直,配合這個 LOGO、文字,呈現是一個非常順暢的線條。

右上圖,線條在──肉!它是一個扇形的視覺,雖然沒有直接看出線條,但你的腦子裡會感覺到線條,像是扇子打開的感覺,因此你會覺得畫面是舒服的,而方向是一種散射出去的一個視覺情感。

 

 

wen-08

  • 集中的線條,加上簡單的動態會有不同的效果。

 

 

4-IMG_3338

 

 

 

色彩

色彩可作為辨認物體外貌的特徴EZTABLE )

wen-09

如樱桃的紅色、混凝土的灰色、青草的綠色。

色彩能引發對事物的情緒及聯想。例如紅色與緊張,綠色與舒暢,黑色與陰暗,白色與光明,橘色與 EZTABLE。

 

在視象中,色彩的運用,有助建立視象的視線層次,能營造視象的情緒,加強題材的感染力。 

可運用的色彩,包括光譜中各種不同的色相。
亦包括各色相在明暗度,飽和度上,各種不同程度的變化所產生的顏色。
可用的色彩更包括黑、白、灰等中性的顏色。

 

人對顏色的感覺來自多種方面:
1.生理結構:視神經對藍色最不敏感

(每個人對顏色感覺不同,看到藍色覺得舒服,紅色緊張,與第二點自然反應比較有關。)
2.自然反應:黃、黑條紋是有危險性的生物,須遠離。
3.聯想:橙色物體的成份有橙
(例如有橘子口味的水果糖它的包裝是橘色的,不可能用藍色或綠色。)

4.文化沉澱:不同的顏色會帶來不同文化的一些表徵。中國人的紅色、西方人的黑色、聖誕的紅、綠配色等等。

 

生理結構和自然反應的變化少,在設計上的應用有局限,
反之聯想和文化沉澱可供演繹的空間較大,所以較受設計師注意,
例如很多消費品的設計都會小心選用顏色令消費者可以一眼認出產品的種類,
因此引致形成某些產品的類別色盤。
(例如: 在網路界,看到 Facebook 就是藍色,EZTABLE-橘色,雅虎-紫色等。)

 

 

 色彩例子

投影片11

  • 看到紅色標語會覺得危險、禁止,看到紅色食物可能會覺得辣或聯想到蘋果,而文化中紅色可能是中國對聯。
  • 這表示你可以呈現的目的有很多項,你可以用精神的,情緒的,文化的,視覺自然的,目的不一樣,展現出來的成品效果也會不同。

 

 

 

規律,色彩,線條元素,文化沈澱

wen-05

  •  去年做的福袋活動,福袋是一個類似紅包的概念,加入一些中國的元素。用以上提及的呈現方式: 規律,色彩,線條元素,文化沈澱。

 

 

wen-06

  • 以規律,色彩,線條元素,文化沈澱四種方式呈現。

 

 

 

投影片14

  • 規律,色彩。 當初要的是姐妹下午茶,以英式、花樣的風格,運用新潮跟古典的一個對比,不斷規律的重複花樣的色彩。

 

 

投影片15

  • EZTABLE 範例,簡單的線條、色彩組成。

這幾個元素最能代表 EZTABLE 理性、直接,因為我們是科技業,不給人太多的感性,取而代之的是快速與便捷。我們不會有太複雜的內容放在上面,而是藉由顏色與圖片把每次活動的感覺表達出來。

 

 

 

 

wen-10

 

 

 

 

 

 

 

 

設計力要強

國語文能力一定要好?

 

 

 

 

 

 

 

5-IMG_3353

YES! 

接受到不同的設計需求時,你必須要有良好的文字能力和對方溝通。

假設有人想要磅礡的黃河,但你不知道什麼叫磅礡,而黃河是什麼顏色,這將是很難溝通的一件事情。

(btw 右邊是 Wen 的偶像,李白。Wen 的外號是板橋小李白。)

 

 

 

 

wen-07

  • 上窮碧落下黃泉

舉個的例子,當你接受一個企劃時,對方跟你說: 我想要一個上窮碧落下黃泉的感覺。你懂嗎?

 

當然這是比較誇張的例子,但對方可能會說我想要自然的感覺、我想要大器、極簡,我想要質感,尊貴,設計師聽過太多這樣的內容,但大多數的人都無法直接表達他們內心想要的是什麼,只會用一些比較粗淺的文字描述。

 

回到「上窮碧落下黃泉」這句話,碧落,即天界,神仙住的地方;黃泉即地獄,鬼住的地方。意思是說我找遍了天界,找遍了地獄,兩處茫茫皆不見,都找不到你。
這是一個找不到的概念,所以你要想說怎麼呈現這種畫面。

 

因此,你能否將別人的文字需求或是提供的一些想法,藉由設計表現出來,這將會是非常重要的。
而想要表現出來,最前面的理解便是文字。
如果你連別人講的都聽不懂,你要如何做設計?
如果你做出來的設計,都沒有辦法用你的文字去和對方述說你的畫面是什麼,那就算有好的設計也無用!

 

 

 

 

wen-11

 

 

 

 

 

 

想像力

!magination

 

 

 

 

因此,想像力是非常重要的
一句話,十個人聽完後會有十種不同的感覺。
就像剛剛舉例的上窮碧落下黃泉,懂得便能看清楚,
可是 10個設計師可能會呈現 10種不同的樣貌,但是你呈現出來的方向,能不能滿足剛剛對方提出的需求,這就是你的功力。

 

 

 

 

 

 

wen-12

 

 

  • 在舉例一段文字──藍田日暖玉生煙。

出自 李商隱《錦瑟》

藍田山在太陽日照時,在山裡面的玉,冒出的煙,是非常神祕漂亮的。
給人一種雲深不知處,想碰又碰不到,卻又很美麗的感覺。

 

好的國語文能力,有助於在介紹作品,以文字讓使用者更為了解內容,讓原本完美的產品在尚未直接接觸使用前,更讓人心領神會,引人入勝的對產品產生期望感,信任感,也能夠在溝通上有更好的理解力輔助團隊間或以外的會議,用清楚明瞭的文字,了解別人,表述自己。

 

2-IMG_3315

設計不像其他有絕對的定義,一樣的東西在不同的地方可能是對亦可能是錯,所以你必須要藉由理解,藉由想像力滿足各種需求。

有心想要學設計的話,基礎的點線面、色彩、文字先學好,如果對這些真的有興趣的話,再朝設計這個方向前進,把這些基礎東西都學好,我們在談如何學設計!

 

 

 


如果您喜歡這篇文章可以點擊「讚」&「分享」
並歡迎訂閱 EZTABLE IDEAS!  😀

如果你是學習力強,而且經驗值高的人才,
歡迎一起加入我們 EZTABLE!! 

104 人力銀行-Visual Designer 視覺設計師

EZTABLE at Linkedin 

No responses yet

【Workshop】Head First Gird System

八月 24 2014 Published by under Design, Engineering

 【Workshop@140815】

Topic: Head First Gird System
Speaker: Candy Chen
slideshare: Head First Gird System

 

 

以往,在做一個 Event ,有Designer、負責實做的 Developer、以及提出 Event 的人 (SMMMC, Social Media, Marketing, Monetization & Communications),三方在合作時,總會發生許多溝通上的問題,導致 Event 進行時,諸多的不順。

 

而今,如果有一個「共通的語言」,便能輕鬆知道對方腦袋裡在思考些什麼。

今天邀請 Candy 介紹共通的語言──Gird System,讓各位 “think",Designer 做些什麼,Frontend 在切版時做些什麼,和SMMMC 在提供內容時要如何與兩位溝通。

 1-IMG_7214

投影片20-1

  • 在做一個 Event 時, Designer 會與 Developer 和 others(ex: SMMMC) 溝通。

 

 

 

 

 

 

 What is Grid and Grid system?

投影片3 投影片4

  •  如果 GOOGLE Grid & Grid system 會得到以上的圖,可是到底什麼是 Grid & Grid system 呢?

 

 

 

 

 

 

Is this a Gird system?

投影片5-01投影片6-01投影片7-01投影片8-02

  • 先想一想,以上四張圖,哪張是 Grid system ?

 

 

 

 

 

 

Ans: 3、4是 Grid system !

 

 

 

 

 

 

投影片9

  • Grid 提供一個視覺上非常和諧的畫面,把複雜簡化,同時 Grid 還可以重複複製套用在不同的情況。
  • Grid system 中文稱為格線系統,除了格子和線以外,還必須要可以歸納出小小的單位-Units (如圖:紫色區塊)。

 

 

 

 

 

 

 Designer 與 Developer 間的溝通問題

 3-IMG_7220投影片10

  • 右圖: 今年 EZTABLE 最佳錯誤示範: 草食肉食企劃。首先針對 Designer 與 Developer 間的溝通做解說。

 

 

 投影片11  投影片12

  • 一般的 Designer 心理想的 Grid 樣子(上圖左),把螢幕分成兩塊,左邊半塊是綠色、右邊是橘色,然後再將產品放上去,中間畫一條線,設定產品高度。
  • 在兩個產品上很符合,但若把這個 Grid 套在三個產品上,便會 GG! 前面提到,Grid 是可以重複複製的,理論上複製到整個頁面都要能符合才行。

 

 

投影片13  投影片14 

  • 而在 Frontend 眼裡,只有所謂的 Div ,沒有所謂的顏色和左右半邊,對它來說綠色橘色都只是一大塊的背景,它看到的只是把產品放上去這件事情。所以對 Frontend 來說,它的 Grid 是一個產品一塊;但一樣的情況,套用在三個產品裡就 GG 了。

 

 

投影片15  投影片25

  • Magic! 用真正的格狀系統便能解決以上問題,我們將可以依照格狀系統,把產品排好放在裡面!

 

 

2-IMG_7216

 

 

Grid System 中的四大變數

 投影片17

格狀系統中有四大變數:

  • 1. 總 columns 數
  • 2. 一個 column 的寬度
  • 3. column 和 column 間的間距(空隙)
  • 4. 左有兩邊的寬度

 

 

Grid 帶來的價值 

  • 1. 視覺上的和諧: 不會像上面舉例的,套用在另一種情況時,發生 GG 的情況。
  • 2. 解決多個產品放置的問題: 雖然有時兩個、三個對 Designer、Developer 是件很複雜的事情,但有了格狀系統將能幫你解決兩個、三個、四個、甚至更多個時的問題。
  • 3. 四大變數,套用在 Designer、Developer 的工具上,都是一樣的概念。

 

 

 

Grid 工具

投影片18投影片19

  • For Designer-Photoshop GuideGuide: 提供你調整格狀系統中的四大變數。
  • For Frontend-Susy: 它提供你客製化的 function,讓你產生自己定義的 Grid。
  • 基本上會把總 column 數訂為 12,因為 12 是個 magic number,12= 3*4、2*6,可以符合多個狀況。

小結論: 共通語言是用 Grid 考量時,而不再是用以往的幾 pixel 時,便不會出現往左偏 1pixel、或往右偏 1pixel的問題;也因為共通使用這四大變數,因此 Designer 只要提供 Developer 四個變數,便可以 co-work,解決了 Designer 與 Developer 間的溝通!

 

 

 

 

 

 

Designer 與 SMMMC 思維上鴻溝問題

9-IMG_7250

 接下來解決 Designer 與 SMMMC 思惟上鴻溝的問題

 

 

*Mobile First

Mobile First 是什麼? 

回到一開始,在執行一個手機上的 Event(草食肉食)時,似乎把 Mobile First 當做一個口號,往往最後才被考慮進去,因此發現 user 的瀏覽體驗非常差。

 

 

投影片21-01  投影片22-01

 

舉個誇張的例子:

當身處在 PC 時代時,我們會傾向把使用者的螢幕塞滿各式各樣的食物(資訊),非常的豐富看起來很吸引人(上圖);而當使用手機時,把這些食物放在上面,便會像一團廚餘(上圖右)。

 

mobile 和 PC 的瀏覽體驗非常的不同,Mobile First 策略下,提供內容的人必須換個角度思考: mobile 螢幕如此小,要如何提供使用者豐富的資訊,如何把資訊清楚的排列在上面,而不是想要在一個螢幕下塞滿所有資訊,如下圖。

投影片23

 

 

投影片26

Mobile First 有兩種,一是指我們要做 responsive 的狀況下,依照不同螢幕的大小做調整。
而另一種,是提供額外一個 mobile 專屬的頁面(像 EZTABLE mobile web ),這便是直接客製化成 mobile 可以觀看的頁面只有手機瀏覽時才會出現

 

如果是 Event 的話,會要求手機平板電腦可以看,但要如何解決像草食肉食手機的體驗非常差的狀況呢?

希望大家的思維是由小裝置→大裝置,來提供內容! 你必須先限制框架在小小的螢幕上,而不是天馬行空的將它排在10幾20吋的電腦螢幕,這樣才有辦法提供我們的 mobile user 一個最好的瀏覽體驗!

 

 

投影片27 投影片28

 

投影片29

 

例子: shopping,是我們第一個導入 Grid System,也是第一個做得最好的網頁。第一次做時互相溝通了許久,但花的時間是值得的,最後做出的效果很棒,回應的評價很好!

 

 

 

 

 

 

 

投影片30-01

最後總結,SMMMC 以前可能會覺得說我就提供 content 給你便行,可是在你提供 content 時可能會想說,提供的內容越多越清楚越好,或是越豐富越好,但是還需要把 Portability(攜帶性) 考慮進去,這樣最終才能讓 EZTABLE 成為一個 Mobile First 的公司!

 

 5-IMG_7244

 

 


 

如果您喜歡這篇文章可以點擊「讚」&「分享」
並歡迎訂閱 EZTABLE IDEAS!  😀

如果你是學習力強,而且經驗值高的人才,
歡迎一起加入我們 EZTABLE!! 

104 人力銀行-Visual Designer 視覺設計師

EZTABLE at Linkedin 

 

 

No responses yet

矽谷行 美國夢

八月 22 2014 Published by under EZ心情

IMG_20140610_171145 

去年決定參與CEO舉辦的矽谷團行程起,早已把確切的行程拋諸腦後,只留在Google日曆中。

直到它提醒我的前幾天,才開始意識到原來我要踏進美國,有機會走入<<實習大叔>>的電影場景。

訂機票的那一刻,興奮地找尋靠窗的位子,只為了目睹飛機起降的瞬間。
『遠離台灣的渺小,躍進美國的黃土大陸』。

抵達美國境內,眼下綿延的海岸線、大片的矮灌木叢、朦朧舊金山大橋,足以忘卻這12小時幾千公里旅途造成的疲憊。
儘管有時差問題,加州涼爽的天氣、明媚的陽光總是在六點的時刻喚醒我,趁早享受眼前的時光,片刻不得浪費。

 

IMG_20140610_151730 IMG_20140611_120753 IMG_20140613_104414  

IMG_20140610_025059IMG_20140612_131716IMG_20140610_111212IMG_20140611_152726

Facebook, Google, LinkedIn, OpenTable, Twitter, Yahoo, Zynga

矽谷大公司,有大得不行的食堂(cafeteria)、各種遊樂設施外,獨特的公司文化…

 

開在Facebook 的電玩店

IMG_20140610_020647

裡頭是各種 電玩機台 除了電玩機台 還是 電玩機台

外頭有一個超大的顯示牆 據說他們有時在下班  會將之與遊戲機台連線 實況播出 單挑畫面

 

著走著… 路上就發現台灣籍的工程師貼的標語,其實Facebook也有不少台灣員工 真是好生羨慕

IMG_20140610_023939

 

 

他們的建築形形色色  若是沒有從櫃檯進入 難以查覺這是工作場所 還是渡假中心

撇開各種設施不談,最直接感受的是他們熱衷於公司的文化,或許是因為這裡是真正能發揮與影響世界的地方。

 

距離那段行程,有太多回憶湧現,難以在短促的時間內描繪,暫時將那段美夢保留,待下次追憶~~

IMG_20140614_175417

No responses yet

代田菌、比菲德氏菌、龍根菌…這麼多種菌有什麼差別?

八月 20 2014 Published by under EZ心情, 餐飲知識

45544867

益生菌百百款,相信大家在電視廣告都聽過代田菌、比菲德氏菌、雷特氏B菌、龍根菌…等

到底這些菌的作用是什麼呢?

 

一般常見益生菌的保健功能如下:
(1) 增進食品之營養品質
(2) 促進維生素合成及酵素產生
(3) 穩定腸道菌相,並去除腸內病菌
(4) 降低膽固醇含量
(5) 產生抗菌物質,增強宿主免疫力

 

而針對大家比較常聽到的一些菌種,以下分別跟大家介紹一下囉!

益生菌
A菌 (嗜酸乳桿菌) – 對抗幽門桿菌、沙門桿菌及宋內氏桿菌相當有效
護衛腸道健康的第一道防線,主要定居在小腸,是小腸內數量最多的細菌;能消化膽汁中的膽固醇而能降低膽固醇濃度
ex: 林鳳營優酪乳等。

 

比菲德氏菌 (B菌)- 改善便秘及調節腸道生理機能
幫助保持腸道酸性的環境,減少有害菌的繁殖;改善便秘及調節腸道生理機能。
ex: 活益比菲多等 (比菲德氏菌很多的意思← I mean it! )

 

龍根菌- 調節過敏細胞免疫反應,改善過敏症狀
比菲德式菌的一種,也是人體原生菌種。能有效降低過敏患者血中IgE含量(lgE,免疫球蛋白E,即引起身體過敏的抗體),進而有效的改善因為花粉等引起的過敏症狀,也能改善抗生素及食物病原菌造成的腹瀉。
ex:光泉晶球優酪乳等。

 

雷特氏B菌- 耐胃酸,可緩解胃炎及改善乳糖不耐症
人體腸道最常見的菌群之一。耐胃酸及膽鹽,並在腸道中定殖,達到增加體內好菌的效果。可緩解胃炎及改善乳糖不耐症。
ex: 統一AB優酪乳

 

LP菌 (Lactobacillus Paracasei)- 改善各類型過敏原所引起的過敏狀況
耐胃酸及膽鹽,在腸道中定殖效果良好。調整人體的免疫系統。減緩過敏性鼻炎、過敏性結膜炎、過敏性氣喘等症狀。
ex: LP33

 

代田菌- 耐酸性強,可改善腸道環境
耐酸性特強,可帶來整腸作用;能夠改善便秘和肚瀉情況;減少害菌,增加益菌,平衡腸內菌叢,改善腸道環境。
ex: 養樂多

 

市面上也有許多優酪乳/乳酸飲料同時包含了不同的菌種,以達到相輔相成的作用。

希望這次的介紹能讓大家對電視上常見的益生菌有多一些認識囉!

我們下次見啦~

 

Travis @ EZTABLE

喜歡我的文章,請立即訂閱 EZTABLE IDEAS

No responses yet

雅浦(Yap) – 太平洋的檳榔小島

八月 19 2014 Published by under EZ心情

 

 

 

      很多外國人對台灣的印象是,時常有人邊開車邊吐血,或者看到遍地血跡感到驚訝….. 那他們肯定是沒有來過雅浦(YAP)!在雅浦,幾乎老老少少、男女不分都在吐血,吃檳榔簡直就是他們的國民運動了XD

 

 

原本計畫要寫這一篇介紹,基於種種原因,已經拖稿拖了好久。這一次寫EZTABLE IDEAS,總算有時間及心情來寫這篇網誌,希望可以盡快將這美麗的小島介紹給大家知道。若是有機會的話,大家一定要去拜訪一下。

 

 

雅浦(州)(State of Yap)為密克羅尼西亞聯邦(Federated States of Micronesia: FSM)的四州之一。其他三州分別為Korsae、Chuuk,還有Pohnpei,其中Pohnpei為密克羅尼西亞聯邦的首都。說實在的,在我還沒有蒞臨這個國家前,我還真的對這個國家沒有印象,依稀的印象是有國中地理課本曾經討論到這邊的氣候,再來就沒有了。這個雅浦州(),本島由四座大島組合而成,除了本島外還有數以百計大大小小的島嶼(或者環礁)圍繞著本島,當地人稱他們為Outer island。而 Colonia,是雅浦的市中心,除了有雅浦當地政府機關外,你可以找到大大小小的餐廳、旅館或者是Night Club,是島上相當熱鬧的區域。

 

2012-09-23 11.44.32

這就是最繁華的市中心Colonia,熱鬧程度大概就南投集集小鎮差不多。

 

IMG_0261

 

雅浦本島主要靠近帛琉(Palau),位於帛琉東北方300公里,從帛琉坐聯合航空(United Airline)的話大概只要花45分鐘的時間,大概就有如台北台南的距離;離美國屬地關島(Guam)也不算太遠,西南方500公里,因為有聯合航空的營運,所以這個三地方互相往來相當頻繁。

 

雅浦三寶:石錢Stone Money、檳榔(Betelnut)、topless girl(大誤)

 千辛萬苦 來到這個小島,千萬不要錯過這三個寶。石錢,除了當作交易媒介外,在當地還當作身份地位的象徵,誰擁有大的石錢,就可以分辨出來他在雅浦的身份地位高。要用石錢當作交易媒介,我想以前的祖宗大概都很壯吧,不然怎麼搬得動它們呢?據說這些石錢全部都是帛琉海運過來的,在當地還沒有生產呢;檳榔,則是雅浦人都愛啖的國民點心(?),不管年輕老少或者是男或女,唇紅齒紅,簡直就有如空氣、水的重要性在雅浦人生活中。我愛吃檳榔的老爸,一定會喜歡這座島。最後一項的一寶(Topless girl)隨著知識教育水準上升、資訊取得性越來越容易,這個寶已經要瀕臨絕種了,看倌們動作要快喔 XD

 

DSC02219

石錢(Stone Money) – 以我一百八(大誤)的身高來說,其實這些石錢都是相當的巨大

 

2012-09-30 20.14.21

龍蝦&椰子– 每天晚上都是吃龍蝦配椰子汁,吃到後來回台灣都免疫了XD

 

DSC01671a

龍蝦吃到拿起來玩XDDDD (這是哪家死小孩….)

 

IMG_0590

這就不用我多作解釋了!喂…… 跳舞,也是來雅浦需一看的活動。

 

豐富的海洋資源

除了我自稱的雅浦三寶外,還有令人岔舌的自然景點。帛琉有著世界級的潛水景點,舉世聞名,而雅浦也是如此。但鮮少人知雅浦,所以算是還未招受人為破壞的世外桃源。雅浦本島,環狀的珊瑚圍繞著,色彩絢麗的珊瑚為許多熱帶魚的棲息地。未招受污染的水晶藍的透徹海水,讓人驚呼連連,直想讓人跳入水中享受。雅浦曾經為世界二次大戰戰場之一,在某些海域潛水你可以發現歷史的遺跡,我曾經就看過一架日本戰機,不過經過歲月的淹埋他們都已經成為珊瑚魚的棲息居住地了,時不時還可以發現魟魚(Manta Ray)呢。 在雅浦本島是由珊瑚圍繞,在珊瑚礁外深海處更是擁有許多海洋資源,你可以發現多種魚類,例如黃鰭尾(Yellow fin)、鮪魚(Tuna)、石橋(Wahoo)、石斑(Grouper)、以及鬼頭刀等等魚類。若是喜歡吃這幾種魚的饕客們,有機會可以在雅浦大啖美食。黃鰭尾就是日本人很常來用來作為生魚片的魚,還滿多當地人愛買的魚。

 

2012-11-17 11.22.10

這是什麼龍蝦???不知道請點「偶不是波士頓龍蝦」之5種台灣常見龍蝦介紹 :p

 

2012-10-03 19.58.31

鮪魚&紅膽石斑 – 在台灣,這兩隻都非同小可,價值不斐

 

 

如何到達雅浦

你可以到達雅浦搭聯合航空經由:帛琉或者是關島轉機,因為目前台灣還沒有直飛的班機,故必須經由這兩地。但因為旅客人數沒有很多,所以每一個禮拜才有一班,你必須在雅浦至少待滿一個星期。對台灣人來說,不需要任何簽證,最多可以在雅浦待滿三個月,一個月期滿就可以到移民局辦理延長日期,真的是相當方便。 趕快來拜訪雅浦吧 🙂

DSC02457

 

DSC03561

 

2012-09-26 16.42.53

 

2012-10-31 17.53.52

DSC03255

 

2012-11-09 19.27.09

這是我在島上過二十五歲生日時,島上ESA Bay View Hotel的朋友兼廚師們作給我的。是我這輩子吃過最簡單的蛋糕,大概連八十五度c的蛋糕都比他複雜難製作,蛋糕外面塗滿巧克力,而頂端用著一顆顆櫻桃排列著數字25(需倒著看)。在台灣要作個這樣蛋糕實在不困難,但在物資相當匱乏的雅浦可是件大工程,雖然它簡單,

 

卻也是我這一輩子大概忘不了的蛋糕,就像我在雅浦的半年生活…..

 

 

更多奇人異事,請訂閱EZTABLE IDEAS,讓你驚呼連連!

 

資料來源:

No responses yet

誰不喜歡當個咩

八月 18 2014 Published by under 食記x校園x餐廳活動

作為一個人資,我常被初次認識的人請教求職上的困擾,作為一個人資,我常被身邊的員工請教職涯發展的困擾,作為一個人資,我常被四周的朋友請教感情上的困擾(ㄜ….可能員工心理諮商功能等同情感諮商功能…),作為一個人資,管我能力有沒有,只要旁人認為有,什麼奇形怪狀的問題都會瞬間跑到我面前。

 

這是很多人對人資的猜測:溫柔冷靜中立且知性;這是我老闆對人資的猜測:型男飛行日記裡的喬治庫隆尼(雖然我不知道他是要我跟他一樣帥還是要我行李少帶點);這是我朋友對人資的猜測:好友萬萬睡裡的蜜拉庫尼斯(都不用工作還是有帥氣顧客的Headhunter);然後這是我自己對我自己的認知:熊麻吉裡面的Ted – 講沒幾句就爆氣跳到對方臉上去巴頭!!!

 

聽起來很誇張其實沒有很誇張(不過當然是沒黃色的小TED –不然就實在太誇張~);我常說人資的存在是因為人性的衝突:勞資的衝突+主管屬下的衝突+同事間的衝突甚至是部門間的衝突,有衝突就要有仲裁,要仲裁就得喬事情,喬事情就要單刀直入,不然你在那邊元旦宣言外面早就烽火連天,看看是有沒有人會想跟你練耐心。

 

很多人都喜歡找我巴頭,上班第一周就有員工送履歷來讓我嫌棄哪裡寫不好,上班第一個月就有Intern堅持要我開演講嫌棄大家的面談技巧;工作後的這些年,多的是要面試拿offer的人要我批評他們那裡想太少;我常常在巴人家的頭,巴多了難免有人會動怒,巴少了有人要嫌你不盡責,吃力不討好但我也還算樂在其中(好吧!人家運動紓壓我巴頭紓壓),只要你誠心誠意來討打,我就火力全開的認真揍!來者不拒!

 

除非,你是來討拍的。

 

很多人找我諮詢,是因為面對挫折與困境來到瓶頸,需要幫助釐清問題,但免不了也有些人來找我諮詢,只是希望能有個人站在他的角度跟他說:都是別人的錯!!你最棒了~加油不要被擊倒!- 不是每個人都喜歡被巴頭,不是每個人吃虧了被欺負了,還想被巴頭提醒”下次就不要再有把柄給別人佔便宜” ,不是每個人都想被迫面對自己的疏失與失敗,有些人只想把頭伸過來蹭蹭然後獲得一句”乖~不哭不哭”

 

我也曾經有過那樣的時光。

 

在我開始憤世嫉俗忍耐降低以前,我也曾是天真浪漫心花朵朵開的十七歲,我也曾在面對煎熬與錯誤的時候,找個港灣讓自己重新元氣滿點,我也曾明知是自己的錯還是哭著指責別人的直接,好像指出自己的失敗就是別人的不對,我也曾是這個社會包容與縱容的社會新鮮人 – 尤其當你是個咩,還是個網路科技公司裡的咩,你往往可以這樣傲嬌的直到三十歲。

 

如果可以,我也想好好地當個氣質咩,讓人好好的珍惜與對待。

 

但這樣是長不大的。能夠討拍,誰會喜歡討打,但長期的討拍,誠如電影裡常說的那句話 – 出來跑總是要還的,你現在不還,未來總是要還;長期的討拍,只是把現在成長的煎熬留待未來去償還,我當然可以傲嬌直到三十歲,可終有一天我會被迫面對”都三十歲了連這都不懂是北目嘛”的窘境,而到那時候,相信我,那時候管你討打還不討打,犯的錯每一個都會被痛打。

 

我是個很認真揍人的HR,這是因為在我成長的歷程裡有很多前輩認真的痛扁我,是因為我犯過了千奇百怪的錯誤,再給人一個揍不死的形象,於是大伙卯起來的扁我,於是從約聘助理起家的我,才能很快擁有改變現狀的能力;我是個認真揍人的HR,因為我相信,任何一個鼓起勇氣討打的人,都有值得被好好痛扁的尊嚴!(邏輯很怪但大致上就是那個意思~)

 

很多人還是習慣去討拍,(FB上到處QQ的照片還有”秀秀”的留言可見一斑),討拍其實沒什麼不好,如果我可以永生不破三十歲,我也只想當個咩!但我們畢竟都會長大,這個社會對自己的包容只會與日遽減,1歲口水流滿地是可愛,21歲口水流滿地就難免有點奇怪….討拍與討打面對的不只是當下的情緒,還有自己選擇的人生,誠如先前所提,出來跑,總是要還的,你的人生要的是分期付款,還是一鼓作氣卡債爆炸,都是自己的選擇 – 只要有人誠心討打,我就誠心去揍。

 

因為我希望當自己討打的時候,對方也能毫無保留的給我指教,或許我無法一輩子都當個氣質咩,但至少可以避免有一天變成北目咩。如此而已~

No responses yet

Older posts »