I believe the best use of wireframes are to generate a quick and imperfect sketch of a website. I understand the importance of creating wireframes in the process of designing a website. They are meant to be a visual guide of the skeletal framework of a website and can be adapted by designers to create a more high-res prototype of the design. I am not the best designer, so started sketching out a few different ideas on a whiteboard to rapid prototype and to get some feedback from my group.
These wireframes are not the best quality, but they were done quickly and communicated what I was thinking to my teammates. One teammate said he liked two of them and so I went onto the next step of creating a digital wireframe of the pages.
I looked into tools like Figma and LucidChart but ultimately decided to make the wireframes with HTML and CSS. I made this decision because I am trying to more quickly go through this step of the application development cycle, and thought I could prototype in HTML and CSS just as quickly as using other tools.
This wireframe is still not perfect, but was done quickly and the code for it could be adapted to build the final product.
This fast and scrappy approach to design is probably not the best option for companies, but in order to get a project up and working quickly, I think it’s the most convenient approach.
