<pre id="bbfd9"><del id="bbfd9"><dfn id="bbfd9"></dfn></del></pre>

          <ruby id="bbfd9"></ruby><p id="bbfd9"><mark id="bbfd9"></mark></p>

          <p id="bbfd9"></p>

          <p id="bbfd9"><cite id="bbfd9"></cite></p>

            <th id="bbfd9"><form id="bbfd9"><dl id="bbfd9"></dl></form></th>

            <p id="bbfd9"><cite id="bbfd9"></cite></p><p id="bbfd9"></p>
            <p id="bbfd9"><cite id="bbfd9"><progress id="bbfd9"></progress></cite></p>
            網頁設計

            網頁設計與用戶體驗

            時間:2025-02-14 13:31:13 網頁設計 我要投稿
            • 相關推薦

            網頁設計與用戶體驗

              導語:什么樣的網頁才是好的網頁?對此,任何簡單的定論都是不負責任的,但我還是想從我的角度談談網頁編寫時一些涉及到用戶體驗的地方。

              (1)是否遵循逐步退化理論?

              在設計網站的時候,我同時在IE和FIREFOX上做測試,一來是考慮到瀏覽器的兼容性(IE與FireFox采用不同的解釋器),二來則是由于火狐關閉JavaScript非常容易,我可以方便地測試網站在沒有JS支持情況下的運轉情況,因為在某些地方,JS確實是禁止打開的。根據退化理論,你的網頁要在沒有JS或VB腳本支持的情況下能夠正常運轉,只是用戶在一些體驗方便會不可避免地受到些損失。如果某些功能確實依賴于腳本,我并不反對使用noscript>標簽,雖然它并不包括在W3C標準里面,但我覺得,至少應該告訴用戶哪些功能是不能使用的。這其實也正是DHTML所犯的一個錯誤,為了一種動態技術而去犧牲掉那些不能使用腳本的用戶。

              另一點需要清楚的是,不但JAVA腳本可能不被支持,CSS也可能不被支持。對此我們該如何呢?首先,我并不贊成回到標簽布局的時代,其缺點不再贅述,那么下一點就被引出來了。

              (2)是否充分使用語義化標簽?

              語義化標簽是現代HTML作為網頁結構描述的一個顯著特征,這些標簽被稱作語義化標簽,因為他們指明了特定文字在網頁中的作用于地位,讓網頁富有層次感,更重要的是,在沒有CSS的時候,他們的默認格式依然可以告訴用戶網站的層次關系,雖然也許并不美觀,但這符合退化理論,要比一層層的DIV嵌套好多了。事實上,屏幕閱讀器也喜歡這樣的網頁。

              (3)網頁是否足夠簡潔

              這一點上也許不同的人會有不同的意見,但可以去看一看西方的網頁設計等等,都是以文字內容為主體的。當然,也會有一些比較花哨的網站,但我覺得,心理要時刻記住,用戶來到網站的目的是獲取信息,而不是欣賞你的前端技術,好的前端技術應該讓用戶感覺不到它的存在卻幫助用戶更好地處理信息。所以,檢測你的頁面是否有過多的不必要的裝飾圖片與JAVA腳本,最后,盡量少用FLASH,因為并不是所有瀏覽器都支持FLASH。這樣對網頁加載速度也是有好處的。當然,如果圖片確實太多,那么,是不是可以考慮CSS-SPRITE等技術。

            【網頁設計與用戶體驗】相關文章:

            用戶體驗式網頁制作方法01-25

            用戶都喜歡的網頁設計技巧01-16

            吸引用戶的網頁設計技巧07-03

            10個優化網頁用戶界面網頁設計的規則01-22

            網頁設計和用戶界面設計漫談06-19

            網頁設計新思路故事吸引用戶07-28

            網頁設計最能吸引用戶的表達方式06-02

            網頁首圖如何設計才抓住用戶05-15

            網頁設計的標題吸引用戶的5個方法06-01

                    <pre id="bbfd9"><del id="bbfd9"><dfn id="bbfd9"></dfn></del></pre>

                    <ruby id="bbfd9"></ruby><p id="bbfd9"><mark id="bbfd9"></mark></p>

                    <p id="bbfd9"></p>

                    <p id="bbfd9"><cite id="bbfd9"></cite></p>

                      <th id="bbfd9"><form id="bbfd9"><dl id="bbfd9"></dl></form></th>

                      <p id="bbfd9"><cite id="bbfd9"></cite></p><p id="bbfd9"></p>
                      <p id="bbfd9"><cite id="bbfd9"><progress id="bbfd9"></progress></cite></p>
                      飘沙影院