中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

在做表單設計時，究竟該選用哪種控件，只要是根據情況而定的，無論哪種選擇都有其優缺點，這就要結合選項數目、空間大小等因素，選擇一種形式，可以最大程度的方便用戶使用。

表單是頁面設計最重要的一部分內容，好的表單可以幫助人們快速填寫，反之，會讓用戶直接點擊關閉按鈕。表單通常包含了：文本框、密碼框、多行文本框、復選框、單選框、下拉選擇框和按鈕等。最近，天天和表單打交道，特別是單項選擇，所以就寫下這篇文章來深入思考一下，單選選擇場景該怎么做交互設計。

單項選擇這個場景目前有幾種交互形式可以滿足：單選框、開關、下拉選擇框、彈出框。

一、單選框

• 形式：將所有選項都列出來，每個選項前面添加單選框，選項之間互斥。
• 優勢：選項全部都列出來，方便用戶查看對比。
• 劣勢：占用空間大。
• 使用場景：通常選項少于7個，每個選項的重要性一樣，用戶需要進行對比才能選擇。
• 注意事項：

1、點擊范圍

作為單選選項，在用戶使用的時候，最重要的就是點選上。點選范圍決定著用戶是否可以輕松選擇上。有的時候，設計師通常會忽略這一點。像上圖所顯示的，第一種情況對用戶來講就很好點，第三種就相當難選擇。所以，在設計單選的時候，需要把點選范圍盡量做大。但是，還需要注意一點，就是不能影響其它選項，如下圖所示的，用戶的點選不會非常精確，明明想選擇選項二的，結果選擇了一。

2、排列形式

通常選項是平鋪開來的，但是必須要注意距離，就像上圖顯示的，讓用戶很難判斷出是選擇的一還是二，尤其選項多的時候，就更需要注意。

二、開關

• 形式：只有兩個選擇，通常就是開與關。
• 優勢：操作時體現了狀態，然后可以很明顯的表示所處狀態。
• 劣勢：只有兩個選項，并且是對立的，使用情況受限。
• 使用場景：通常表示一個功能的開啟或者關閉。
• 注意事項：

1、開關狀態一定要明確

上圖的這兩種狀態都是存在的。第一種，漢字表示按鈕移過去會是什么狀態，給用戶心理預期；第二種，漢字表示的是當前的狀態。如果去掉顏色，就是完全相反的兩種情況。當用戶看見這兩種按鈕的時候，也需要仔細的分辨。

像蘋果手機做的就比較好，去掉了開關的文字，完全通過視覺狀態告訴用戶目前的狀態。不會出現認知偏差。

三、下拉選擇框

• 形式：采用下拉框的形式，點擊下拉后，顯示選項，可以將點擊率高的選項放在前面，方便選擇。
• 優勢：占用空間小，在展開所有選項后，可以按重要程度排列。
• 劣勢：不點擊下拉，用戶不知道選項都有什么，不方便比較。
• 使用場景：選項多余5個，在20個以下，選項之間比較程度低，用戶很清楚自己需要選擇什么。
• 注意事項：

1、選項長度差別大

在下拉選項中，如果選項長度都差不多，那就比較容易設計，但是如果選項長度差別很大，就很煩人。選項雖然可以實現折行設計，但是通常下拉框里的選項沒有分隔線，只是靠距離來分隔，如果折行，就需要增加分隔線，否則就不能區分折行選項。所以在設計的時候，盡量還是讓選項一行顯示，以最長的選項為基準設計下拉框的寬度。如下圖所示。

四、彈出框

• 形式：以彈出框的形式展示，在彈出框里面，除了選項以外，還有其它輔助控件。
• 優勢：可以有篩選控件，幫助選擇。選項內容可以非常多。
• 劣勢：彈出頁面，增加了等待時間，增加用戶的操作步驟。
• 使用場景：選項非常多，一般多余20個，需要篩選控件輔助。

在做表單設計時，究竟該選用哪種控件，只要是根據情況而定的，無論哪種選擇都有其優缺點，這就要結合選項數目、空間大小等因素，選擇一種形式，可以最大程度的方便用戶使用。

本文由 @設計Zan 原創發布于人人都是產品經理。未經許可，禁止轉載。