Sun_large
Sun_large

A Nongraphical Wireframe: From Paper to the Browser

Coding a live nongraphical wireframe using the index card exercise and paper prototyping

Chris Maxwell

ViewThought.com

February 02, 2016

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, . . .

Read More

The Index Card Exercise

Gathering and organizing information in web design

Chris Maxwell

ViewThought.com

January 26, 2016

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 . . .

Read More

A Mosaic of Information and the Storyline

The building blocks of information architecture

Chris Maxwell

ViewThought.com

January 25, 2016

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:

  1. Start from scratch and architect and design everything yourself
  2. Work with a graphic designer from the get-go and implement his or her design mockup into your website
  3. Start from scratch and architect . . .

Read More

Storytelling in Web Design

An introduction to information architecting through storytelling

Chris Maxwell

ViewThought.com

January 25, 2016

If you've been following along with the last few articles, I have described how I lay down foundation code for an application by:

  1. Defining base markup and styles
  2. Choosing a mobile content delivery strategy

Now it's time to build a user experience: how your users will understand your [whatever you're building] and how they will . . .

Read More

Archive
  Subscribe by Email and Never Miss a Post