Working through Wireframes

This past week in Designing Digital Interfaces, we have been learning how to design wireframes. To do this, we used a tool called Sketch and iterated upon our last assignment to create digital wireframes of our redesigned banking app.

Being a relatively new user of Sketch, I got really into the experience of simulating potential screens for various workflows. Below is an example of the wireframe workflow that I created for the task of transferring money out of my banking app.

Wireframes
Click to Enlarge: Transfer Money Flow

The next step for this course will be animating the wireframes that we have created so that a user can virtually click through the wireframes and we can test the user experience. I’m looking forward to the opportunity of finding out whether or not my wireframes are user-friendly with actual humans!