Question: Im designing a long form on tablet. The form is made up of 5 case studies and 8 questions per case study so 40 questions.

The form is linear but users can choose to jump between sections (i.e. you dont have to fill in each question to get to the next)

My plan is to use LHN for case studies but to display each of the 8 questions on the page. My question is should i display questions all open (they can just scroll to see it) or do i show a collapse view as per image so users get an understanding of the form. 

The form is an interview form and users (interviews) will be reusing the same form for each interview[![enter image description here](https://i.stack.imgur.com/l0Hgv.png)](https://i.stack.imgur.com/l0Hgv.png)

Answer: 
> 
> as we wouldn't be able to see the other items
> 
> 
> 

This wouldn't be a good UX.

Give your users the big picture view. Use symbolic representation of the items: item titles, item pictures.
It would be best to include drag handles to indicate that an item can be dragged, unless the UI is familiar to your user and they all know to expect to be able to move an item around. Exception is if the item has any other click interaction possible on it, Then Drag handle becomes really useful to have (Think play music, spotify playlist etc)

As for reducing the size of the object on drag, that sounds like an idea that would work, Below is an example of this implemented in Google Drive. 

Could you provide a little bit more context to the problem you are trying to solve? There are all sorts of accessibility issues that Drag & Drop introduces and the problem and the type of users would determine the solution you should use. 

[![Drag & Drop resize](https://i.stack.imgur.com/GU5Po.gif)](https://i.stack.imgur.com/GU5Po.gif)