Web Radio Buttons Layout
研究了一下 radio buttons 該怎麼排比較好:
- Should radio options be displayed vertically or horizontally?
- Yes/No radio buttons: Vertical or horizontal
- Multiple choice forms with radio: Should the choices be arranged horizontally, vertically, or in a square?
個人結論:垂直排列會是比較好的作法,水平排列相對會有些問題:
- 寬度限制,即使原本放得進去,翻譯之後就不一定了,如果要支持多國語言的話。
- 數量一多的話,會較為雜亂,除非 space 間隔有設好。
不過在一些情況下,水平排列還是 OK 的:
- 二選一的情況,左右排列看起來反而會比較清楚。
- 星期幾的選擇,這個還滿特別的,想起來好像真的很少看到垂直排列的。
comments powered by Disqus