網站制作下拉菜單時的注意事項

2014-12-30 分類：網站制作

廣州網站制作公司-廣州網站建設公司說說網站下拉菜單的性質，并分析應該或不應該使用它們的情況。我還將展示一些不好的例子，以幫助你進行設計。

01 避免長列表網站下拉

在表單中使用網站下拉菜單似乎很容易——它們在界面上不會占用太多空間，所有瀏覽器都支持它們，并且用戶對它們的了解也足夠多。但是，當選項超過15種時，用戶可能會不知所措，而他們也難以導航。

看到20多個未分類的選項可能會令人迷惑并且令人生畏，用戶很難找到他們想要的輸入；還會出現滾動問題，用戶必須將鼠標光標保持在網站下拉框中，否則，他們最終將向下滾動頁面。

長網站下拉列表最經典的示例是國家選擇器，通常有100多個選項。盡管通常按字母順序對其進行排序，但有時會將流行國家/地區放在頂部，這可能會使用戶感到困惑。

02 選項太少

另一方面，如果選項太少，那么網站下拉菜單將是一個糟糕的選擇，因為它通過隱藏可能已經暴露的信息而在用戶流中引入了不必要的摩擦。

更好的選擇是使用單選按鈕，該按鈕允許用戶立即掃描可用選項，而無需花費任何精力或精力。

03 禁用灰色選項

當某個選項被禁用或不可用時，應將其顯示為灰色，而不是將其刪除。如果刪除了禁用項，則界面將失去空間一致性，并使用戶更難學習——他們可能僅由于禁用項而無法找到某些選項。

04 避免打字速度更快時使用網站下拉菜單

在某些情況下，鍵入實際上可能比使用網站下拉菜單更快。一種典型的情況是輸入信用卡有效期。鍵入mm / yy絕對快得多，而不是從兩個網站下拉菜單（月和年）中滾動。

盡管使用自由格式的輸入字段確實需要某種形式的數據驗證，但從可用性的角度來看，它仍然是更好的選擇——因為它可以減少用戶的負擔。

05 避免過度使用

當某些數據或信息可以自動導出時，無需不斷詢問用戶的輸入。

這樣的示例之一就是在結帳過程中使用的“卡類型”字段，可以根據信用卡號的前幾個數字，確定卡的類型，因此要求用戶自己選擇卡的類型會產生額外的麻煩。

當可以在其他地方找到數據時，不要養成添加新輸入字段的習慣。

06 減少動作數量

可以根據所需信息自定義網站下拉菜單的菜單部分，以減少操作數量。

一個經典的例子是“日期選擇”字段，如果使用普通的列表菜單，則需要3個網站下拉菜單（月，日和年），這對于用戶來說很煩人。

更好的選擇是自定義菜單組件，以允許用戶選擇僅具有一個網站下拉菜單的輸入。

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站制作等

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容