Hacker News Reader

Just out of curiosity, do you have a design for a complex responsive form? For example, how would you go about designing a form that have, say, 40 feilds such as text boxes, dropdown lists, date and time picker, file upload fields, radio buttons, check boxes, tables etc that works on both desktop and mobile browsers?

View on HN

There is similar stuff to what you described in the next few hundred designs that will be uploaded. I think those 40 fields should be segmented and grouped based on relevance. It is quite scary as a user to be bombarded with so many inputs at once. The task of filling them all out gives them anxiety. Try to auto-fill whatever you have access to, try to segment as much as possible, and if you have the possibility break it down to smaller steps. If you can, show them progress and encourage them along the way. I hope that helps!

Thank you for the insightful reply!

Declarative techniques for doing such make rocket science look easy. It's probably better to develop separately for small/mobile versus desktop. It's too hard to make both happy at the same time via client-side re-flow. Even the big vendors struggle, such as Outlook for mobile. It's terrible on phones because it tries to carry over big-screen idioms to phone. Sure, there may be a UI genius who can pull it off, but they seem to be rare.

Make tools for muggles (mortals) instead.

Reply on news.ycombinator.com