I am working on a tool for conducting surveys through the web. One of the most common question types is represented with a table, where the column and row headers form the question, and the rest of the cells are the answers.
For example, imagine the following questions:
- Do you think David Beckham is famous for being an architect?
- Do you think David Beckham is famous for being an artist?
- Do you think David Beckham is famous for being an athlete?
- Do you think Westlife is famous for being an architect?
They are usually grouped and asked together in a table like this:
live example: http://www.surveymonkey.com/s/Z6TDKDZ
I would like your advice on how to make this question on a mobile device, or just a desktop device with a small screen. As it is right now, the table is unusable because it requires a lot of scrolling and the headers go off the screen.
Some ideas I already had but I am not 100% convinced:
- Just ask a lot of yes/no questions, like the first example. This works, but can be very painful for the person who is responding.
- Repeat the table headers (first row/column) every now and then, so that the information about the question is near to the place to respond. This makes the table even bigger and could result confusing, especially for the users with a large screen.
- Freeze the headers (first row/column), so that when the user scrolls the table the headers remain in place. I think this is the best option, but I fear that it will be a difficult programming task and maybe it is not displayed correctly in some browsers.