現(xiàn)在的網(wǎng)站已經(jīng)不單單只是產(chǎn)品或者商業(yè)服務(wù)的展示，它要求網(wǎng)站設(shè)計(jì)者站在用戶的角度來(lái)考慮網(wǎng)站的布局等等。不論是百度還是谷歌都要求用戶體驗(yàn)，這不僅僅是為了用戶的良好體驗(yàn)選擇還是為了自身的商業(yè)利益。要想獲得雙贏結(jié)果，網(wǎng)站就必須盡量貼合當(dāng)前最火熱話題—用戶體驗(yàn)。今天筆者小丹要和大家分享的這篇外文譯文就是關(guān)于網(wǎng)站修正設(shè)計(jì)問(wèn)題的，它會(huì)告訴你現(xiàn)在的網(wǎng)絡(luò)更新怎樣的網(wǎng)站。

    近年來(lái)最重要的網(wǎng)站的重新設(shè)計(jì)，這個(gè)新設(shè)計(jì)的主要目的是提高你的閱讀和整體體驗(yàn)。

    新修正網(wǎng)站突出了相當(dāng)多的設(shè)計(jì)、網(wǎng)絡(luò)性能和功能問(wèn)題需要解決，但總體設(shè)計(jì)應(yīng)該大大提高你的經(jīng)驗(yàn)。下面我們將簡(jiǎn)要介紹一些設(shè)計(jì)改進(jìn)的新版本。

    首先是響應(yīng)設(shè)計(jì)。Six Revisions讀者與他們的移動(dòng)設(shè)備訪問(wèn)站點(diǎn)的用戶將會(huì)很高興知道，網(wǎng)站現(xiàn)在為他們提供一個(gè)更好的閱讀體驗(yàn)。一個(gè)快速檢查谷歌PageSpeed見(jiàn)解沒(méi)有移動(dòng)用戶體驗(yàn)問(wèn)題。（但是，我仍然需要工作在移動(dòng)和桌面頁(yè)面速度提升整個(gè)網(wǎng)站以及增強(qiáng)超越PageSpeed見(jiàn)解建議。）

    處理包裹在嵌入式代碼示例（內(nèi)容 <pre>元素）與寬線長(zhǎng)度是一個(gè)棘手的設(shè)計(jì)挑戰(zhàn)。我探討一些解決方案：水平滾動(dòng)條在代碼示例，比本地設(shè)備寬度寬或使長(zhǎng)隊(duì)包裝下一行。最后，我選擇了后者解決因?yàn)樗綕L動(dòng)（左、右劃動(dòng)）智能手機(jī)太破壞閱讀流。

    然后是改善可讀性。舊的網(wǎng)頁(yè)設(shè)計(jì)是審美過(guò)時(shí)，這是笨拙的。它壞了在很多領(lǐng)域在很多方面。最重要的是在你的閱讀體驗(yàn)。新的設(shè)計(jì)優(yōu)化提出六個(gè)修訂內(nèi)容的最好方法，這樣我們作者的辛勤工作不再是被用戶體驗(yàn)黯然失色，可用性和可讀性問(wèn)題由以前的設(shè)計(jì)。新的UI是干凈和簡(jiǎn)單的，目的是補(bǔ)充你的閱讀體驗(yàn)的目的而不是一個(gè)焦點(diǎn)。提高可讀性除此之外，涉及大量的時(shí)間和精力給設(shè)計(jì)、評(píng)估和測(cè)試設(shè)計(jì)的字體。

    主web字體用于Six Revisions Lato版本2，一個(gè)非常清晰和愉快地閱讀字體設(shè)計(jì)的盧卡斯Dziedzic。18個(gè)變種和有3000個(gè)符號(hào)，使其靈活和健壯的字體，可以處理舊，當(dāng)前和未來(lái)六個(gè)修訂內(nèi)容。

    代碼示例是出版的一個(gè)重要組成部分，服務(wù)于專業(yè)的開(kāi)發(fā)人員和web設(shè)計(jì)人員。目前嵌入式代碼示例使用的字體是我最之一最喜歡編程的字體，源代碼職業(yè)。它能夠很好地處理主體字體，它只是華麗的，異常清晰，使得閱讀代碼更愉快的體驗(yàn)。

    網(wǎng)站的排版仍然需要完善和調(diào)整，所以這個(gè)地區(qū)是一項(xiàng)正在進(jìn)行中的工作。

    再來(lái)就是改善網(wǎng)站的適航性。舊的UI的一個(gè)主要問(wèn)題是很難導(dǎo)航到你可能感興趣的內(nèi)容。適航性是一個(gè)特性旨在改善網(wǎng)站固定導(dǎo)航欄我們的網(wǎng)頁(yè)上。這允許您將整個(gè)網(wǎng)站容易無(wú)需滾動(dòng)到頁(yè)面的頂部。滾動(dòng)回頁(yè)面的頂部導(dǎo)航網(wǎng)站在舊的設(shè)計(jì)特別棘手，因?yàn)镾ix Revisions出版長(zhǎng)篇文章。在未來(lái)，這個(gè)導(dǎo)航欄將顯示上下文導(dǎo)航項(xiàng)和信息基于你在哪里在網(wǎng)站上幫你發(fā)現(xiàn)你可能感興趣的其他文章和教程。

    我們修正過(guò)程中修建更多內(nèi)容的接口，將使我們的身體更容易導(dǎo)航。例如我正在開(kāi)發(fā)一個(gè)接口，使其易于管理查看50到100修改文章在一個(gè)web頁(yè)面來(lái)減少所需的時(shí)間和工作過(guò)渡到另一個(gè)頁(yè)面。現(xiàn)在的關(guān)鍵問(wèn)題是，這個(gè)網(wǎng)站搜索功能不顯示搜索結(jié)果。這是一個(gè)高優(yōu)先級(jí)的缺陷。

    最重要的是更好的用戶體驗(yàn)。我的一個(gè)主要目標(biāo)是改善你的能力與Six Revisions社區(qū)的其他成員進(jìn)行交互。我實(shí)現(xiàn)這一目標(biāo)的第一個(gè)步驟是使多層次的評(píng)論，這樣我們都可以在評(píng)論中有更好的交流。六個(gè)修正我的愿望是成為一個(gè)場(chǎng)地，人們來(lái)自世界各地的開(kāi)發(fā)和設(shè)計(jì)感興趣聚在一起談?wù)摰脑掝}我們充滿激情。我將介紹一個(gè)功能，允許您和其他六人在網(wǎng)站上查看評(píng)論歷史。我在考慮實(shí)現(xiàn)另一個(gè)特性是社會(huì)投票在評(píng)論部分，社區(qū)可以決定哪些評(píng)論其他讀者應(yīng)該注意。

    我們也會(huì)發(fā)展鼓勵(lì)讀者參與的討論給人定期分享重要信息，進(jìn)行有意義的對(duì)話特別的化身，一對(duì)一的討論就好等等?，F(xiàn)在功能被禁用web性能問(wèn)題。

    本次網(wǎng)站修正設(shè)計(jì)的核心主題我們將覆蓋形式的教程、文章、指南、和其他形式的內(nèi)容：

    1、前端開(kāi)發(fā)包括HTML、CSS、JS、一般的web開(kāi)發(fā)，網(wǎng)絡(luò)性能優(yōu)化，CMS發(fā)展；

    2、網(wǎng)站、移動(dòng)、應(yīng)用程序、用戶界面設(shè)計(jì)；

    3、用戶體驗(yàn)，可用性、是現(xiàn)代設(shè)計(jì)和開(kāi)發(fā)標(biāo)準(zhǔn)和最佳實(shí)踐、工具、技術(shù)和技術(shù)其他開(kāi)發(fā)人員和設(shè)計(jì)人員關(guān)心的話題也會(huì)偶爾被覆蓋。這些包括項(xiàng)目和業(yè)務(wù)管理、內(nèi)容策略、搜索引擎優(yōu)化、總體設(shè)計(jì)和代碼的理論。

    除此之外對(duì)于網(wǎng)絡(luò)性能優(yōu)化，CSS選擇器和媒體需要優(yōu)化查詢，需要結(jié)合JS和CSS文件并壓縮，Six Revisions的平均網(wǎng)頁(yè)文件大小必須減少，web字體必須搬到我們的CDN減少DNS查找等。當(dāng)解決“容易”網(wǎng)絡(luò)性能問(wèn)題，我將會(huì)更先進(jìn)WPO改進(jìn)，比如使用內(nèi)聯(lián)CSS，因此只有樣式規(guī)則需要呈現(xiàn)的頁(yè)面將包含在請(qǐng)求。且，HTTP模塊化樣式表使連續(xù)的網(wǎng)站開(kāi)發(fā)變得更容易

    (轉(zhuǎn)載請(qǐng)注明轉(zhuǎn)自：mjyil.cn/news/n1638.htm，謝謝!珍惜別人的勞動(dòng)成果，就是在尊重自己!）