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 [...]
Entries from January 4th, 2008
Common Page Layout Problems
No Comments · Web Design Ethiopia
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, [...]
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 [...]
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 [...]
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 [...]
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 [...]
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 [...]
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 [...]
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 [...]
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, [...]
Tags: