It is Week 6 of the course, and we are already halfway through our BrainStation journey! More importantly, we are being introduced to Wireframing and Prototyping, basically the process that would give our brainchild (aka our final project) its skeleton and basic appearance. After weeks of brainstorming the product and attempting to perfect its user persona and experience journey, it is finally time to put these mental exercises onto paper/computer/your device of choice.
And boy, is it hard.
A great website or app mobile requires logical flow, accessibility to users of all technical level, and pleasing aesthetics. As intuitive as the statement may sound, you cannot build these platforms with yourself as the only test user: you already know too much about the product! Despite how “mainstream” this layout might look, it is probably best to leave that icon to its standard appearance or locate the sign up button at its usual corner to avoid confusion. On the other hand, you also don’t want to sacrifice aesthetics or that one really cool animation that you just spent 20 minutes coding. To concisely, thoughtfully and creatively sketch the visual of a website or app mobile is truly an art to be mastered!
To any future BrainStation’s UX Design student out there, here are some of my tips on how to tackle this challenging component:
- Sketch with a Sharpie to save time because it would help prevent you from spiralling into a meltdown, trying to draw a perfect circle or square, and avoid death by perfectionism!
- Consult websites or mobile apps that offer similar product or service as your project idea. This will give you an understanding of what the industry standard is, how professional UX designers layout certain platforms, and what the customers’ current expectations are.
- Consult the vast existing number of articles and guides that are particular focused on this process.
Below is a brief sketch of my product’s wireframe.
Check out BrainStation’s UX Design course here!