UI Design
Application Help
Showing Help to the user on how to use the application. This application provides an option on the Home screen to view the main features of the application. See screenshots below:
Sliding Effect (Parent partially visible)
In this example, operator has to be selected. User taps on the field and the screen moves / slides to the left to give space to show the list.
Good points:
– Parent screen is visible. Very good from UX perspective that user still knows the context where it started from. Makes user more confident in what he is doing.
Improvements:
– Parent field name is not visible. It can be made visible and also that field should be highlighted telling user as to for which field he is selecting the data.
Slider Drawer Pattern
In this pattern, small handle or hook is provided on the screen to let the user open. User uses the handle to open a screen. This screen is the Home Screen that carries navigations points to other places / functionalities in the app.
Example – In the screens above, there is a small handle at the bottom (highlighted in red). User slides it to open the drawer and the home screen appears.