Web Design Ethiopia

Web Design Ethiopia header image 4

Entries from January 4th, 2008

Common Page Layout Problems

No Comments · Web Design Ethiopia

Following are design flaws and constraints frequently encountered in page layout:
• Misalignment for foreground and background images
• Changing gutter sizes at the left edge of the browser
• Overlapping foreground images not allowed (although there are several tricks to get around this, such as using an image as a table cell background, using style sheets, or drawing them as [...]

[Read more →]

Tags:

The mockup review process

No Comments · Web Design Ethiopia

When developing mockups for review, be sure to have comprehensive procedures in place to facilitate the process.
The following presents a set of procedures to promote communication, serve as a valuable reminder of areas for review, and promote the integration of feedback into the next stage of design.
Having a smooth-running method of review will enhance communication, [...]

[Read more →]

Tags:

The mockup creation process

No Comments · Web Design Ethiopia

Far too often designers spend time refining the details of a page without first exploring the overall structure and layout.
If designers learn to spend more time in the initial investigation of content and structure rather than diving right in to the details of a page, their end product will be vastly superior.
Wait until the page [...]

[Read more →]

Tags:

Differences between Paper and Digital Mockups

No Comments · Web Design Ethiopia

There are some interesting differences among the perceptions conveyed via paper and digital mockups.
It’s better to use paper mockups early in the design cycle for one major reason: clients tend to view paper mockups as a conceptual rather than a finished product.
The strength of this cannot be overlooked. One of the biggest problems we’ve encountered [...]

[Read more →]

Tags:

Digital Mockups

No Comments · Web Design Ethiopia

Digital mockups are higher-quality rapidly rendered representations of major design decisions. They allow you to explore page layout and arrangements as well as more thorough investigations of color and palette choice.
For web design, digital mockups are the only accurate way to explore the color and contrast issues that might arise in an online environment.
They are [...]

[Read more →]

Tags:

Paper Mockups

No Comments · Web Design Ethiopia

Once you’ve developed a good set of thumbnails that interest you, you’re ready to take the next step. Paper mockups are slightly higher-quality (although still fairly rough in comparison to the end product), rapidly rendered representations of your major design decisions.
They allow you to explore page layout and arrangement as well as more aesthetically driven [...]

[Read more →]

Tags:

Thumbnail Sketches

No Comments · Web Design Ethiopia

Thumbnail sketches are small, rapidly rendered sketches used to develop a broad spectrum of design ideas. Thumbnail sketches are typically used at the earliest stage of design, often before the requirements have been finalized.
The key to developing thumbnail sketches is quickness. Each sketch should only take 15 to 20 seconds.
This way, you can generate a [...]

[Read more →]

Tags:

The fidelity of mockups and prototypes

No Comments · Web Design Ethiopia

Prototypes and mockups can vary from every coarse-grained, fuzzy layouts of the general page requirements done on paper (low-fidelity), to fine-grained, highly elaborate, and polished digital versions of the web site (high-fidelity).
This range provides the designer with levels of refinement useful for testing and exploring varying details of a given design. For instance, early paper [...]

[Read more →]

Tags:

The goals of envisioning design

No Comments · Web Design Ethiopia

The web designer’s goal is to create a site that seamlessly integrates strong and effective visuals, clear and intuitive navigation, and exciting and useful content. All of this can be achieved through a set of well-integrated mockup and prototyping processes.
A successful approach to mockups and prototype can yield great benefits including getting everyone involved, exploring [...]

[Read more →]

Tags:

How does page layout affect usability?

No Comments · Web Design Ethiopia

Quite simply, when graphics and layouts become cluttered or misaligned they unintentionally create complexity and additional visual features within the display.
Instead of providing structural support for the information and facilitating the users’ creation of mental model of the site, these problem become attention grabbing, competing with intentionally designed element in unpredictable ways.
From an efficiency standpoint, [...]

[Read more →]

Tags: