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

    近年來最重要的網(wǎng)站的重新設(shè)計，這個新設(shè)計的主要目的是提高你的閱讀和整體體驗。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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