IT152_Lecture_05_Design_Principles_2013a Flashcards

1
Q

Use…?

A

basic standards of design.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Designs should be…?

A

cohesive and functional

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Key is…?

A

planning phase.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Design must be…?

A

user-centered, not designer-centered

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Focus on…?

A

user wants and needs.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Design strategy should be…?

A

solid; simple, easily understood, easy to use.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Web site or title should be…?

A

intuitive.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Users should know where they are and..?

A

where they can go.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Home page indicates what is…?

A

contained in site and how to navigate.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Principles based on…?

A

design guidelines, target audience, content, type of Web site/ title.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Two broad categories of design guidelines…?

A

Appearance

Interactivity.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Superb visual design and high editorial standards inspire…?

A

confidence.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Design guidelines related to overall appearance of product include…?

A
  • Metaphor
  • Consistency
  • Template
  • Content
  • Balanced layout
  • Movement
  • Colour scheme
  • Independence
  • Functionality
  • Unity
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Metaphor…?

A

figurative representation that links content of site/ title to established mental model

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

E-commerce metaphor is…?

A

electronic shopping cart

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Metaphors must be…?

A

concrete, obvious.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

Metaphor must be consistent with…?

A

Web site’s / application content

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

Metaphors must be appropriate; otherwise, they…?

A

mislead and confuse user.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

Metaphor should reinforce the message…?

A

appeal to the target audience without detracting from content.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

Consistency is an essential component of…?

A

Web site / CD app.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

Consistency applies to both..?

A

appearance and navigation scheme

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

Navigation bar remains consistent from…?

A

One page to the next.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

Template…?

A

Precise layout indicating where various elements will appear on the page

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

Templates should…?

A

Dictate positions of various elements

  • Graphics, Heading, Menu, Text, Navigation bar.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
Q

Templates can aid the design process in several ways…?

A
  • Provide consistency
  • Shorten development time
  • Prevent “Object shift”
    • Templates that utilize grids can prevents objects from shifting.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
26
Q

All multimedia elements (text, graphics, animation, sound, and video) should…?

A

complement content, and not be the focus.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
27
Q

Major considerations in designing site is determining…?

A
  • What content

- How many levels users must navigate.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
28
Q

With content less text is…?

A

usually better.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
29
Q

Excess content requires…?

A

more levels.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
30
Q

More levels add to …?

A

confusion and frustration for user.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
31
Q

Reduce levels by providing..?

A

hyperlinks (also called links)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
32
Q

Make sure content always…?

A

accessible.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
33
Q

Users do not read a Web page; they…?

A

scan it, looking for keywords/links.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
34
Q

First-time visitors to a web site generally spend less than…?

A

60 seconds on the Web page.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
35
Q

Web sites must capture…?

A

visitor’s interest.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
36
Q

text is still the primary element used to…?

A

convey information.

Text must be readable.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
37
Q

Always test your…?

A

colour and background combinations.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
38
Q

Links or hyperlinks replace part of the original web page with…?

A

new content.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
39
Q

Links or Hyperlinks give users frame of reference, allowing users to…?

A

return quickly to previously viewed page.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
40
Q

Links or hyperlinks allow designers to…?

A

keep text on each page to a minimum.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
41
Q

Balance in Web page design refers to…?

A

the distribution of optical weight in the layout.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
42
Q

Optical weight is the ability of an…?

A

element to attract the user’s eye.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
43
Q

Each element has optical weight as…?

A

determined by its nature and size.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
44
Q

Nature of an element refers to…?

A

its shape, colour, brightness, type.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
45
Q

Balance determined by the…?

A

weight of the elements and their position on the Web page.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
46
Q

Three types of balance…?

A
  • symmetrical balance
  • asymmetrical balance
  • no balance.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
47
Q

Symmetrical balance…?

A

arranging elements as mirrored images on both sides of a center line.

48
Q

Symmetrical design is…?

A

static.

49
Q

Symmetrical balance suggests order and…?

A

formality.

50
Q

Symmetrical balance is appropriate to highlight…?

A

corporate image of conservative organizations.

51
Q

Asymmetrical balance…?

A

arranging non-identical elements on both sides of a center line.

52
Q

Asymmetrical design is dynamic…?

A

suggests diversity and informality.

53
Q

Asymmetrical Balance might be appropriate for…?

A

entertainment Web sites for a feeling of movement and discovery.

54
Q

Do not forget white space…?

A

the blank areas on a page where text and other elements are not found.

55
Q

Blank space does not have to be…?

A

white

56
Q

Users like…?

A

space between elements.

57
Q

Movement relates to how…?

A

the user’s eye moves through the elements on the page.

58
Q

Optical center is a point somewhat above the…?

A

physical center of the page.

59
Q

As designers for a global community, critical to include…?

A

visual clues such as arrows that help direct the viewers’ movement on the page.

60
Q

Movement: To have user work through content in more structured way…?

A
  • Control where user starts on page
  • Use lines or objects that point the user in a certain direction.
  • Use colour gradients that go from light shade to dark shade
  • Have people or animals look in the direction the user should look
  • Emphasize an element; make it a different shape or colour, surround it with white space, use a different font or type style, create borders, or use different backgrounds for selected objects
61
Q

Colour scheme is a …?

A

powerful communication tool.

62
Q

Wrong colours may…?

A

communicate the wrong message.

63
Q

Colour evokes…?

A

emotion and associations.

64
Q

Adding colour changes…?

A

the look of the pages without adding to file size.

65
Q

Colour schemes increase …?

A

visual appeal.

66
Q

Colour schemes improve…?

A

readability.

67
Q

Colour signals changes in…?

A

context.

68
Q

Fewer colours create a …?

A

cleaner, more tasteful look.

69
Q

Design with a…?

A

monochromatic colour scheme.

70
Q

Easier to work with….?

A

dark objects on light backgrounds.

71
Q

Web authoring programs include…?

A

preset colour schemes.

72
Q

Themes contain…?

A

colour schemes, and consist of unified design elements for bullets, fonts, images.

73
Q

Keep site fresh and…?

A

functional.

74
Q

Internal and external links must be…?

A

maintained.

75
Q

Web pages need to be more…?

A

freestanding than pages in print.

76
Q

Single web page may be only..?

A

page viewed by users.

77
Q

For consistency, include basic information on each page…?

A
  • Contact information
  • Last modified date
  • Copyright notice
  • Link to home page
  • A Frequently Asked Question page can be helpful.
78
Q

Two types of Unity…?

A

Intra-page unity: how the various page elements relate

Inter-page unity: interactive design that users encounter as they navigate from one Web page to another

79
Q

Maintain consistency in..?

A

shapes, colours, text styles, themes.

80
Q

In games or entertainment sites…?

A

unified design may be too dull.

81
Q

Users appreciate…?

A

common metaphor, colour scheme, navigation method from page to page.

82
Q

Developers must design..?

A

the site’s interactivity.

83
Q

Interactive design must be user centered…?

A

If sound is played, user should be able to adjust volume

User to decide to play a video or download a plug-in

84
Q

User interface is…?

A

crucial

85
Q

When designing the user interface, you are…?

A

establishing the foundation of the Web site / application

86
Q

Interface gives users direct…?

A

control over the Web site / application

87
Q

Metaphors, images and…?

A

Concepts

88
Q

Impossible to fully separate design from..?

A

function in interactive sites.

89
Q

Users expect function and sophistication from ..?

A

all interfaces.

90
Q

Navigational structure should be..?

A

transparent to user.

91
Q

users must know…?

A

where they are within overall structure of the site.

92
Q

Users want quick and…?

A

easy access to the content of the site.

93
Q

It should be easy to return to..?

A

home page or other major pages.

94
Q

Users will not tolerate…?

A

delay.

95
Q

Research shows threshold of frustration for any computer-related task is about…?

A

10 seconds.

96
Q

To improve download time…?

A

optimize graphics and use thumbnails.

97
Q

Broadband connections and improved compression and streaming have made…?

A

multimedia possible on Web, but download speed is still a major issue in Web page design.

98
Q

Keep page size smaller than…?

A

100k

99
Q

Users favor menus with minimum of…?

A

five to nine links.

100
Q

Users favor a few Web pages with…?

A

lots of choices.

101
Q

Additional links through….?

A

hot spots, mouseovers.

102
Q

Goal is to provide users with the information they want…?

A

Fewest number of steps
Shortest amount of time
Using least amount of screen real estate

103
Q

Web based on …?

A

cross-linking or cross referencing.

104
Q

By establishing a clearly identified page of external links, users will not…?

A

unknowingly leave your site.

105
Q

Open external links in…?

A

separate browser window.

106
Q

Contextual clues for user include…?

A

Familiar and intuitive icons
A common colour scheme
Consistent method of navigation
Graphic similarity

107
Q

Consistent approach to layout reinforces user’s sense of…?

A

context.

108
Q

Avoid long introductions of…?

A

automatically scrolling text, narration, music, credits.

109
Q

Provide a way to skip or escape…?

A

introductory elements.

110
Q

Provide way for user to…?

A

control the playing of animations, sound, video.

111
Q

Give users an opportunity to establish an…?

A

ongoing relationship with company or organization.

112
Q

Users need to be able to…?

A

communicate with company or organization online.

113
Q

Many people have disabilities that prevent them from…?

A

taking advantage of media elements.

114
Q

Many visual impaired individuals use a…?

A

text-based web browser.

(For them to take advantage of your content, include alternative text.

115
Q

In the US there are laws in place that require…?

A

Websites that receive federal funding to be accessible by people with disabilities.