Saturday, November 5, 2016

mobile - What is the best approach to labelling text input fields on smartphone application forms?


Platform: iOS. Must be able to run on all (probably most) iphone devices.


As part of a smartphone application design, I am currently designing an "event creation" form, originally implemented in a web form.


The web form has 5 steps (which I am trying to reduce as much as possible).


One particular step (illustrated here as step 3) requires the user to create an event. Due to screen real-estate being low, I am looking at different ways to present the form fields.


Attached are two quick designs I have started with.


Design A: I have used text input field with the descriptive text inside the field.


The required fields are red. I may change this as I am not 100% happy with this. This is another question that I need to answer.


Design B: I have also shown Design A with no red required fields.



Design C: I have placed the descriptive text above the input field.


My personal opinion is that, comparing designs A and C, design A is much clearer and easier to read than design C. enter image description here However, I'd like some criticism as to both designs.


NB: This is step 3. Both screens in the designs are showing Step 3, even though there are two screens in the step.




No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...