#5 Mid fidelity Wireframes + Prototype

julia beck
1 min readJun 5, 2019

After sketching some low-fidelity wireframes some exercises before, we now had to create seven mid-fidelity screens in sketch. Unlike the usual way, the task was to adapt and simplify the high-fidelity mockups to it’s bare wireframe state.

While inserting each element on its place, I had to stop me from thinking to much about the layout, spacing and the whole interface design. Just creating a rough sketch of the app, while focusing on the interaction design and the user flow. The given UI Library with most of the buttons and boxes, was a big benefit by doing this task.

The next step was to build a prototype of these screens by using InVision. InVision is really intuitiv to use and with the craft plugin the Sketch screens are easily uploaded and updated if you have to make some changes.

Here is the link to my first prototype.

https://projects.invisionapp.com/share/MBSCW73HWZY#/screens/367085437

--

--

julia beck

Working and living in Berlin. Design. Branding. UI. UX.