Coding a live nongraphical wireframe using the index card exercise and paper prototyping
So with the index card exercise done, the next step in the website design process is to take the resulting information architecture and create a nongraphical wireframe. Imagine your monitor as the blank canvas of an artist. Before the artist begins paintings often times he or she draws an outline. That's what we're going to do, . . .
Gathering and organizing information in web design
Before you begin coding it's important to take a few preliminary steps. What follows is a technique I use for gathering all the blocks of information that will ultimately make up a websites story, establish a layout, and define the user experience.
I'm going to make the assumption that you have conducted basic client discovery and . . .
The building blocks of information architecture
As a front end developer, without getting super complex or requiring a lot of money, there are three basic ways to go about designing a website:
- Start from scratch and architect and design everything yourself
- Work with a graphic designer from the get-go and implement his or her design mockup into your website
- Start from scratch and architect . . .
An introduction to information architecting through storytelling
If you've been following along with the last few articles, I have described how I lay down foundation code for an application by:
Now it's time to build a user experience: how your users will understand your [whatever you're building] and how they will . . .