<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    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è)因素和技巧

    開場(chǎng)白:下面是一篇關(guān)于網(wǎng)站重新設(shè)計(jì)時(shí)需要考慮的諸多因素的一篇文章,雖然著眼于網(wǎng)頁設(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ī)劃考慮到諸多因素,打破原有的設(shè)計(jì)讓網(wǎng)站更加人性化、更利于用戶體驗(yàn)、更高的網(wǎng)站效率、更友好的優(yōu)化之于搜索引擎。這里就讓我們來看看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é)來讓網(wǎng)站改頭換面。很明顯,時(shí)間,精力,以及所涉及的費(fèi)用導(dǎo)致重新設(shè)計(jì)出來的結(jié)果是不同的。但我想首先你應(yīng)該確 定你都需要哪些類型的變化來滿足你的目標(biāo)與設(shè)計(jì)。如果是一個(gè)全面的重新設(shè)計(jì),你也得考慮到”全面”到什么程度,通常新的網(wǎng)站設(shè)計(jì)風(fēng)格應(yīng)該類似于舊網(wǎng)站的設(shè) 計(jì)風(fēng)格。因?yàn)槿绻阒暗脑L客來到你的網(wǎng)站,被你的全新設(shè)計(jì)搞得認(rèn)不出”你”來,你大概不希望這樣。
    (注:這一點(diǎn)對(duì)于我來說不太適合,我就喜歡隔三差五的把博客從“A”變成”B”,因?yàn)槲矣X得這樣能給舊的訪客帶來新鮮感,但他們?nèi)匀恢肋@是我的博客。而 新訪客,他們并不知道我曾經(jīng)用過其它的設(shè)計(jì)。當(dāng)然,這一點(diǎn)也是博客和網(wǎng)站的區(qū)別。同時(shí),其它博客用戶尤其是Wordpress用戶適乎也不太適用于這一 點(diǎn),因?yàn)槌汕先f的漂亮的“皮”總是讓我們經(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ì)于你的新訪客說,可能有哪些地方不能準(zhǔn)確表達(dá)的原本想要傳達(dá)的意義?這就跟上面的正好相反,對(duì)于這些不太值得使用的設(shè)計(jì),你應(yīng)該最大程度的改良或丟掉它們。
    5 .誰是你的目標(biāo)用戶?

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

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

    對(duì)于一個(gè)網(wǎng)站來說,強(qiáng)大的功能應(yīng)用確實(shí)是一件好事。但如果花費(fèi)大量的時(shí)間堆砌一大堆無謂的所謂”高級(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)秀的 ”萬能logo”,也就是指那種能夠在任何網(wǎng)頁設(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è)萬能logo的最重要因素就是簡(jiǎn)單再簡(jiǎn)單!)

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

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

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

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

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

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

    P.S:有點(diǎn)臉紅,老帕我的博客有的時(shí)候載入甚至超過半分鐘,但那不是設(shè)計(jì)的原因,是因?yàn)橹鳈C(jī)有點(diǎn)爛,最近正在尋找高速的,可要在國外主機(jī)里面找個(gè)高速的,還真他媽不容易! 國內(nèi)?我寧可速度慢,也盡量不用國內(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ū)域來放置她的特點(diǎn)內(nèi)容,比如她寫的免費(fèi)電子書籍。顯然,對(duì)于她來說,這是她希望別人重點(diǎn)看到的內(nèi)容,同時(shí)也是很好的展示她自己的一個(gè)區(qū)域。
    (注:帕蘭總結(jié)-像突出廣告位那樣突出你的設(shè)計(jì)重點(diǎn)區(qū)域。)

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

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

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

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

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

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

    (注:比如,對(duì)于博客來說,你除了著重突出你的其它設(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)頁設(shè)計(jì)。很多的主題模式設(shè)計(jì)預(yù)先就安裝到系統(tǒng)里面。如果想要節(jié)省時(shí)間,CMS可能是一個(gè)很好的選擇。

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

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

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

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

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

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

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

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

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

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

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

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

    導(dǎo)航

    統(tǒng)計(jì)

    常用鏈接

    留言簿(6)

    隨筆分類(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
    主站蜘蛛池模板: 亚洲色图在线播放| 99爱在线精品免费观看| 国产成人在线免费观看| 亚洲一区二区三区播放在线| 18女人水真多免费高清毛片| 久久精品国产亚洲av麻豆| 久久一区二区三区免费| 国产亚洲免费的视频看| 免费国产叼嘿视频大全网站| 亚洲AV成人片色在线观看 | 亚洲一级二级三级不卡| 污网站在线观看免费| 波多野结衣中文字幕免费视频| 亚洲欧洲日韩综合| 青青草a免费线观a| 亚洲国产精品成人综合色在线| 免费一级毛片女人图片| 中国极品美軳免费观看| 亚洲国产高清视频| 无码国产精品久久一区免费| 亚洲AV性色在线观看| 免费成人av电影| 国产真人无码作爱免费视频 | 老司机亚洲精品影院无码| **一级毛片免费完整视| 亚洲男人的天堂网站| 亚洲国产成人精品无码久久久久久综合 | 皇色在线免费视频| 亚洲精品国产成人99久久| 野花高清在线观看免费3中文| 亚洲aⅴ无码专区在线观看春色| 精品国产亚洲一区二区在线观看| 免费视频一区二区| 亚洲色大成网站www永久网站| 亚洲精品岛国片在线观看| 91av在线免费视频| 国产一区二区三区亚洲综合 | 无码乱人伦一区二区亚洲一| 无码av免费毛片一区二区| 免费精品国产自产拍在线观看| 亚洲天堂视频在线观看|