top of page
WireframeDocsAsAbodeUX101Class-01.png
WireframeDocsAsAbodeUX101Class-02.png
WireframeDocsAsAbodeUX101Class-04.png
WireframeDocsAsAbodeUX101Class-05.png
WireframeDocsAsAbodeUX101Class-06.png
WireframeDocsAsAbodeUX101Class-09.png
WireframeDocsAsAbodeUX101Class-08.png
WireframeDocsAsAbodeUX101Class-03.png
WireframeDocsAsAbodeUX101Class-10.png
WireframeDocsAsAbodeUX101Class-07.png

Wireframe

During the wireframing stage, Docs As Abode started to take shape. I could now visualize things like "logging in", "browsing available projects", and "submitting content to the site", etc.

My wireframe ended up being about 10 pages long and later 11 pages.

I used Google Slides to create these for the sake of speed. However, I hope to use other tools, such as InVision to create better looking wireframes in the future.

This was the the wireframe I later used for user testing. The wireframe had clickable elements that simulated a real website with some interactivity.

bottom of page