The mockup process of answering
the three questions every persuasive Web site must answer helps
us determine what content and copy the site is going to need.
Those questions are:
What mockup action needs to be taken?
How
do we persuade that person to take the action we desire by
mockup? Once we use this process to come up with content and
copy, we can get through one of the critical early stages of
storyboarding. Important facts are training revolution for
virtual mockups, prototype, scale prototypes and vis rapid hot
Nintendo revolution controller mockups. The new generation m2a3
packaging illustrator controller for plastic engine, cockpit
spacecraft flight simulator cockpit engineering and applications
for
development of security forum technology military scenery
railroad Great online copywriting is responsible for grabbing
and holding the prospects' attention by answering their unspoken
questions. The answers should be relevant, address their needs
and beliefs, and propel them to take the action you want them to
take.
-
Rough Sketch of mockup The
rough sketch should contain a mockup of the visual aspects of
the screen. Create a rectangle representing the page, and block
out the elements of your design. Since content is the most
important element, start with that. Several other elements must
be considered: branding, navigation, page titles, header
graphics, and footers, which include copyrights and privacy
notices. This is often done using Visio; we use a free stencil
of prototyping shapes. After you've identified the elements, you
need to assign each element a priority so you will know which
elements need the most emphasis. Then you take into
consideration the principles of eye tracking so the elements are
placed where a user would expect them to be.
-
Graphical mockup After you've chosen an appropriate sketch,
start laying it out in Photoshop, Illustrator, Freehand, or
whatever your preferred tool. This is the first part of the
phase in which we start designing for aesthetics. After all,
nearly half of all consumers (46.1 percent) in a Stanford
Persuasive Technology Lab study assessed the credibility of
sites based primarily on the appeal of their overall visual
design. Some things to keep in mind while designing for this
phase: Scanning and skimming mockup. Lay out your text based on
how visitors scan your Web site and skim text. The eight-second
mockup rule. The
mockup is Future Now's Martian mascot. If he
arrived from Mars and had never heard of your company or visited
your Web site before, would he know what your site is about in
eight seconds (no matter which page he landed on)? Focal point
mockup design. This may sound obvious, but you can't imagine how
many sites want people to take an action, yet make it virtually
impossible to see the call to action. If action isn't obvious
from 6 feet away, your prospects may not know what to do. Don't
forget to address your prospect's concerns at the point of
action (POA). "You don't get paid for mockup innovation... You
get paid for execution." A BMW and a Ford look very different;
however, you could get behind the wheel of either model and
drive it skillfully. That's usable design. Be sure you look at
the mockup in grayscale so you can assess how the composition of
the piece works without the emotional influence of color. If it
looks good in black and white, you've probably got a design that
can come alive with the judicious use of color. If it doesn't
work in black and white, chances are simple color additions
won't play well, either. I can't begin to tell you how many
times designs have been scrapped by clients because they were
shown the design executed in colors that struck a bad chord.
Nail down the design, then add the emotionally charged element
of color.
-
Color mockupThis is where we finally focus on the
mood and impact color can create. Better use of color means a
better Web page or site. If you can carry a color scheme from
the landing page to the exit page, you'll automatically create a
cohesive look and feel for your site. To understand why color
has such an effect on us, we must understand the nature of
color. To quote Angela Wright: Many people think that color is
just a matter of how things look and it is often dismissed as
being purely cosmetic. However, the truth is that color is
light -- the source of life itself; there is nowhere that color
does not exist and our instinctive, unconscious response to it
is a vital element in our survival. Color is energy, and the
fact that it has a physical effect on us has been proven
experimentally time and again. Important facts are training
revolution for virtual
mockups, prototype, scale prototypes and
vis rapid hot nintendo revolution controller
mockups. The new
generation m2a3 packaging illustrator controller for plastic engine, cockpit spacecraft flight simulator cockpit engineering
and applications for development of security forum technology
military scenery railroad Wright says that because people's
response to color is subjective, it's often assumed their
reaction is unpredictable. She disagrees, saying that studying
color harmony and psychology can allow you to predict reactions
with amazing accuracy. One person may perceive red as exciting,
friendly, and stimulating, while another sees it as aggressive
and demanding, she says. One person might see blue as calm and
soothing, and another may view it as cold and unfriendly. "It is
the combination of colours that triggers the response," says
Wright. If you have corporate colors, choose how to use them on
the Web carefully. If you are starting from scratch, use even
greater care in choosing your palette.
-
HTML
Mockup Once the
color mockup is completed, we can now turn this image into an
HTML document. The key here is seeing what can be converted to
HTML and what must be an image. This process can be quite a
challenge, and it's what separates Web designers with graphic
knowledge from graphic designers with
Web knowledge. A savvy
coder can code almost any design -- but if a designer has an
understanding of the limitations of HTML, she can produce
beautiful designs without sacrificing usability.
Other considerations are
download time, compatibility with multiple browsers, use of
cascading style sheets for simplicity, laying out of tables with
an understanding of how search engines spider a Web site, and
choosing fonts with an eye toward easy screen reading
mockup.
|
|