A Practical Wireframe Primer

In the current design atmosphere , I hear the term wireframe being thrown around a lot more than it used to be. Over the last few years, wireframing is a process that has endured a lot of misunderstanding and has been become much more widely known as a software and web design methodology. I’ve begun to notice that the concept is warping and not for the better. This twisting of the terms is making it difficult for newer designers and students to understand the real application of the process.

Wait, whats the problem?

Recently, I gave a talk at a design school and I had a few students ask me about wire-framing and their mental model of it was pretty far off base. Their concept of wireframes included design, finalized layout, and a number of aesthetic decisions to name a few of the inappropriate things they considered part of wireframes. The worst part : they didn’t even want to do it. These students just knew it was a step they were supposed to do but didn’t understand why it was so useful. They just accepted it as step in the process and breezed through it to get to the fun look and feel parts. This was troubling to me. At first, I thought it may have been an isolated incident, but more and more I have been noticing that the workplace application of the process is suffering due to a bit of incorrect and popular saturation among clients, new designers, producers, product designers, etc. Wireframing is an essential step in the web design process and it would be a shame if up-and-coming designers did not learn to love it.

Wireframes are blueprints

It interesting that designers will understand that complex structures such as buildings or cars require careful planning and architecture but then take a similar ideas for the web industry and barrel into them with little or no planning. Granted, a website is not a car, it is still a substantially complex undertaking and leaving out careful planning and structure is the recipe for a lot of wasted time, work and money. I promise I’ll get to the practical implementations but first, part of the initial battle is making sure everyone understands what a wire-frame is and what it is for.

38 Beautiful Ecommerce Websites

In this collection we have compiled 38 beautifully design eCommerce websites. If you like these websites you might also want to check out our previous posts below.

Showcase of 30 Well-Designed E-commerce Sites

Design an eCommerce Website in Photoshop

jolena

35 Free Icon Sets

In this roundup we have collected some high quality and useful icon sets. Enjoy!! If you like these icons you might want to check out our previous posts below.

43 Free Social Media Icon Sets

25 of the Best Blogging and Social Media Icon Sets

Glossy: Free Icon Set

5 Proven UX Strategies

Whether dealing with large corporations, game developers, small businesses or a sole proprietor, most business goals tend to amount to the same needs. User experience is an area that touches almost every single business problem. While every project comes with its own unique situations, there are a few tried-and-true user experience techniques that just work well and always produce results. Here are my top five proven UX strategies and techniques:

Focus on key experiences

A major tendency of designers and clients alike is to think too much about particular elements and focus on smaller details. Many times it’s better to not spend too much time focusing on one specific element. I know this seems counter-productive, but hear me out. Remember, user experience at the end of the day is how the user remembers the experience. It may seem like a minimal differentiation but it’s incredibly important. Human memory is a bit flawed in the recollection department. The user’s mind is wired to remember experiences in a specific way. In a manner of speaking, people use landmarks in their memory to reconstruct experiences. These landmarks are generally referred to as key experiences. Key experiences is a whole subject in and of itself, but the quick bullet points to focus on are:

32 Websites With Big Background Photos

In this inspirational gallery we are featuring 32 websites that are using big background photos. Enjoy!!

If you like these websites you might also want to check out our previous post below.

Beautiful Websites with gorgeous large background

cofinery

30 Free And High Quality Fonts

In this post we have put together some free high quality fonts. If you like these fonts you might also want to check out our previous posts below.

50 High-Quality Free Fonts for Professional Design

50+ Fonts for Big, Bold Headlines

Morning Glory – Free Font

Unbelievable Illustrations By Pale Horse

Hailing from Tampa Bay, Florida, Pale Horse is the moniker and studio space of illustrator & graphic designer Chris Parks. Since opening the doors, Pale Horse has had the opportunity to create artwork for companies like Hasbro, Sanrio, Iron Fist, Bernstein & Andriulli, Dean Guitars, Globe Shoes, Hart and Huntington and many others.

You can buy this print at merchline

Die Young at Heart: Portrait Series

26 Websites with Unusual Navigation

In this post we have compiled 26 websites with unusual navigation. Enjoy!!

iamyuna