網站的首頁該有多少的資訊呈現? - soho

By Anonymous
at 2010-01-18T12:20
at 2010-01-18T12:20
Table of Contents
嗯..老實講這是我最近在思考的問題,提出來跟各位前輩後進討論一下。
在重新回到網站設計SOHO的歷程中,
從以前的單純代工,到目前逐漸開始協助案主規劃網站架構,
我發覺似乎大家對於一個網站的首頁並不是那麼重視..
當然啦,也許對我們這些案件承接者,多一頁的話就可以多收一頁的設計費,
但是在整個網站的整體呈現來說,也許某些訊息擺在首頁當中會更容易令人注視。
我的概念是,INDEX就等於一家店的門面與看板。
不管你用哪種形式的呈現,最重要的是讓人一眼就可以知道你這家店是賣什麼的。
所以以我目前的規劃方向來說,盡量避免只是單純的形象呈現,
而把一些需要呈現的訊息放到首頁上,
引導第一次進入網站的瀏覽者看到他想看的訊息,進而點選內頁的內容..
這部分是很重要的。
舉例來說,這是我最近承接的案件。
http://www.truecolorslicensing.com/
這家公司本身是做插畫家版權行銷的公司。
原本希望呈現的頁面內容只有單純的形象BANNER+選單。
但是在我的建議之下,將首頁的內容增加了公司的簡介與隨機跳轉的創作者圖片呈現。
但是老實講我並不覺得這樣的規劃是我滿意的..
原因是我覺得有很多的內頁內容是可以拉出來到首頁上,
透過引導點選,跳轉到首頁的某個區塊上。
(比如說FAQ跟CONTACT US這兩個頁面的內容)
其實我最近一直在研究單頁佈局的網站設計方式..
以這個網站舉例好了。
http://www.charliegentle.co.uk/
這是一個設計者的網站,他本身就採用了單頁佈局的呈現方式,減少網站的LOADING。
其實在某些中小企業,商品或需要呈現的頁面不多的狀況下,
便可以採取這樣的方式呈現。
一方面減少預算,一方面又可以精準的呈現自己想給瀏覽者的內容。
對於網站設計者來說,可以更專心的讓自己專注於設計呈現的畫面。
再舉另外一個網站的例子..
http://umeda-sky-wedding.jp/
這是日本一家婚禮會場的網站。
我覺得雖然有很多的分頁,但是他也適度的透過一些頁面上的連結,
將最容易受到注目的訊息放到首頁上,
讓人一眼就看到,並且進入這頁面裡面。
不知道我在網站架構上的想法夠不夠成熟呢?
希望各位前輩與後進多多指教..
P.S:其實會寫這篇文章的原因,是覺得我們大家既然都是SOHO,
在接案發案的同時,也許可以透過一些討論來激出創意的火花。
這樣在這版面上的討論也會更加豐富..
小小意見多多指教..XD
--
在重新回到網站設計SOHO的歷程中,
從以前的單純代工,到目前逐漸開始協助案主規劃網站架構,
我發覺似乎大家對於一個網站的首頁並不是那麼重視..
當然啦,也許對我們這些案件承接者,多一頁的話就可以多收一頁的設計費,
但是在整個網站的整體呈現來說,也許某些訊息擺在首頁當中會更容易令人注視。
我的概念是,INDEX就等於一家店的門面與看板。
不管你用哪種形式的呈現,最重要的是讓人一眼就可以知道你這家店是賣什麼的。
所以以我目前的規劃方向來說,盡量避免只是單純的形象呈現,
而把一些需要呈現的訊息放到首頁上,
引導第一次進入網站的瀏覽者看到他想看的訊息,進而點選內頁的內容..
這部分是很重要的。
舉例來說,這是我最近承接的案件。
http://www.truecolorslicensing.com/
這家公司本身是做插畫家版權行銷的公司。
原本希望呈現的頁面內容只有單純的形象BANNER+選單。
但是在我的建議之下,將首頁的內容增加了公司的簡介與隨機跳轉的創作者圖片呈現。
但是老實講我並不覺得這樣的規劃是我滿意的..
原因是我覺得有很多的內頁內容是可以拉出來到首頁上,
透過引導點選,跳轉到首頁的某個區塊上。
(比如說FAQ跟CONTACT US這兩個頁面的內容)
其實我最近一直在研究單頁佈局的網站設計方式..
以這個網站舉例好了。
http://www.charliegentle.co.uk/
這是一個設計者的網站,他本身就採用了單頁佈局的呈現方式,減少網站的LOADING。
其實在某些中小企業,商品或需要呈現的頁面不多的狀況下,
便可以採取這樣的方式呈現。
一方面減少預算,一方面又可以精準的呈現自己想給瀏覽者的內容。
對於網站設計者來說,可以更專心的讓自己專注於設計呈現的畫面。
再舉另外一個網站的例子..
http://umeda-sky-wedding.jp/
這是日本一家婚禮會場的網站。
我覺得雖然有很多的分頁,但是他也適度的透過一些頁面上的連結,
將最容易受到注目的訊息放到首頁上,
讓人一眼就看到,並且進入這頁面裡面。
不知道我在網站架構上的想法夠不夠成熟呢?
希望各位前輩與後進多多指教..
P.S:其實會寫這篇文章的原因,是覺得我們大家既然都是SOHO,
在接案發案的同時,也許可以透過一些討論來激出創意的火花。
這樣在這版面上的討論也會更加豐富..
小小意見多多指教..XD
--
All Comments

By Iris
at 2010-01-19T04:27
at 2010-01-19T04:27

By Heather
at 2010-01-20T12:56
at 2010-01-20T12:56

By Yuri
at 2010-01-21T08:40
at 2010-01-21T08:40

By Necoo
at 2010-01-23T11:27
at 2010-01-23T11:27

By Victoria
at 2010-01-26T10:06
at 2010-01-26T10:06

By Ethan
at 2010-01-28T13:45
at 2010-01-28T13:45

By Jacky
at 2010-01-31T14:05
at 2010-01-31T14:05

By Anthony
at 2010-02-01T10:48
at 2010-02-01T10:48

By Delia
at 2010-02-03T08:38
at 2010-02-03T08:38

By Ophelia
at 2010-02-04T11:24
at 2010-02-04T11:24

By Rae
at 2010-02-07T18:39
at 2010-02-07T18:39

By Odelette
at 2010-02-11T14:36
at 2010-02-11T14:36

By Doris
at 2010-02-15T07:46
at 2010-02-15T07:46

By Jake
at 2010-02-17T01:50
at 2010-02-17T01:50

By Dinah
at 2010-02-21T19:17
at 2010-02-21T19:17

By Aaliyah
at 2010-02-22T06:00
at 2010-02-22T06:00
Related Posts
PHP+mySQL 公司內部網站

By Callum
at 2010-01-18T10:53
at 2010-01-18T10:53
雷射黑白、自動雙面印表機的選擇

By Wallis
at 2010-01-16T22:48
at 2010-01-16T22:48
已經半年了,資方都沒有回應怎麼辦?

By Ivy
at 2010-01-15T23:14
at 2010-01-15T23:14
時尚風格插畫

By Callum
at 2010-01-15T19:05
at 2010-01-15T19:05
最佳化求解程式 Lindo/Lingo撰寫

By Belly
at 2010-01-15T11:07
at 2010-01-15T11:07