Not rendering correctly? View this email as a web page here.
View this email in your browser
Web Designer

CAREER TRACK

Web Designer

Wireframes

Today is your last lesson on user experience design before you get into the nitty gritty of DESIGN DESIGN.

Today's lesson is all about wireframes, those funny-looking, boxy things that are a crucial part of any organized design process.

Wireframing is one of my favorite parts of the UX/design process. It's when you finally begin really translating your grand ideas into a tangible product.
So far, you have probably thought a lot about your project. If you're working on a personal portfolio, what does it look like? After defining your user, sitemap and user flow, it's time to take the next step and actually build a prototype!

The challenge with wireframing is being thorough enough; there are always so many little details to every website! Trying to remember them all can make your brain hurt, but it's also a very necessary (and potentially rewarding) step.

Take your time with this step. Try a few different things, and try a few of the different tools we suggested. See what feels right to you. Don't worry if you keep changing your mind - web design and development are very iterative so just try to be as decisive as you can for now.

(And please DON'T try to learn ALL the tools we suggest right now! These are just different options that are widely used in the industry. Just take a quick look at them and then choose one to try. You can go back to try the others if you want to / need to later. And, if you're struggling with the tool you chose, feel free to whip out the good ol' paper and pencil! Better to do that rather than skip wireframing altogether. It's SO important...)

Once you've got something sketched out, solicit feedback on your wireframe - Ask your friends, coworker or mom what they think, and consider implementing the feedback you think is most useful. Really spend a long time doing this. Wireframing may look easy, but it's a very precise, strategic art!

Then, once you're done, check and double-check your wireframes for all the details, and then share them with your fellow web designers in the Google Group. You're sure to get lots of supportive and useful comments that'll help you make your wireframe even better! :)

To Dos

Keep on communicating!

As always, as new questions pop up, start a conversation in the Google Group so everyone can learn from it and help you out. Your instructors will be moderating and answering questions as well. We love to see your work on the daily posts!

Alternatively, if you need a hand with course "logistics", feel free to email us at webdesign@skillcrush.com.

xoxo,
william

You received this email because you are subscribed to the Web Designer Blueprint List from Skillcrush.

Skillcrush 115 West 18th Street, Floor 2 New York NY 10011 USA