網頁設計的錯誤觀念一籮筐：〔Skip Intro〕
文章分類: 專案管理/創意職場
2008-03-31 02:17:00 by: joooooohs
大家都在學CSS、Action、或是當Adobe一推出新版本，就搶著來用。
卻常常忘了，你是在哪個行業做設計。
你若是在網路廣告公司做網頁設計，
常常見到一些軟體和排版觀念很強，網頁做的超細超美，但其他知識都很薄弱(連文案都不會斷句)的設計師，就讓我想嘆氣：可惜。
你的網頁，會做「flash開場動畫」嗎？你是做「網路廣告(活動)」的嗎？這篇必讀。
搞網路廣告的(尤其是網頁設計師)，常常一念之差或是一個不小心，就足以致命。
問題1. 為何是Skip Intro 。
沒放Skip Intro按鈕的Flash動畫，肯定被我打槍(退回)，在此不多說了。雖然SKIP Intro 在網路上，好像已經是個常見而且成熟的字眼了。但，真的是這樣嗎？
其實，J佬不相信每個人都懂SKIP Intro這個字。
* 你知道Intro其實是一個字的簡寫嗎？哪一個字？(是Introduction)
* 你知道Intro翻成正確的中文是什麼意思嗎？(是「介紹」)
* 你知道在鬧區抓幾個路人(網友)，能夠把Skip Intro 正確英翻中的人有幾成嗎？
如果你認為你廣告的TA全都懂這兩個字，就在活動網頁上頭用吧，不然，我其實蠻建議以後都把Skip Intro 改成中文的啦(尤其是主打高中生的年輕品牌)。
難到中文會比較差嗎？
問題2. Skip Intro 你放哪裡？
企劃 說：
先打個岔問一個問題唷。
會發生活動到intro要load 很久，導致網友流失率很高。
我們可以判定網友load很久時，主動丟訊息給他內頁網址嗎？
Johs 說:
可以判定，你這個idea也不錯。
不過，我們主動把內頁網址丟給網友幹麻？
會發生這種情況，其實是我們網站設計不良啊。
企劃 說：
不懂。
Johs 說：
設計師，通常會誤認SKIP的作用是跳過動畫。
企劃 說：
難道SKIP的功用，不是跳過動畫嗎？
Johs 說：
Skip intro是跳過動畫沒錯。
但是，不是為了跳過那一段「畫面或影像」，
而為是為了跳過loading(下載)。為了跳過動畫的龐大的讀取(下載)時間。
企劃 說：
你講「誤認」，會等同於在按鈕的設定上會有差異？
Johs 說：
當然。
因為，通常，他們會把SKIP做在flash動畫裡頭。
那表示什麼？表示要讀取完畢，才會出現skip按鈕。
但如果是做成文字型式，也就是最最最基本的、最最最簡單的HTML Text Link(文字連結)。一開始就會出現SKIP，就可以立刻跳過動畫。這也才是最正確的作法。畢竟不想看動畫、想直接看首頁的人真的不少。
當然，如果非得堅持做flash，應該也要把SKIP按鈕獨立出來，不要放在Intro動畫裡面，這樣只需讀取幾K，就能夠直接進入首頁，看到主要的內容。
之前摘錄過這本書-優使性2.0(usability)-網站經驗設計與使用者研究
很適合從事網路行銷及設計師們參考
http://blog.yam.com/gway/article/12094833
你的習慣是很好的觀念啊，到底有多少人看、多少人跳過，其實是真的蠻重要的。
話說我們做網路廣告，測的數字可能要更多。
* 一開始html就測一次(這時候flash可能還沒跑)
* Flash(Intro)load完就測一次
* SKIP按鈕測一次
* Intro播完測一次
* 進入首頁測一次
有時候想想還蠻噁的，不過我覺得這些數據很重要的啦。
你介紹了一本好書歐。
其中很多，都是很值得思考和學習的問題，我們在公司裡頭也常常提，有一些很多強調了很多年的，也都要變成「習慣和規矩」了。
剛上網去看一些評價後
覺得真不錯～馬上動手買了一本～哈哈哈
謝謝推薦阿
J佬份享好觀念,我分享好書~~
讓我想起之前一直在思考的問題
究竟透過設計師的設計
能夠為客戶帶來多少的獲利
我今天想要說服我的客戶這樣做
卻總是沒有辦法提出成功案例的確切數據
這一直讓我很困惑
身為視覺的處理者
總是只能用因人而異的美感角度來說服人嗎?
請問前輩有更客觀的方式來support自己的設計嗎?
譬如說網站效益分析....?
我另外寫了文章回了。
就讓我想嘆氣：可惜。"
真的, typography(不確定中文名稱是?)
雖然在有些情況不是設計師能完全掌控的,
但的確是網頁設計師常常忽略的一環.
由於我設計是在國外學的, 對中文的
typography基準都還不是很了解.
有試著找過/請教但還沒能找到一個標準規範,
不知j佬在這方面是否有推薦的書?
其實我這一刻正在盯著針對英文typography的書
想盡辦法把別人從15世紀就開始鑽研的理論
應用到中文. 但是我們書法不是也寫了很久了嗎!!?
回歸正題, 我覺得flash intro有點像70年代流行的
瘋狂吉他solo, 一彈就是15分鐘才輪到主唱.
但後來主流音樂漸漸回歸到重點, 主唱.
那以前的solo跑去哪呢? 拆成許多小節, 穿插在
歌曲的每一個小角落.
如果我們把腦袋裡的鏡頭再拉遠一點, 問自己(或業主)
觀眾真的想或需要intro嗎?
上禮拜我才問同事一個問題：
Banner上面文字老是這樣飛飛飛，是想做一個什麼Feel嗎？飛飛飛、淡入、淡出，是有什麼意義？
這問題，應該沒有人可以回答的很漂亮。
台灣的設計科系的「版面與字型編排」比較類似，但應該也是偏Layout。
至於書嘛。中文原創的我似乎沒留意過。
最近書店有一本講字體設計的也是翻譯書，我沒買：
http://www.books.com.tw/exep/prod/booksfile.php?item=0010396162
如果不介意另一種方塊字(日文)，紀伊國書店(微風有)是有一些誠品沒有的設計書。我上次趕電影只逛了10分鐘，近日會再去。
邦喬飛，快唱歌啦，一直solo煩不煩啊，適可而止好嗎。
這問題，應該沒有人可以回答的很漂亮。
我覺得可以拿電影的開頭credit做模範,
我映像最深刻的是一部韓國電影OldBoy
的開頭,用文字特效有效的傳達情境. 強力推薦.
剛想起去年幫別人提案時我有用過相同的手法.
給各位參考一下:
http://www.albertlan.com/client/SEIKO/SpringDrive/pitch/
http://www.albertlan.com/client/SEIKO/Lukia/pitch/
P.S. 謝謝j佬的推薦!
我覺得這部電影很好看喔
幾年前看的
到現在還是印象深刻
推薦推薦:D
小弟是您的地下fan
每次看到您的新作
我都可以在上面逗留許久
因為實在有太多不可思議出乎人意料的做法可以細細研究
您實在有太多東西可以讓我偷了
小弟今天在此告解
以前偷了您不少flash檔案
而沒知會您 先跟您鄭重說聲抱歉
今天
小弟無恥的知會您
您po的兩個檔案 我要定啦~~~~
而且我已經抓了 但還沒解
不知能不能解...
希望歐拔前輩您開一條生路
供後輩學習學習
非常感謝您!
當然，背景音樂也是影像創作的另一個重要搭配元素。
to小賴，偷學前輩當然是沒關係的啦，學了之後做出自己的東西。
http://www.albertlan.com/client/SEIKO/Lukia/pitch/
由於小弟我也不是科班出身
因此很慶幸世界上有那麼多的大師可供學習
所以煩請大師不要那麼容易就說要退休
要退也請淡淡的退吧...
跟你可以看任何網站的HTML/CSS碼是差不多的意思.
所以大可不必心虛! 多看多學, 大家都是這樣前進的:)
網頁設計的迷思
http://wowtree.com/tree.php?aid=71
網路因分享而偉大，再次感謝您~
(若有侵權或不當引用，敬請來信告知)
是指load mc進去嗎？