• <rp id="hh2a9"></rp>
      <dd id="hh2a9"><noscript id="hh2a9"></noscript></dd>

        <em id="hh2a9"></em><button id="hh2a9"><object id="hh2a9"></object></button>
      1. <em id="hh2a9"><ruby id="hh2a9"><input id="hh2a9"></input></ruby></em>
        
        

      2. <span id="hh2a9"><pre id="hh2a9"></pre></span>
        您好,歡迎來到滁州鑫澤信息科技有限公司官網!
        網站優化百度優化 ) |   網站建設   |   聯系我們

        0550-3088832

        您的位置:首頁 > 新聞資訊 > 推廣資訊

        為什么你的網站輪播圖起不到作用?

        發布日期:2023-06-20 瀏覽次數:105

        輪播是一種UX組件,以類似于幻燈片的方式顯示內容。輪播可以由用戶“自動播放”或手動導航。盡管輪播可以在其他地方使用,但是輪播通常用于在Shou頁上顯示圖片,產品和促銷信息。輪播應該以易于瀏覽和閱讀的方式推進您的業務目標并呈現內容,以下是我們總結出輪播圖的幾個設計原則:


        提供突出的導航控件


        輪播導航控件應易于點擊且高度可見。這是很少做的事情,大多數輪播的導航控件既小又微妙。請記住,單一顏色或樣式的導航控件在所有情況下都很少起作用。例如,在深色背景下清晰可見的箭頭在淺色背景下可能很難看到。


        顯示導航進度


        輪播導航控件應提供有關幻燈片總數以及用戶在幻燈片中的進度的上下文。此信息使用戶可以更輕松地導航到特定幻燈片并了解已經查看了哪些內容。在某些情況下,提供即將到來的內容的預覽(無論是下一張幻燈片的摘錄還是縮略圖列表)也可能會有所幫助并增加參與度。


        支持移動手勢


        在移動設備上,除傳統的導航控件(如屏幕按鈕)外,還應支持滑動手勢。


        提供備用導航路徑


        由于大多數用戶不太可能會使用所有輪播內容,因此應該從其他導航路徑訪問輪播幻燈片鏈接到的內容。


        不要使用自動播放


        自動播放的使用產生了兩個幾乎矛盾的問題:屏幕動畫傾向于分散用戶的注意力并使眼睛遠離更重要的內容;同時,由于用戶經常將動畫與廣告相關聯,因此他們將忽略自動播放的輪播。因此,自動播放是一個不錯的選擇,這種情況很少見。如果內容很重要,則不使用自動播放功能可以*大程度地提高其曝光率;如果輪播的內容不重要,則使用自動播放會減損更重要的內容。此外,自動播放轉盤可能難以閱讀(也很煩人)。人們以不同的速度閱讀,因此很少有輪播在“正確”的時間為不同的用戶持續轉換。理想情況下,幻燈片導航應由用戶通過導航控件控制。如果必須使用自動播放,則應在用戶懸停時禁用自動播放。此外,幻燈片轉換率應考慮到幻燈片內容-幻燈片包含的文本越多,則在屏幕上顯示的時間就越長。


        將文字和圖片分開


        輪播文本內容通常被“烘焙”到相應的圖像文件中,而不是使用HTML標記單獨顯示。這種方法不利于可訪問性,本地化和壓縮率。它還鼓勵采用一種Wan能的方法來進行資產創建。但是,相同的圖像和文本格式很少能在臺式機和移動格式中以相同的方式讀取。


        你覺得這篇文章怎么樣?

        0 0
        標簽:全部
         更多
        網友評論

        管理員

        該內容暫無評論

        北美地區網友
        查看更多 >>

        推薦新聞

        亚洲va成无码人在线观看|一个人看的www免费高清视频日本|欧美乱子伦video|国产精品第12页五月天激情小说
      3. <rp id="hh2a9"></rp>
          <dd id="hh2a9"><noscript id="hh2a9"></noscript></dd>

            <em id="hh2a9"></em><button id="hh2a9"><object id="hh2a9"></object></button>
          1. <em id="hh2a9"><ruby id="hh2a9"><input id="hh2a9"></input></ruby></em>
            
            

          2. <span id="hh2a9"><pre id="hh2a9"></pre></span>
            <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>