I am working on redesigning the UI for a Web app that registers users for something work-related (so my audience is captive). One of the main reasons for the redesign is to make it mobile-friendly; I need it to work on smartphones and tablets, as well as desktops.
The place I am stuck is secondary navigation. The registration form is currently in multiple steps, but some are quite lengthy (30+ inputs on one page), so I am planning to break it up into more steps. The old version has breadcrumbs at the top as the user steps through the form, allowing navigation back to pages you have already completed, but not forward.
One advantage to the breadcrumb approach that I don't want to lose is giving the user that sense of where they are in the process. I am concerned that the increased number of screens will make the list of steps too long. I am also concerned about the use of breadcrumbs for mobile devices, especially touchscreens.
Are breadcrumbs still a valid option? Do they make sense in a mobile/touch screen arena at all? If not, what other options do make sense?
EDIT - Here is the first draft of my solution: