Wireframes

The use of color is one of the best ways to communicate visual hierarchy on a design. But on a wireframe, it’s one of the worst.

Designing the user experience of a website involves more than figuring out what goes on each page. It’s also about figuring out how those pages flow together.

What tool would you use to hit a nail in? Only a hammer comes to mind. This is because a hammer's form meets that specific function.

What’s the best tool for wireframing? This is a common question among designers. It’s hard to answer because each designer has different needs.

Have you ever had an idea for a website or application? It’s easy to come up with the idea, but the hard part is understanding how that idea will take shape in user interface form.

A pattern I have noticed on every project I've worked on is that the final design that clients choose is always the simplest and most practical one.

Have you ever wondered which tool, Adobe Photoshop or Fireworks, is better suited for web and application design? There are many designers who use Fireworks.

Wireframes come in different fidelities. You have low-fidelity wireframes that don’t resemble the final product as much, but still capture the interface layout and controls.

You have finally finished your wireframes. You present them to your client and your client loves them. Your job's done, right? Not quite.

A popular approach to designing page layouts is to use a grid system. Designers use them on wireframes to create a consistent and balanced page layout.

Have you ever delivered your wireframes to a client only to have them tell you everything they disliked? This happens when clients judge your design before they understand it.

Most UX designers create different deliverables for a project. They make ones for user research and…