gembin

          OSGi, Eclipse Equinox, ECF, Virgo, Gemini, Apache Felix, Karaf, Aires, Camel, Eclipse RCP

          HBase, Hadoop, ZooKeeper, Cassandra

          Flex4, AS3, Swiz framework, GraniteDS, BlazeDS etc.

          There is nothing that software can't fix. Unfortunately, there is also nothing that software can't completely fuck up. That gap is called talent.

          About Me

           

          重新設(shè)計(jì)網(wǎng)站或博客需要考慮的21個(gè)因素和技巧

          開(kāi)場(chǎng)白:下面是一篇關(guān)于網(wǎng)站重新設(shè)計(jì)時(shí)需要考慮的諸多因素的一篇文章,雖然著眼于網(wǎng)頁(yè)設(shè)計(jì),但它其實(shí)同樣是一篇博客技巧,人人皆適用。所以,俺翻譯一下,跟各位博友分享。如有什么翻譯不當(dāng)或錯(cuò)誤之處,請(qǐng)勿指正!

          重新設(shè)計(jì)網(wǎng)站或博客需要考慮的21個(gè)因素和技巧

          原文:21 Factors to Consider Before a Redesign

          翻譯:帕蘭

          重新設(shè)計(jì)一個(gè)網(wǎng)站是一個(gè)非常復(fù)雜的過(guò)程。你需要妥善規(guī)劃考慮到諸多因素,打破原有的設(shè)計(jì)讓網(wǎng)站更加人性化、更利于用戶體驗(yàn)、更高的網(wǎng)站效率、更友好的優(yōu)化之于搜索引擎。這里就讓我們來(lái)看看21個(gè)對(duì)網(wǎng)站重新設(shè)計(jì)時(shí)需要考慮到的因素,你一定要考慮:)
          1 .重新設(shè)計(jì)的目標(biāo)是什么?

          你希望完成什么?你希望改變什么?一個(gè)明確的認(rèn)識(shí)是很重要的,是的,你應(yīng)該明確你的要對(duì)網(wǎng)站進(jìn)行重新設(shè)計(jì)的理由和動(dòng)機(jī),因?yàn)槭裁礃拥膭?dòng)機(jī)就會(huì)使你作 出的什么樣的決定。如果你不知道你的目標(biāo)是什么,那你就將缺乏重新設(shè)計(jì)的方向,你很可能會(huì)結(jié)束這項(xiàng)工作的時(shí)候,還是得不到一個(gè)滿意的設(shè)計(jì)效果。
          2 .這是一次簡(jiǎn)單的網(wǎng)站升級(jí)還是對(duì)網(wǎng)站進(jìn)行全面整改?

          重 新設(shè)計(jì)一個(gè)全新的網(wǎng)站,可以從任何一個(gè)細(xì)節(jié)來(lái)讓網(wǎng)站改頭換面。很明顯,時(shí)間,精力,以及所涉及的費(fèi)用導(dǎo)致重新設(shè)計(jì)出來(lái)的結(jié)果是不同的。但我想首先你應(yīng)該確 定你都需要哪些類(lèi)型的變化來(lái)滿足你的目標(biāo)與設(shè)計(jì)。如果是一個(gè)全面的重新設(shè)計(jì),你也得考慮到”全面”到什么程度,通常新的網(wǎng)站設(shè)計(jì)風(fēng)格應(yīng)該類(lèi)似于舊網(wǎng)站的設(shè) 計(jì)風(fēng)格。因?yàn)槿绻阒暗脑L客來(lái)到你的網(wǎng)站,被你的全新設(shè)計(jì)搞得認(rèn)不出”你”來(lái),你大概不希望這樣。
          (注:這一點(diǎn)對(duì)于我來(lái)說(shuō)不太適合,我就喜歡隔三差五的把博客從“A”變成”B”,因?yàn)槲矣X(jué)得這樣能給舊的訪客帶來(lái)新鮮感,但他們?nèi)匀恢肋@是我的博客。而 新訪客,他們并不知道我曾經(jīng)用過(guò)其它的設(shè)計(jì)。當(dāng)然,這一點(diǎn)也是博客和網(wǎng)站的區(qū)別。同時(shí),其它博客用戶尤其是Wordpress用戶適乎也不太適用于這一 點(diǎn),因?yàn)槌汕先f(wàn)的漂亮的“皮”總是讓我們經(jīng)不住誘惑換了又換。)
          3 .當(dāng)前的網(wǎng)站設(shè)計(jì)中,哪些方面是最值得使用的?

          你當(dāng)前的網(wǎng)站設(shè)計(jì)中,通常都有一些方面是優(yōu)秀且效果比較好的,而這些方面,你可能希望保留或?qū)⑵浼{入新的設(shè)計(jì)方案中。作一個(gè)簡(jiǎn)單的歸納,哪些是你想保留的,這將是好主意,更有利于你清晰規(guī)劃你的設(shè)計(jì)方案。

          4 .當(dāng)前的網(wǎng)站設(shè)計(jì)中,哪些方面是不值得使用的?

          如果你是重新設(shè)計(jì)網(wǎng)站,你勢(shì)必要丟掉一些設(shè)計(jì)部份。比如對(duì)于你的新訪客說(shuō),可能有哪些地方不能準(zhǔn)確表達(dá)的原本想要傳達(dá)的意義?這就跟上面的正好相反,對(duì)于這些不太值得使用的設(shè)計(jì),你應(yīng)該最大程度的改良或丟掉它們。
          5 .誰(shuí)是你的目標(biāo)用戶?

          在任何設(shè)計(jì)過(guò)程中,你永遠(yuǎn)不能忘掉訪客,必須以訪客為中心(注:除了那些完全不在乎訪客的理想主義者)。確定的目標(biāo)受眾群,瞄準(zhǔn)他們,打出”致命的 一顆子彈”-什么樣的設(shè)計(jì)風(fēng)格會(huì)使你的用戶喜歡?(注:在設(shè)計(jì)過(guò)程中,你應(yīng)該一直讓這個(gè)問(wèn)號(hào)停留在你的腦海里,打出一顆又一顆子彈,這樣,還怕用戶不死于 你的網(wǎng)站之下?呵呵!)

          6 .怎樣才能讓網(wǎng)站更加方便用戶呢?

          對(duì)于一個(gè)網(wǎng)站來(lái)說(shuō),強(qiáng)大的功能應(yīng)用確實(shí)是一件好事。但如果花費(fèi)大量的時(shí)間堆砌一大堆無(wú)謂的所謂”高級(jí)功能”,其實(shí)并不方便用戶的使用。(注:尤其是 隨著Web2.0的狂潮,簡(jiǎn)單已經(jīng)成了一個(gè)大勢(shì)所趨,除蜚你的網(wǎng)站受眾都是些專業(yè)級(jí)別的電腦用戶,否則,去掉你那些花哨而又不實(shí)用的一大堆特效吧!)

          7 .Logo或品牌形象是否需要做改變?

          Logo或一些常用的傳達(dá)網(wǎng)站品牌形象的設(shè)計(jì),在你重新設(shè)計(jì)網(wǎng)站時(shí),是否需要同時(shí)對(duì)它們進(jìn)行重設(shè)計(jì)呢?答案是,如果你的logo不是那種非常優(yōu)秀的 ”萬(wàn)能logo”,也就是指那種能夠在任何網(wǎng)頁(yè)設(shè)計(jì)中都跟全局良好融合的logo設(shè)計(jì),那你或許應(yīng)該考慮根據(jù)你的新網(wǎng)站風(fēng)格設(shè)計(jì)一個(gè)風(fēng)格統(tǒng)一的 logo。(注:帕蘭的個(gè)人看法, Logo設(shè)計(jì)講求的是簡(jiǎn)單,而設(shè)計(jì)一個(gè)萬(wàn)能logo的最重要因素就是簡(jiǎn)單再簡(jiǎn)單!)

          8 .是保持還是改變網(wǎng)站的主色調(diào)?

          在第2點(diǎn)已經(jīng)說(shuō)了,因?yàn)榇蟛糠值臅r(shí)候,你會(huì)想為那些舊訪客保留網(wǎng)站的大體風(fēng)格。所以用類(lèi)似的配色方案是最佳方式之一。當(dāng)然,你可以加入一些細(xì)微的色 調(diào),從而讓網(wǎng)站看起來(lái)確實(shí)有了那么些新鮮的感覺(jué),但又不至于讓舊訪客認(rèn)不出來(lái)。(注:我覺(jué)得這要看是什么樣的設(shè)計(jì)風(fēng)格了,比如我最欣賞的一位網(wǎng)頁(yè)設(shè)計(jì)者531, 他的博客每隔一段時(shí)間,就換一種色調(diào),其一,他的網(wǎng)頁(yè)設(shè)計(jì)圖片很少,都是通過(guò)對(duì)一些文字鏈接進(jìn)行著色來(lái)表現(xiàn)出網(wǎng)頁(yè)的主色調(diào),這樣即使完全更換顏色,在給訪 客新鮮感的同時(shí),也不會(huì)讓訪客找不著北。其二,如果網(wǎng)頁(yè)布局沒(méi)有做什么大的調(diào)整,顏色的改變通常也不會(huì)造成前后設(shè)計(jì)的太大差異。)
          9 .訪客使用什么樣的屏幕分辨率?

          這一點(diǎn)也是非常重要的,盡管一些網(wǎng)頁(yè)設(shè)計(jì)者可能會(huì)忽略。像Google Analytics之類(lèi)的服務(wù)可以很容易地給你這方面的資料。很明顯,一個(gè)固定寬度設(shè)計(jì)的網(wǎng)頁(yè)應(yīng)考慮到訪客的屏幕分辨率。
          (注:之前有位博友問(wèn)過(guò)我網(wǎng)頁(yè)自適應(yīng)寬度的問(wèn)題,要實(shí)現(xiàn)網(wǎng)頁(yè)的自適應(yīng)寬度并不困難,但是完全必要。盡管我開(kāi)始設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候,也喜歡弄成自適應(yīng)寬度,但后 來(lái)發(fā)現(xiàn),這很糟糕! 尤其是當(dāng)一個(gè)自適應(yīng)寬度的設(shè)計(jì)運(yùn)行在1280像素比以上的屏幕分辨率上時(shí),除非你的掌控能力很好以及頁(yè)面布局確實(shí)適合自適應(yīng)寬度,否則我不建議你使用自適 應(yīng)。
          另外,我一般都是以最通用的1024*768的屏幕分辨率為基準(zhǔn)來(lái)設(shè)計(jì)。因?yàn)椋谥袊?guó),雖然我沒(méi)有做過(guò)調(diào)查,但猜想有一半的用戶仍然是使用老式的純屏甚至 普屏,使用1024像素比為基準(zhǔn)是最合適的。800*600像素的用戶我基本上是選擇置之不理!這樣,就可以不用管寬屏了,我寧可寬屏用戶在很寬的屏幕里 面看著有點(diǎn)小的網(wǎng)頁(yè),也不愿意網(wǎng)頁(yè)寬到需要出現(xiàn)橫向滾動(dòng)條!)

          10 .瀏覽者的網(wǎng)絡(luò)速度?

          你的瀏覽者的平均網(wǎng)絡(luò)速度,將有助于確定你的網(wǎng)頁(yè)設(shè)計(jì)元素。

          (注:如果你的瀏覽者的網(wǎng)絡(luò)速度普遍偏慢,而你的網(wǎng)頁(yè)里面使用了一大堆Javascript,左一個(gè)音樂(lè)播放器,右一個(gè)視頻播放器。你覺(jué)得那會(huì)造成 什么樣的后果?說(shuō)白了,現(xiàn)在這個(gè)寬帶高速發(fā)展的時(shí)代,一個(gè)網(wǎng)站最最最最重要的東西,不是SEO,不是網(wǎng)站內(nèi)容,不是用戶體驗(yàn),是速度! 速度與激情嘛! 你的SEO做的再好,內(nèi)容質(zhì)量再高,用戶體驗(yàn)再良好,可瀏覽者需要等待半分鐘才可以進(jìn)入你的頁(yè)面,你以為地球人就只知道你丫的一個(gè)網(wǎng)站啊?

          P.S:有點(diǎn)臉紅,老帕我的博客有的時(shí)候載入甚至超過(guò)半分鐘,但那不是設(shè)計(jì)的原因,是因?yàn)橹鳈C(jī)有點(diǎn)爛,最近正在尋找高速的,可要在國(guó)外主機(jī)里面找個(gè)高速的,還真他媽不容易! 國(guó)內(nèi)?我寧可速度慢,也盡量不用國(guó)內(nèi)的。)

          11 .應(yīng)該把設(shè)計(jì)重點(diǎn)放在什么地方?

          每 一個(gè)設(shè)計(jì),是為了提醒大家去注意什么樣的地方。知道你自己想強(qiáng)調(diào)什么,你也就得到了一個(gè)設(shè)計(jì)重心。你可以看一下Caroline Middlebrook ,在她對(duì)她的博客進(jìn)行重新設(shè)計(jì)時(shí),她使用了博客里面的一大塊區(qū)域來(lái)放置她的特點(diǎn)內(nèi)容,比如她寫(xiě)的免費(fèi)電子書(shū)籍。顯然,對(duì)于她來(lái)說(shuō),這是她希望別人重點(diǎn)看到的內(nèi)容,同時(shí)也是很好的展示她自己的一個(gè)區(qū)域。
          (注:帕蘭總結(jié)-像突出廣告位那樣突出你的設(shè)計(jì)重點(diǎn)區(qū)域。)

          12 .怎樣才能使導(dǎo)航達(dá)到更好的效果?

          導(dǎo)航是一個(gè)網(wǎng)站最重要的因素之一。如果你之前的網(wǎng)頁(yè)設(shè)計(jì)中加入過(guò)很多的內(nèi)容版面,那可能原先的導(dǎo)航不是那么的良好了。你應(yīng)該嘗試著建立一個(gè)最大程度上方便用戶的網(wǎng)頁(yè)導(dǎo)航,讓他們輕松簡(jiǎn)便的從這兒跳到那,從那跳回這兒:)
          13 .瀏覽者想要從你的網(wǎng)站看到什么?

          對(duì)于任何網(wǎng)站來(lái)說(shuō),滿足瀏覽者的需要是至關(guān)重要的。瀏覽者來(lái)你的網(wǎng)站找資料?如果是的話,你應(yīng)該使這些資料成為一個(gè)突出設(shè)計(jì),讓他們能夠很容易的找 到這些資料。他們會(huì)在看了網(wǎng)頁(yè)以后到實(shí)地來(lái)尋找產(chǎn)品?那在產(chǎn)品頁(yè)面留一個(gè)顯著的地址就是明智的選擇了。站在瀏覽者的角度想他們所想,把最好最方便的網(wǎng)頁(yè)設(shè) 計(jì)給他們。
          14 .怎樣才能增加用戶交互?

          最成功的網(wǎng)站能夠讓訪客熱情的參與其中。博客是這方面最強(qiáng)大的應(yīng)用,因?yàn)樗鼈兡軌蛟谡髑鬄g覽者的意見(jiàn)和討論。其它的還有論壇,游戲,調(diào)查結(jié)果顯示,競(jìng)猜等。讓你的瀏覽者對(duì)你的網(wǎng)站更加的引人入勝,您有可能獲得更多數(shù)量的”回頭客”。

          15 .誰(shuí)在維護(hù)和更新你的網(wǎng)站?

          誰(shuí)在維護(hù)和更新你的網(wǎng)站?當(dāng)然是你!真的是嗎?這是個(gè)問(wèn)題。尤其是對(duì)于博客來(lái)說(shuō),事實(shí)上,留言者也正在幫你更新網(wǎng)站內(nèi)容。雖然你應(yīng)該保持代碼的簡(jiǎn)潔,但是當(dāng)別人為你貢獻(xiàn)內(nèi)容的時(shí)候,你應(yīng)該同樣讓受到別人重視。

          (注:比如,對(duì)于博客來(lái)說(shuō),你除了著重突出你的其它設(shè)計(jì)元素,同時(shí),還應(yīng)該給你的留言者們提供一個(gè)突出的機(jī)會(huì)。這點(diǎn)老帕做的很不好,但目前使用的主題都是在測(cè)試階段,我會(huì)在需要修改的元素達(dá)到一定的數(shù)目時(shí)進(jìn)行統(tǒng)一的Redesign。)
          16 .你是否需要一個(gè)內(nèi)容管理系統(tǒng)( CMS )?

          很多網(wǎng)站主,現(xiàn)在寧愿選擇一個(gè)CMS,比如WordPress。因?yàn)樗鼈兛梢院苋菀椎倪M(jìn)行更新,而不需要什么網(wǎng)頁(yè)設(shè)計(jì)。很多的主題模式設(shè)計(jì)預(yù)先就安裝到系統(tǒng)里面。如果想要節(jié)省時(shí)間,CMS可能是一個(gè)很好的選擇。

          (注: 盡管原文作者說(shuō)的是事實(shí)。但對(duì)于需要個(gè)性化的Blogger來(lái)說(shuō),不管他選擇什么樣的平臺(tái),他還是喜歡追求一個(gè)屬于自己獨(dú)特個(gè)性的網(wǎng)站設(shè)計(jì)。)

          17 .怎樣才能使SEO得到改善?

          任何時(shí)候,一個(gè)網(wǎng)站如果要重新設(shè)計(jì),搜索引擎都應(yīng)該加以考慮。目前的設(shè)計(jì)是否會(huì)對(duì)搜索引擎造成不友好?如何放置目前的頁(yè)面標(biāo)題效果才最好?怎樣才能合理的增加內(nèi)部連接?等等等等。
          18 .哪些關(guān)鍵詞和短語(yǔ)是你的網(wǎng)頁(yè)重點(diǎn)?

          當(dāng)然,關(guān)鍵字,應(yīng)該用于title,head,a鏈接,alt屬性等。設(shè)計(jì)一個(gè)網(wǎng)站,如果不知道你的目標(biāo)關(guān)鍵詞和短語(yǔ)是什么,也就意味著你最合適的設(shè)計(jì)方案可能失之交臂,甚至不會(huì)有太大的效果。而這不只是考慮搜索方面的問(wèn)題,而是針對(duì)你目前的網(wǎng)站,得到最大化的效果。

          19 .哪些網(wǎng)頁(yè)和搜索在你的網(wǎng)站里面是熱門(mén)的?

          如果你的網(wǎng)站上有那種做得非常好的頁(yè)面,也就是說(shuō)訪問(wèn)量比較高,搜索引擎排名比較好,對(duì)于這些頁(yè)面,你不應(yīng)該做重大的更改,那樣往往會(huì)降低你的頁(yè)面 在搜索引擎中的網(wǎng)頁(yè)排名。同樣,有什么搜索詞,是你網(wǎng)站里面目前比較熱門(mén)的,你也不應(yīng)該多做手腳。唯一肯定的,他們應(yīng)該好好的保留在的新的設(shè)計(jì)方案中。
          20 .頁(yè)面里有哪些內(nèi)部鏈接?

          當(dāng)你要重新設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候,你應(yīng)該好好看看你的網(wǎng)站里面有哪些內(nèi)部鏈接。以確保在新的網(wǎng)頁(yè)設(shè)計(jì)中,這些鏈接不會(huì)丟失,最好是使用相同的URL結(jié)構(gòu)。

          (注:我拿博客打比個(gè)比方,你以前的側(cè)邊欄有熱門(mén)日志、分類(lèi)、存檔的鏈接,但新的設(shè)計(jì)中,這些鏈接都拋棄了。這除了會(huì)導(dǎo)致舊的訪客不能適應(yīng)你的新導(dǎo)航感到手足無(wú)措外,更重要的是會(huì)導(dǎo)致你的網(wǎng)頁(yè)排名下降。)
          21 .如果讓訪客再次光臨你的網(wǎng)站?

          最有可能的情況是,你已經(jīng)想到了一個(gè)出色的設(shè)計(jì)方案:給用戶留下”你的網(wǎng)站充滿活力”的第一印象。但問(wèn)題是-怎樣做才能保持網(wǎng)站的訪客再次光臨你的網(wǎng)站?

          或許你知道哦,瞎貓也能碰到死耗子! 你這只瞎貓,快來(lái)碰一碰吧!

          結(jié)束語(yǔ):每翻譯一條,就慚愧一次,沒(méi)有臉紅。看來(lái),得抽個(gè)時(shí)間好好Redesign一下我的Theme了。

          posted on 2008-09-23 17:57 gembin 閱讀(360) 評(píng)論(0)  編輯  收藏 所屬分類(lèi): CSSJavascript

          導(dǎo)航

          統(tǒng)計(jì)

          常用鏈接

          留言簿(6)

          隨筆分類(lèi)(440)

          隨筆檔案(378)

          文章檔案(6)

          新聞檔案(1)

          相冊(cè)

          收藏夾(9)

          Adobe

          Android

          AS3

          Blog-Links

          Build

          Design Pattern

          Eclipse

          Favorite Links

          Flickr

          Game Dev

          HBase

          Identity Management

          IT resources

          JEE

          Language

          OpenID

          OSGi

          SOA

          Version Control

          最新隨筆

          搜索

          積分與排名

          最新評(píng)論

          閱讀排行榜

          評(píng)論排行榜

          free counters
          主站蜘蛛池模板: 岱山县| 友谊县| 普兰县| 措美县| 赣州市| 宜川县| 临沭县| 延吉市| 通渭县| 中阳县| 同心县| 双柏县| 阿瓦提县| 景德镇市| 平乐县| 红原县| 温宿县| 吴忠市| 高尔夫| 台东市| 类乌齐县| 临高县| 平远县| 常山县| 故城县| 阿克苏市| 普宁市| 潍坊市| 墨竹工卡县| 扎鲁特旗| 改则县| 博客| 葵青区| 遂昌县| 深圳市| 大厂| 酉阳| 乌兰察布市| 老河口市| 延边| 太白县|