Write your screens, get to the design layout

Writing screens is a way of designing that didn't come in handy to me, I saw Harish Bhai using this technique while explaining communication/ information structures.
What he does is, he asks for a notebook (unruled) and a pen (a basic one), get to a new page, and draw the three sides of the mobile screen (left, top, and right). He would then start writing; not drawing.

This way of getting to the design output is really helpful when your designs take more of a communicative stance and not only a functional stance.

Now the question is, what was he writing? It's the story of that screen which we are trying to design.

One might confuse it with the product story, which is different altogether (we'll talk about that some other time). One should know the product story to get to this step.
Writing the story of a screen can be loosely tied to the information structure of a screen, in sentences. This isn't a wireframe where we introduce UI elements to the screen, it's a step before that.

So the sequence is like, product story > screen story > wireframe/ screen design.