Archive for the ‘Wireframe Weboshpere Talk’ Category

Information Architecture

Once you know what pages will be on the site, the next step is to figure out what’s going to be on those pages. This is where the wireframe comes in, sometimes referred to as “information architecture”. It’s still a paper-and-pencil exercise, but it’s far more detailed and it builds on the previous two steps. [...]

Wireframing And Website Prototyping

Wireframe mockups have the unique advantage of providing an immediate visual output of what your web site layout, content organization and navigation will look like. Without spending precious time and resources to design every single detail of your interface, you can produce a fully-functional visual mockup to communicate to your clients and team members your [...]

Mockups : Usability before Development

Think of a mockup as a nonfunctional picture of your website, none of the pieces operate, but you can get a clear sense of user experience. In general, mockups are created in applications like Photoshop and then posted for clients to see. As we develop mockups for our customers, we post the mockups in our [...]

Sketches/Mockups Vs WireFrame vs Prototype

The role of the sketch Contrary to wireframes or prototypes, sketches are rapid freehand drawings that are in no way meant to be a model of the finished product; they are meant to be a kind of foundation stone. Sketches are useful if an idea pops into your head and you want to quickly jot [...]

Product Requirements Document

You should always remember that a PRD is ever-changing and evolving, but the initial phase is always the most important one. Get ideas down on paper; actually, get more ideas than you really need. It is far better to have too many details in a PRD, then not enough. In this instance, I’m going to [...]

Unusual ways to create mockups and wireframes

One of the most important phases of website design is creating mock-ups. Some of the key factors that you should consider when creating wireframes is ease of use for the readers, flexibility for future development and simple hierarchy for the CSS layout. Read More

Why Create a Website Wireframe Before You Design?

Wireframing is generally done with grayscale block diagrams that illustrate the overall navigation and blocks of elements such as images, content and functionality. The call-to-actions are strategically located. These are an organizing plan and not a design. They are done before any artwork is generated. Read More

User Flow – Feature – Task

Many confuse the terms Feature, User Story and Task. I believe it’s important to grasp the difference between them as each one serves different purpose and sometimes even different audience. Feature is a detailed experience of how your users will do something with your application. In order to make “something” meaningful, a Feature must include [...]

What is a Wireframe?

If you develop web sites you’re probably pretty familiar with the wireframe, and if you’re a user experience designer you’re probably rolling your eyes at yet another post about what a wireframe is and what it’s good for. If, on the other hand, you’re not involved in the mucky details of site design and development, [...]

Sketching and Wireframe Templates

All of the printable sketching templates that you will find below have all been designed specifically for web designers. Each of the sketching templates have an imprint of a web browser (they either use Safari, Chrome or Firefox) just waiting for you to wireframe or sketch your next design project. Each template is slightly different, [...]

Subscribe to RSS Feed Follow me on Twitter!