Is this rotating cube interface user-friendly?

  • I'm working on a prototype for an innovative form interface, where different parts of the form are shown on different sides of a cube. The cube rotates, and the user can fill it out as the cube spins. Here is a working example:

    enter image description here

    To me, it seems like a pretty robust solution to our problem (i.e., before, our forms took up too much space on the page and were extremely boring), and it feels pretty usable to me, but this approach may have some user-experience problems I don't know about.

    Does this seem like a user-friendly model? If not, what can I do to improve it?

    You are trolling. You've gotta be trolling. Please tell me you're trolling.

    It's silly and hardly innovative.

    I think this works pretty well. However, you might consider switching to Arial to improve readability. Right-aligning labels is good too--but a matter of preference.

    Here's the long answer: no.

    I almost feel like killing someone now. I've been filled with rage all of a sudden with this.

    It needs some flashing text and a Nyan Cat.

    "You are trolling. You've gotta be trolling. Please tell me you're trolling" I read this somewhere last year. I think it might have been in a dream. Fck! it was a premonition to the green cube!

    Look at the bright side: if we've reached the point where people start trolling our community with funny questions, then I think we've achieved something. Don't you? Pat yourselves on the back, we're getting there!

    If you could make it stop spinning, give me the ability to rotate it (arrow on each side where I want it to rotate), then it can be a unique experience.

    It's a really nice tech demo, but horrible for usability.

    Give the user the ability to spin the cube. If it moves, it's hard to write in it.

    I doubt it's very user friendly but it looks awesome!

    This is so great. I feel deeply moved. Keep up the good work!

    I wish the combobox popup hung realistically off the cube like a tongue :P

    @Curt, Yeah, that part didn't work as well as I had hoped. I also tried putting a video on it, but it didn't really work either.

    > If not, what can I do to improve it? Add a QR code.

    Half-Serious answer: It renders horribly in Safari (some of the faces of the cube tear and shift out of alignment). The lousy rendering ruined it for me - You need to make sure your jokes work in a wider range of browsers for an optimal user experience.

    Seems that admins are closing a lot of the tongue-in-cheek answers. If so, then I suggest closing the entire thread. No reason to keep a tongue-in-cheek question if we can't in turn offer up tongue-in-cheek answers.

    Those answers have just been moved up as a comment instead, because they were not really meaty answers, as usual practice goes. There are plenty other tongue in cheekers in the lot.

    Make it responsive (it's not web design if it's not responsive) and let me control it with the accelerometer.

    Oh god it's GeoCities in 3D!

    I can't select something from the drop down list in Chrome.

    I can't believe that this is considered an interface.

    Wow, thanks for making me squeal like a girl. (Suppressing nearly-insane amounts of laughter does that.)

    You may want to fix this little bug. Also, the text sometimes goes "off" the cube. You could fix this by making the cube better. Remember: **BIGGER IS BETTER!**

  • I filled in the form with some mainly dummy data (see below) as I know you said this was just a working example. My only real concern with this whole design is that the input fields do not accept input unless that face of the cube is actually visible. I think that would be annoying for most users to be typing into an input field they cannot see and then discover that when that face comes round again that that field has lost all the stuff you typed.

    Luke Wroblewski has some great info on his site with respect to signup forms and it's worth taking a look in order to fine tune the layout. I noticed the street address details were all on one line, and I'd suggest splitting up at least into street and zipcode or postcode, with another optional field for more complex addresses. Check this article on UXMatters for dealing with international addresses in forms.

    I'd consider whether you really need to get the social security number at first sign up. If it's definitely required, then I'd suggest giving some inline help as to why it's needed as some users can be a bit funny about that sort of detail. If possible consider obtaining information via gradual engagement.

    I'd probably choose a less vivid green, as it's a bit offputting, and change the red text to a different colour. You can use the Colorblind Web Page Filter in order to see how it looks to colour blind users. Don't be afraid to use more colours - but not too many! Smashing Magazine have a 3 part article on colour theory.

    I think the whole concept has a lot going for it and once the main UX issues have been ironed out it's going to look pretty slick. I think users will love the novelty of it. Sign up forms are so dull these days. This article on A List Apart about why sign up forms must die (again by Luke Wroblewski) is spot on. I think this example might just bang the final nail in the coffin of sign-ups, so good luck with it!

    enter image description here

    Roger, you are one hardcore MF.

    If the community can rally together and fight off the trolls, please enjoy your well-deserved Reversal badge.

    Just, if you're going to stick with this.. Make sure there is a very easy way to NOT use the cube.

    Red and green = headache.

    @Rahul I'd flag you, but I upvoted you already!

    @dpatchery Doesn't reversal require the question to have at least five downvotes? ;)

    @Peter That's great news! I feel much more comfortable using the *cubiform* (as I shall call it) now that I know my typing won't be lost and that I can also tab to the next item and start typing - assuming I remembered what the order of the inputs were. Perhaps audio cues would help with that! "Name" - "Address" - etc

    @PeterOlson Hence my "fight off the trolls" comment. I was expecting the downvotes to soon overwhelm the upvotes, but apparently I was horribly, horribly wrong :P

License under CC-BY-SA with attribution

Content dated before 7/24/2021 11:53 AM

Tags used