<?xml version="1.0" encoding="UTF-8"?><!-- generator="WordPress/2.9.2" -->
<rss version="0.92">
<channel>
	<title>網頁設計, 網頁標準化, SEO &#124; HELLOBEAT™</title>
	<link>http://beatskate.com/blog</link>
	<description>提供網頁設計與開發, 搜尋引擎最佳化, 網頁標準化, 與資訊架構的服務</description>
	<lastBuildDate>Tue, 09 Mar 2010 11:40:33 +0000</lastBuildDate>
	<docs>http://backend.userland.com/rss092</docs>
	<language>en</language>
	
	<item>
		<title>Whoops, Server downtime..</title>
		<description><![CDATA[因為工作的關係 Yahoo 首頁頭版的廣告版位我通常都會點擊過去看看該網路廣告活動設計與規劃, 因為只要是刊登在 Yahoo 頭版就表示該活動有一定額度的製作預算, 製作水準也相對的不錯. 有時候看到令人激賞的創意則會佇留多點時間, 仔細研究該製作團隊的巧思.
但是接下來我要闡述的這個事件就常常發生在這些高媒體預算的網路活動當中, 就是 Server Downtime 的問題, 這些配合媒體的活動網站, 由於刊登在 Yahoo 首頁 (或是其他高流量的網站) 的關係, 常常一上線就會馬上塞暴客戶既有的主機, 所以普遍的作法則是由製作公司或是 Agency 自行代管或是另外替客戶找活動網站主機並進行主機流量/ 承載規劃, 因為通常如果不這樣做的話. 就會發生如下的慘狀&#8230;

這是今天約 5:10 的 yahoo 首頁, 點了 SK2 的 Banner 之後, 10秒, 30秒, 10分鐘過去了, 網站卻一直處於一遍空白, 讀取中的狀態&#8230;(或是該公司的 Tracking Code Database 當了?)
雖然不確定實際情況怎樣, 但製作公司卻讓這樣的情況發生, 浪費了客戶大筆的媒體費用, 也讓自己的作品減少曝光的機會, 不管客戶是否有發現這樣的情況, 但在網站上線之前竟然沒有依照其媒體預算以及製作內容去估算主機能夠承載的壓力. 實在是有點太誇張, 而這樣的情形也一直反覆發生在這些沒有相關經驗的製作公司當中.

直到我寫完了這篇 Blog, 約莫過了 30 分鐘, [...]

<div id="related-post" class="clearit">
沒有其他相關文章</div>]]></description>
		<link>http://beatskate.com/blog/whoops-server-downtime/</link>
			</item>
	<item>
		<title>Do you know how to become Mars?</title>
		<description><![CDATA[這是 NIKE 替旗下獨立的 Jordan Brand 推出的網路活動 Become Mars. 這個網站延續 22 年前 NIKE 跟 Wieden + Kennedy 廣告公司推出一系列的廣告活動概念, 那時找來了 Jordan 跟 Spike Lee (as Mars Blackmon) 替當時剛推出的 Jordan 4 代宣傳.
Mars Blackmon 這一系列的廣告活動從此之後改變了運動球鞋 as Sneakers 的市場定位, 籃球鞋變得再也不只是球場上的裝備, 也可以是非常街頭且 Trendy 的配件之一, 在那時候 Mars 的穿著甚至影響了所有街頭的年輕人, 不管你是否有打籃球, 而後 Jordan series 已經變成每個年輕人必備的鞋款, 如果你跟我一樣是後 80 出生的, 你應該也完整經歷過那時候 Jordan 4-12 代鞋款瘋狂的年代, 從小學開始就瘋狂的對 4 [...]

<div id="related-post" class="clearit">
其他相關文章:<ol><li><a href='http://beatskate.com/blog/fallon-skimmer/' rel='bookmark' title='Permanent Link: Fallon: Skimmer'>Fallon: Skimmer</a></li>
<li><a href='http://beatskate.com/blog/burger-king-facebook/' rel='bookmark' title='Permanent Link: 漢堡王 x Facebook 病毒式行銷'>漢堡王 x Facebook 病毒式行銷</a></li>
<li><a href='http://beatskate.com/blog/nike-take-it-to-the-next-level/' rel='bookmark' title='Permanent Link: Nike: Take It To The Next Level'>Nike: Take It To The Next Level</a></li>
</ol>]]></description>
		<link>http://beatskate.com/blog/do-you-know-how-to-become-mars/</link>
			</item>
	<item>
		<title>4個車站距離的感染力</title>
		<description><![CDATA[這是前幾天坐捷運要前往客戶那邊參加一個重要會議的經歷, 那時我心裡正在準備等一下 presentation 的 run down, 我想忙碌的都市人坐捷運時應該都是這樣, 周圍環繞著不熟悉的陌生人, 總是慌亂的想找點什麼事情來做, 或是專注投入於腦海裡的思緒.
這時中途一位和藹的老年人上車了, 就坐在我的正對面, 他拿起了碳筆, 好像開始速寫了起來.
起先我也不以為意, 腦袋裡還是持續著會議假想的對話, 但是當整節車廂的人們都開始注意這位畫家手上的畫板, 我也好奇了起來. 而這時&#8230;這位畫家開始手拿碳筆指向我, 且開始對我這麼陌生人微笑, 我也不得已以尷尬的微笑回應, 說也奇怪, 這時整節車廂好像被莫名的氛圍給感染了, 不需任何語言, 每個人只是靜靜的微笑看著, 而坐在對面的我, 完全沒有頭緒, 只能大概臆測且像個傻瓜似尷尬的坐著
約四個車站的距離, 這位不知名的畫家到站了, 而他好像也完成手上的速寫, 拿起板子讓我看了一眼, 驚訝的我也只能以微笑送離這位陌生的畫家&#8230;
一支碳筆, 一張紙, 短短四個車站的距離, 就能影響周圍的人們. 而我彷彿也被這位畫家深深的感染了, 本來重要會議的緊張感也完全消失了, 取而代之的是一整天好心情的預感.
後來, 我遞了張名片給同車廂的高中女生, 請他們將所拍攝的照片寄給我, 而我當天晚上就收到 Email, 相當的感謝他們.







沒有其他相關文章

<div id="related-post" class="clearit">
沒有其他相關文章</div>]]></description>
		<link>http://beatskate.com/blog/mrt-sketc/</link>
			</item>
	<item>
		<title>UJ</title>
		<description><![CDATA[


同如 UT 的概念, UNIQLO 把旗下的 Jeans 獨立出來變成 『UJ』 想告訴大家他們的 Jeans 有多麼的特別, 當然也不能免俗的找來 Yugop 替 UJ 的 Mini Site 操刀, 雖然沒有令人意外的創意, 但是這個網站執行想傳達概念相當清楚且精準. 放在店頭的裝置播放也相當的適合 (如果大家有去過東京的 UT 或是 UNIQLO 的旗艦店就會明白了)
UNIQLO Jean 相當的好穿, 而且便宜, 不易變形!
000 &#8211; Skinny Fit 是我這幾年唯一固定會重複購入的 Jeans (必備款!!)


其他相關文章:TOO MANY T-SHIRTS: UTLOOP
UNIQLO


<div id="related-post" class="clearit">
其他相關文章:<ol><li><a href='http://beatskate.com/blog/too-many-t-shirts-utloop/' rel='bookmark' title='Permanent Link: TOO MANY T-SHIRTS: UTLOOP'>TOO MANY T-SHIRTS: UTLOOP</a></li>
<li><a href='http://beatskate.com/blog/uniqlo/' rel='bookmark' title='Permanent Link: UNIQLO'>UNIQLO</a></li>
</ol>]]></description>
		<link>http://beatskate.com/blog/uj/</link>
			</item>
	<item>
		<title>Skype Outside</title>
		<description><![CDATA[為了讓大家能夠體驗 Skype 推出的全新 Skype on your Mobile 服務所能提供更多溝通的可能性, Skype 找了五位來自於澳洲, 日本, 土耳其, 西班牙, 美國的藝術家, 讓我們可以透過網站直接 Skype 留下語音, 並發送連結於他們的手機簡訊裡, 這些藝術家則會透過簡訊聆聽來自全世界的陌生人的留言.
最後, 這些藝術家則會將這些訊息當成創作的元素, 這些作品也將會發佈於網站上.
Site: http://outside.skype.com/


沒有其他相關文章

<div id="related-post" class="clearit">
沒有其他相關文章</div>]]></description>
		<link>http://beatskate.com/blog/skype-outside/</link>
			</item>
	<item>
		<title>Your daily dose of balance: New Balance 365</title>
		<description><![CDATA[追隨之前的 574 Clips 網站的概念, New Balance 與 Mother New York 再度合作, 打造 New Balance 365 網站, 每天網站都會展示一部短短 20 秒概念短片, 持續 365 天, 也因應網站推出 iPhone app 鬧鐘, 讓你每天都在多樣且逗趣的影音中醒來!
A Daily Dose of Balance!


沒有其他相關文章

<div id="related-post" class="clearit">
沒有其他相關文章</div>]]></description>
		<link>http://beatskate.com/blog/your-daily-dose-of-balance-new-balance-365/</link>
			</item>
	<item>
		<title>Wrangler Blue Bell 網站 &#8211; 拖與拉的新體驗</title>
		<description><![CDATA[

來自瑞典的互動設計公司 Kokokaka 替 Wrangler 的 Blue Bell Jeans Spring/Summer 2010 collection 打造了一個相當簡單卻成功的網站, 使用者只需透過滑鼠的拖拉互動, 即可用一種奇特的角度去瀏覽 Collections, 在高速攝影機下拍攝 Model 詭異的肢體動作也激發了使用者的好奇心, 更進而去 Interact and Explore more.
另外, 體驗完網站之後是否對場景裡的 Loop 念念不忘? 網站也讓你可以將 Soundtrack 打包回家!
類似的表現手法, Kokokaka 同時也是我之前介紹過 IKEA: Come into the Closet 的製作公司



其他相關文章:IKEA: Come into the Closet


<div id="related-post" class="clearit">
其他相關文章:<ol><li><a href='http://beatskate.com/blog/ikea-new-campaign/' rel='bookmark' title='Permanent Link: IKEA: Come into the Closet'>IKEA: Come into the Closet</a></li>
</ol>]]></description>
		<link>http://beatskate.com/blog/wrangler-blue-bell/</link>
			</item>
	<item>
		<title>Michael Bierut on Clients</title>
		<description><![CDATA[很少聽過設計師分享類似這樣的題材.
來自 Pentagram 的 Michael Bierut 今天想跟大家聊聊 『客戶』!!
Never talk about 『Educating the Clients.』
我相當認同這個觀點, If you just can&#8217;t convince the clients, that&#8217;s your problem!


沒有其他相關文章

<div id="related-post" class="clearit">
沒有其他相關文章</div>]]></description>
		<link>http://beatskate.com/blog/michael-bierut-on-clients/</link>
			</item>
	<item>
		<title>好書推薦: 大師的身影, Allan Poe</title>
		<description><![CDATA[因為小時候學過速讀的關係, 所以總是很少有機會很仔細的慢慢把一整本書讀完. 這本 『大師的身影』, Allan Poe 的短篇小說集卻讓我不得不小心翼翼, 字字珠磯的讀完他. 因為那些讓你驚悚至極的橋段, 就藏在短短的幾個字裡行間裡. 深怕會錯過它. 
當初會在書局拿起這本書來翻閱, 並不是因為 Allan Poe, 而是因為它獨特的書面設計, 仔細一看才發現原來又是王志弘 設計的&#8230;.雖然書的重點在於內容, 以及字裡行間所能帶給讀者的感受, 但是透過書面設計, 讓消費者能在眾如繁星的書海中只需透過封面, 便能夠大致了解書本身想傳達的意涵, 進而去翻閱, 體會, 進而去購買, 收藏它.
愛書人推薦:
最屌的 editorial designer -王志弘的 Flickr, 每一本書都值得收藏!!


其他相關文章:What will happen next?
Ducati Monster S4R
世界末日的時候該怎麼辦?


<div id="related-post" class="clearit">
其他相關文章:<ol><li><a href='http://beatskate.com/blog/what-will-happen-next/' rel='bookmark' title='Permanent Link: What will happen next?'>What will happen next?</a></li>
<li><a href='http://beatskate.com/blog/ducati-monster-s4r/' rel='bookmark' title='Permanent Link: Ducati Monster S4R'>Ducati Monster S4R</a></li>
<li><a href='http://beatskate.com/blog/%e4%b8%96%e7%95%8c%e6%9c%ab%e6%97%a5%e7%9a%84%e6%99%82%e5%80%99%e8%a9%b2%e6%80%8e%e9%ba%bc%e8%be%a6/' rel='bookmark' title='Permanent Link: 世界末日的時候該怎麼辦?'>世界末日的時候該怎麼辦?</a></li>
</ol>]]></description>
		<link>http://beatskate.com/blog/bookallan-poe/</link>
			</item>
	<item>
		<title>把資訊架構當作是網頁設計的延伸</title>
		<description><![CDATA[Information Architecture as an Extension of Web Design &#124; 把資訊架構學當作是網頁設計的一種延伸
資訊架構師和網頁開發者/ 網頁設計師總是想要互相替對方定義工作上的定位, 他們總是持續的把相互的職責推擠到一個小盒子裡, 舉例來說,很多網頁設計師並不清楚資訊架構在網頁設計裡應扮演的角色. 設計師也常常認為所謂的資訊結構把所有的資訊給分類組織好即可,反之,資訊架構師們也常會低估了網頁設計師在專案裡面所扮演的腳色, 總認為當她們把網站的資訊架構制定了出來之後, 設計師們就裡所當然的可以把前端介面給開發出來.
其中之一的後果即是造成雙方的誤解. 資訊架構師致力於組織, 資訊結構化和制定規格; 網頁設計師則是被引導著讓她們只能一直作她們一向擅長的設計工作而必須將資訊架構這檔事留給資訊架構師. 但是實際上卻不一定總是這樣的. 
事實上, 當今網際網路上的資訊架構是不可能一天之前學會的, 也有很多資訊結構的技巧是網頁設計師們可以輕鬆學會而且應用到工作上的.然後把資訊結構當成是網頁設計的一種延伸.

這個觀點上來看能讓設計師佔有很多優勢

它能夠完全消除了 &#8211; 『我們與他們』 這一種工作思想上的隔閡, 也打破本來墨守成規的一些想法
它並不僅只是在雙方所扮演的腳色上制定了一條分界線, 而是把各別的工作角色上當成是一種延伸, 相互輔助
這個作法讓網頁設計師們能夠更了解資訊架構是怎麼一回事
讓網頁設計師們能夠輕鬆的扮演資訊架構師的角色


為了要實踐這個想法, 我們必須將三個最基本的網頁開發元素 ( 使用介面, 版面設計, 程式 ), 延伸到資訊架構的範疇
使用介面
嗯&#8230;我們先從使用者介面開始, 這一向也是我們最喜愛也最討厭的網頁設計元素之一
當一個單獨的頁面被新增到網站裡面的時候, 設計師們總是無法拒絕一種念頭 &#8211; 就是馬上把這個頁面分類到她們認知裡認為理所當然的網站分類裡&#8230;但是問題是&#8230;Well&#8230;你們應該早知道了, 同樣的頁面, 網站瀏覽者卻不一定總是跟設計師們有一樣的觀感, 很多時候使用者們根本不知道他們正在瀏覽的頁面是否就是她們想要的.
在網站製作最初期的階段, 為了開發一個使用者介面結構, 你可以將頁面群組化, 替這些繁瑣的資訊定義類別, 並將它們分類在各個類別裡. 在這個練習之後你也應該邀請一些潛在的使用者 (非專案相關人員或開發者), 作一些卡片的排序 (Card sorting).卡片排序讓我們更深入的去了解其他人對於這些資訊分類以及個別分類命名的認知
相信我, 你往往會得到令你意想不到的有趣答案

關於卡片排序, 只要跟著以下這些簡單的步驟

在各別的紙上寫下所有頁面的名稱
要求這些參加者依照她們的感覺去分類 &#8211; [...]

<div id="related-post" class="clearit">
其他相關文章:<ol><li><a href='http://beatskate.com/blog/xerox-new-ci/' rel='bookmark' title='Permanent Link: Xerox 全錄 &#8211; 重新設計 CI'>Xerox 全錄 &#8211; 重新設計 CI</a></li>
<li><a href='http://beatskate.com/blog/recommand-reading-bob-gill/' rel='bookmark' title='Permanent Link: Recommand Reading: Bob Gill'>Recommand Reading: Bob Gill</a></li>
</ol>]]></description>
		<link>http://beatskate.com/blog/information-architecture/</link>
			</item>
</channel>
</rss>
