800元手機電腦做網站_設計網頁建設制作_優化推廣_濟寧網絡公司
當前位置:主頁 > 新聞資訊 > 建站知識 >

設計師如何做好網站的用戶體驗

發表日期:2018-08-20 15:39文章編輯:木易工作室瀏覽次數: 標簽:    

從用戶輸入網址、點擊按鈕或是從下拉列表中選擇一個條目到頁 面響應之間的延遲,會影響他們對網站的印象。100毫秒以內的延遲 用戶幾乎感覺不到,而100?300毫秒的延遲就會被明顯地察覺到。 300?1000毫秒的延遲會讓用戶感覺到計算機正在工作,但如果延遲 超過1000毫秒,用戶的心智就會開始切換到其他事情上去了,俗稱 溜號。
這些數字很重要,因為整體來說我們所設計的網站正包含越來越 豐富的內容:大量的動態元素、龐大的JavaScript文件、漂亮的動畫、 復雜的圖形等。你可能會關注于優化設計和布局,但這些都是以頁面 速度為代價的。有些響應式設計的網站會非常不負責任地使用大量用 來適配小屏幕所需的HTML標記和圖片,無意之中強迫用戶加載了 非必要的資源。
設計師在實現響應式Web設計的同時,已經決定了在不同的屏
幕尺寸中如何顯示內容。這些決定會顯著地影響頁面加載時間,而響 應式Web設計為在設計流程中考慮性能提供了一個非常好的契機。
回顧一下你近期的設計。你使用了多少不同的字號?用了多少圖 片?圖片多大,采用的是什么圖片格式?你的設計對HTML標記和 CSS的結構有何影響?
設計師的決策通常決定了網站建設的其他方面。在設計初始階段 需要做出以下決策。
顏色和漸變,影響圖片格式的選擇,是否需要透明度,需要 創建多少CSS精靈圖,以及需要使用多少CSS3屬性。
布局,影響HTML結構、類和ID名稱、設計模式的復用能 力以及CSS的組織形式。
字體,影響包含的字體文件的大小和數量。
設計模式,影響可以在整個網站中復用和緩存的內容,資源 何時以及如何加載,以及未來設計師和開發者進行修改的難易程 度。
這些決策通常在產品流程的初始階段就確定下來了,因此對最終 的頁面加載時間有很大的影響。下面通過例子來說明。假設我們有一 個標志,想要疊加在div上并有淡藍色的背景,如圖1-3所示。
設計師如何做好網站的用戶體驗
 
透明和疊加的需求會影響圖片文件的類型和大小。如果設計師在 設計階段考慮頁面加載時間,會思考以下問題:"如果我將圖片輸出 為沒有透明度的JPEG或PNG-8格式將會如何?如果我在PNG-8文 件中使用亞光的淡藍色將會如何?這對性能將有何影響? 〃我們可以 測試一下,看看輸出為JPEG和PNG-8版本的文件大小,如圖1-4 至圖1-7所不。
設計師如何做好網站的用戶體驗
設計師如何做好網站的用戶體驗
設計師如何做好網站的用戶體驗
 
在測試中我們發現,純色背景和透明度會導致不同格式的文件大 小不一。在第3章中我們將會介紹更多關于圖片優化的內容,以及 不同選擇之間的優劣。
我們有一個良好的契機來嘗試潛在的性能優勢,度量不同的設計 選擇對性能的影響。在第3章中,我們將介紹如何選擇和壓縮各種 圖片格式,第6章中我們會介紹如何在時刻記住頁面加載時間的前 提下,在設計過程中進行性能的度量并迭代。
新設計和重新設計的網站,其性能都會被這些決策所影響。每一 個已經存在的網站都可以進行優化并測試性能。曾經有一個網站,我 通過清除非必需的CSS、優化圖片、顏色標準化和重新認真地組織 網站模板中的資源,將加載時間減少到原來的一半。我通過著重減少 冗余的HTML和CSS來減小HTML、CSS和圖片文件的體積,而不 是重新設計整個網站。
即使你的工作職位并不包含設計師這個字眼,如果你負責網站的 視覺和體驗的決策工作,你的決策就會直接影響網站的性能。性能是 大家共同的責任,團隊中的每一個人都會影響性能。在做設計決策時 考慮性能將對用戶產生非常重要的影響。平衡視覺美感和性能在設計 流程中應該是首要的任務,在第7章中會介紹相關內容。這同時也 是組織內各部門進行合作的一個好機會,設計師和開發人員協同工作 來創造非凡的用戶體驗。
相關新聞

濟寧做網站一般多少錢 聯系方式如何找

一個網站包含域名、空間、網站程序。域名,空間可以直接購買,一年就幾百塊錢,做網站貴...

日期:2019-03-06 瀏覽次數:146

濟寧網站建設前的備案如何做

濟寧網站建設前為什么必須要備案。 網站建設不一定非要備案,不過如果想選擇國內服務器,...

日期:2019-03-06 瀏覽次數:107

濟寧整站優化的網站如何建設

但很多人只知道有網站優化這么一說,對網站優化的好處并不清楚。本文就將具體說一下網站...

日期:2019-02-14 瀏覽次數:182

臺兒莊建網站如何從布局方面尋求突破

如今企業不管是真的要發展互聯網還是跟風建網站,都在使網站在日益增多,隨便做點什么小...

日期:2018-09-11 瀏覽次數:66

當薛城網站建設完畢交給用戶手中 用戶該如何做

樓下有一個幼兒園,每天都能看到家長領著孩子,幼兒園老師門口接孩子,有的孩子很乖,和...

日期:2018-09-11 瀏覽次數:107

如何做梁山網站推廣達到好的效果 以下幾點要重

當企業或者個人的網站建成之后,要想增加知名度就要想方設法的讓別人去認識你,不是把網...

日期:2018-09-07 瀏覽次數:126

拳皇98APP 顶呱刮西游记 热门棋牌游戏代理加盟免费 足彩15090期赔率分析 cba排名东西部 福建22选5图表 天津快乐10分开奖 冰球突破手机版下载 ios全民飞机大战刷钱 斗破苍穹免费下载 梦幻诛仙电影在哪能看 网购彩票 篮球胜分差啥意思 bb幸运熊猫三门技巧正确玩法 时时彩走势图彩 全民突击佣兵进阶 门兴vs弗赖堡比分