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.

innovationm-ux-pattern-select-data3 innovationm-ux-pattern-select-data2 innovationm-ux-pattern-select-data1

 

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.

innovationm-slider-drawer-pattern

 

 

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.