HANA 花

花水木裡面的花,是個陽光的女生。喜歡學習新東西、和朋友出去玩。發明一些自以為有梗的理論和行為模式,比方說把自己分裂成三份來共筆。

Everywhere
HANA 花
自訂 Google Analytics 報表分析瀏覽器趨勢

新創筆記

自訂 Google Analytics 報表分析瀏覽器趨勢

(圖來自 Kevin Dooley) 今天看到這篇文章「驚!最新調查:IE 「仍」是用戶最愛的瀏覽器!」嚇了一跳,獎金獵人很早就已是 Chrome 使用者最多,今年初的新版型開始 CSS3 。測試上,完全 OK 的是 Chrome、Firefox、IE9以上、Safari,IE7~8 閱讀還行,但是 CSS3 圓角、陰影就會看不見,我也懶得為了老舊瀏覽器使用者製作圓角圖。 但為了更進一步確認,所以著手分析了獎金獵人的使用者使用的瀏覽器。 Google Analytics 永遠是使用者分析最好的工具,不過他的瀏覽器報表卻不大好用。看起來是這樣的, 加上次要維度之後可以看出瀏覽器版本的差異。 不過如上圖, Chrome 版本號 24 開頭的也太多了,但對我們來說都是一樣的,我們需要把這些資料整理一起,這樣比較才有意義。 好在 Google Analytic

By HANA 花
酒釀湯圓驚點食譜

湯圓

酒釀湯圓驚點食譜

今天去鼎泰豐吃午餐,看到菜單有酒釀湯圓,心一喜就點來嘗試。三年前愛上酒釀的味道之後,曾經日日晨起吃酒釀蛋,但是好一陣子沒再吃了,剛好元宵,就試著煮酒釀湯圓。 想像中的酒釀湯圓很簡單:燒一鍋水,水滾後打蛋、煮湯圓,另外製作冰糖水、並和酒釀放一碗,蛋和湯圓煮熟後撈起混合即可,可加一些桂花漿。可是雖然我自己很愛吃自己煮的,姊姊吃過也喜歡之外,沒有第三人說過好吃,前些日子每次煮也都給 B 嘗試,但是每次都被退回。因此我一直認為酒釀是個親和力不足的食材,不是每個人都可以接受的。(我是可以直接吃酒釀的那種人,不知人間疾苦) 今天嘗試鼎泰豐酒釀湯圓,是第一次吃真正的酒釀湯圓,真正的。也就是大眾口味可以接受的那種。結果 B 說很好吃,讓我很不服氣。在細細品味之後,發現真的很好吃,有桂花的味道、而且很甜,酒釀米粒顆顆分明,軟軟的卻仍保有彈性,並且蛋花非常的細碎,漂亮的和酒釀的湯汁融合在一起。平常我自己煮酒釀蛋,是偏好整顆蛋黃半生不熟、吃的時候才搗碎的,而且我不加糖,所以吃起來酒釀味很重。(酒釀本身就有甜味) 吃完鼎泰豐之後到

By HANA 花

新創筆記

Grid 格子列表之 CSS 前製規劃 (下) Responsive Design

承上篇「Grid 格子列表之 CSS 前製規劃 (上)」主要整理了寫 Grid Display 時總寬度、元素寬度和間距寬度的算法,今天想分享的是加上 Responsive Design 時,土法煉鋼的算法。 發表上篇之後,小時候就很崇拜的 Even Wu 大哥跟我介紹了 Susy 這個 Grid System,專門給 Compass 用的,試用過後還滿喜歡的,這邊也介紹給大家。 Susy: Responsive grids for Compass. http://susy.oddbird.net/ 不過因為我要的是內容呈現時的格子,每個頁面需要的 Grid Display 元素寬度又不盡相同,加上我已經土法煉鋼地用手算了,研究魂燃起,還是算完它吧! 在 Facebook 分享時,

By HANA 花

新創筆記

Grid 格子列表之 CSS 前製規劃 (上)

去年開始小妹立志要朝有數字根據的理性使用者分析來做介面,開始重視網站相關的所有數據,真的獲益不少呢!昨天分享的 比賽列表介面 A/B Test 目前已有初步結果,但取樣數還是不夠,下星期再把結果分享給大家。今天想做一下 Layout 規劃筆記。 在重新設計獎金獵人的時候,寫 SASS (CSS) 前花了不少時間做全站整體規劃。尤其站內除了「比賽」之外,新加了「作品」,而「比賽」和「作品」在 Grid 顯示底下有不同設計,因此花了些時間計算出每個 item 的寬度以及 item 之間的間距,並讓不同寬度總寬度都符合 980px。 在做 Grid 格子狀顯示的時候,因為希望左右可以完全貼齊總寬度,讓整體視覺更飽滿平衡,所以寬度的計算裡 margin 必須少算一次,才能達到 one pixel matters

By HANA 花

網頁介面A/B Test 筆記 (Google Analytics Experiments)

昨天第一次使用 Google Analytics 的 Experiments 來做介面上的 A/B Test,還滿好玩的所以來筆記一下。 由來 獎金佈告從上次改版開始,比賽資訊清單的顯示方式預設就是「格子狀」,像是這樣的。 上個月改版大幅增進了顯示的介面,並且可以隨時切換成「條列式」。像是這樣的。 我們覺得「格子狀」比較漂亮,所以一進去預設是格子狀的,但是陸陸續續許多使用者說,他們比較喜歡條列式,另外我們使用 CrazyEgg 觀察的結果也顯示很多人一進來就會點選「切換顯示模式」,所以我們認為有可能預設就是條列式對我們真正的使用者比較有用。 但是,就這樣換了嗎?那可不行,光憑感覺一點也不科學,上次去 WebConf 聽廖大的演講,覺得他的標題下的好:「超理性使用者介面設計」,真的,一切都要測試,用數字來說話。 因此我準備了另一個獎金佈告頁面,一進去預設就是「條列式」。準備好之後,這次的實驗就開始了。詳細的準備步驟如下: 1. 準備實驗專用頁面

By HANA 花

人民團體(社團法人、協會)會址變更正式流程筆記

(圖:Hong Kong from the peak on a summer’s night CC授權) 前年底從倫敦流浪回台灣之後,我就一直沒有固定的住處,很感謝潘醫師收留了我在TBA打工兼清掃,順便學習擔任協會秘書。以前一直以為所謂的秘書、助理不過就是打打雜工,但是這一年來,雖然只是簡單的協會秘書,我卻深深感受到所謂的「雜事」真的不是那麼容易的,心思不夠細密、作事不夠俐落還真的很容易出問題、浪費更多時間。而且很多「雜事」都是流程複雜、一出錯就整個需要重來的,當然,做過一次就熟悉了,但是大部分的雜事,都是第一次做,重複性不高呢! 我自己覺得我做的不夠好,很多事情沒辦法做到思慮周全,因為我天生就是比較粗線條的。但是這是個學習的歷程,挑戰自我也很棒呢! 最近剛好跑了這個流程,發現在網路上實在很不容易找到這種資訊,所以在這邊做個筆記。雖然這種需求太 Specific 了些,不過做個筆記也好。 以下是全國性人民團體會址變更(地址更改、搬家)

By HANA 花

[酒館對話] 獎金獵人角色徵選 作品精選

對於獎金獵人,我和Roxman從一開始就決心灌入遊戲元素,有世界觀、故事和人物。第一年開始舉辦角色徵選,當時是要徵選「恰吉」,他是一個非人類的酒館吉祥物,徵選出來大約50件,得獎作品用在之後的網站設計裡。第二年是以我為藍本、酒館的核心人物老闆娘的角色設計,結果接近一百件(可到由我們會員幫忙建立的「第二屆獵人盃!!代言人角色設計創意設計~作品欣賞」觀看),今年則是做酒館裡面另一個靈魂人物、由Roxman為藍本的「酒吧魔人」的角色設計徵選。 歷經一個月的徵選,這次總共約200個畫師投稿,今天開始投票,公司今天討論起大家心目中的酒吧魔人。看到大家的創意和技術碰撞出來的作品,有人很厲害,有人很創新,有人很惡搞,有人很天真,讓我不禁想分享一些作品觀賞的片段對話。 之一、 洛克仔:「這個有帥到」 我:「真的,剛開槍都還在冒煙」 少年:「這個才帥」 之二、 少年說:「這個酒吧魔人追老闆娘應該可以成功」 之三、 葛蕾斯:「大家應該要投這個」 我:「不行吧!這位也太帥了!比老闆娘帥,

By HANA 花
我的小小「其後」 :上篇

人生破關

我的小小「其後」 :上篇

(本篇由舊站搬來:舊站網址) 雖然最近工作仍舊讓我有些迷惘,但現在我想輕輕的回顧這六個月、我缺席的這些日子。先說,我現在的生活是開心幸福的噢,以下的沉悶都是過去。 其後 半年過去了,不是我不想寫部落格,而是我真的不想寫。寫什麼都不再能夠代表我。想以文字抒懷,但太多事情寫出來不適當,挑撿過後剩下的,就只有斷簡殘編無趣的文字。想寫一些創業心得,又覺得我這個創業不到三年的肉腳,再怎樣寫,文章都沒辦法即使是接近一點點 那些每天飛來飛去的成篇道理。食記,我說過我不寫食記了。旅遊照片和遊記,我這半年也不旅遊,也不自拍了。我只想潛水。連Facebook、Twitter都很安靜。 最近看完賴香吟的「其後」,原來當碰到人生中相對大的打擊的時候,真的會有一段時間不想提。這篇文,就是我自己的小小迷你其後吧!她在遭難十年之後寫,我在六個月之後。其實,我之於賴香吟,我的挫折們實在是太小了,無聊到沒什麼好說。說起來就只是身體同時有三個地方痛,每個痛都還好,但就是覺得全身都快爛掉,只有亂掙扎一番,缺乏冷靜。每次要解釋我在難過什麼,還不能分開說,因為感覺起來好像就沒什麼、

By HANA 花

[心情] 不僅僅是當阿姨這麼簡單

小時候聽到別人夢想著長大要穿白紗嫁給白馬王子的時候,我總是覺得很無聊。總是覺得這種事情簡直就是恐怖極了。我很需要自由,從以前就是這樣,當SOHO族、創業、自組樂團、到處旅行。我曾經很自卑這樣的自己,說實在的,到現在我還是覺得這樣的個性,頗糟糕的,但,呃!我又能怎樣呢?這就是我啊!我不喜歡被限制,一向我行我素。 大學的時候只要我覺得無趣的課我就不去上,被當掉太多科目差點被二一退學,我甚至忽然休學跑到澳洲打工遊學,但打工遊學內容也不是一般農場打工,而是在那邊偷接案子,然後在那邊創作出獎金獵人這個網站。回到台灣之後完成大學學業,然後成立公司,跑去參加appWorks,才真正開始創業生活。 總之回想起來,我一直都是隨心所欲,從沒想到被綁在一個地方。每次參加別人的婚禮總是覺得老套無聊悲哀,現在想起來有這樣憤世嫉俗的想法好像更是悲哀呢! 前年,大姊的婚禮給我不小震撼,讓我想法有些許轉變。他們的婚禮雖小卻超級溫馨,沒有富麗堂皇,每個人卻都為他們兩個的愛感動的要命。 但儘管如此,婚禮後我還是沒有想找個人定下來的感覺,反而更珍惜一個人的時光。我覺得可以單身很好(好啦雖然後來我又交了

By HANA 花

倫敦Mudchute牧場的羊駝參觀之旅

當我心情煩躁的時候,像是胸口被什麼東西悶住一般,我會拿起ESCENTS蔚藍海岸精油,猛吸一下,感受佛手柑的芳香,真的會覺得好多了。而最近我發現「羊駝」有類似的療效呢!心情不好的時候,盯著他們的臉猛看,就會平靜許多。 上星期我去London city farm Mudchute Park and Farm,感覺很棒,是在靠近倫敦商業重鎮金絲雀碼頭附近,從大城市逃亡到農場,只需要跳上電車就好。 有一個家庭帶蘿蔔來餵山羊。 工作人員剛好在餵豬,豬們開心地嚎叫著。 牛。 綿羊們被放出來吃草。 接下來就是此行的目的啦!看羊駝!從遠遠的地方看他們就已經覺得滿心歡喜了,他們真的是有神奇的力量,站在那邊或坐在那邊不動,盯著空氣看,就這樣不動著,這樣真切地存在著,但已經足夠撼動世界,因為大家都很愛他們。 最近我的生活異常的平靜,仍舊在療傷中,但有時候卻是把傷口掀開來再痛一次那樣,奇怪的是,每次掀開傷口的痛,都以為是最痛了,但下次還是可以更痛,以為眼淚已經花光了,下次還是可以哭的更難過。失戀就是這樣嗎?但有趣的是,每次掀開傷口,

By HANA 花

WHOA HO WOW!!聽Dandy Warhols倫敦演唱會

聽說只要歌手在歌裡面不斷地重複自己名字,就會紅。好像是真的,像是周杰倫、徐懷鈺、黑眼豆豆等等都在歌裡面唱過自己的名字。想起來可能也頗有道理的,假設你是歌手,要你不斷唱自己名字,應該很容易臉紅吧!所以那些可以這樣做的人,真的算是與眾不同啊!提到這個,其實沒別的,因為Dandy Warhols最紅那首歌,裡面就不斷重複"WHOA HO WOW"啊!可以聽這邊。 上星期六去聽他們倫敦演唱會,說實在本來不是他們歌迷,但朋友推薦,加上他們是老樂團,而且他們樂風是我以前會喜歡的,現在雖然聽起來老派了點,但那真是很老的歌,也許演唱會可以聽到一些新意。所以在演唱會前三天試著訂票,沒想到還有票啊!噢!是不紅了嗎 XD 演唱會在Kentish Town地鐵站的hmv forum,七點開場,我們很聰明地八點才去,卻還是沒啥人,去吃一趟晚餐回來大約八點40進場,完美時間,因為剛好是在還有位置的時間,又不用等太久Dandy Warhols就上場了。(對,我們skip掉暖場團了,

By HANA 花

東倫敦(Mile End)單車之旅

今天素顏出門(素顏照請見諒),去租用倫敦很流行的Barclay單車,一天24小時只要一英鎊(大約台幣46元),從我住的Mile End的渠道岸邊的小路,騎到接近Hoxton,大約10公里。感覺真棒!第一次在倫敦單身獨立,每天都很想跑步取得恩多氛,只是我居然沒帶運動鞋! 這是我小小房間窗外的景色,每天看著一堆人跑步,好嫉妒啊!(真的考慮過赤腳去跑)但沒辦法,今天想說不能跑步,附近好像有Barclay的單車租用點,就去騎單車吧!順便可以多發掘這一帶的景色。 這是我今天的路線:(byRunKeeper) 有很多可愛的鴨、鵝,很多船還有漂亮景色。 我說「很多船」,是真的很多船!停在岸邊像是在搶停車格一樣,整排看下去跟火車一樣! 而因為有許多人慢跑和騎車會經過,船屋主人也聰明地開始做起生意,今天有看到書店和衣服店。 還有做日光浴的鵝。 這是岸邊餐廳。 這位小姐是其中一個船屋主人。正在打開閘門讓水位一樣。 還看到很中國風的涼亭! 我就在這邊回頭。 路上看到很多塗鴉,這是我喜歡的。 哈!看樣子有人

By HANA 花