WorksheetsUID
Total questions: 49
Worksheet time: 49mins
What is Raster Graphic?
An image which is resolution independent.
A bitmap which can be solved indefinitely without degrading its quality.
An image created by storing lines, shapes and colours as a mathematical formulae.
A bitmap technically characterised by the width and height of the image in pixels and by the number of bits per pixel.
Which of the following is the process of usability design in website development?
Creating tables in webpage.
Inserting data into the table in the webpage
Deleting a row of the table in the webpage.
making website user friendly for the user to use.
Which of the following describes the importance of usability design in website development?
Improves the sales of an organization
Improves the quality of products selling in the website
Increase the number of images in the website
Enables audience to score full marks in the Mathematics quiz conducted in the website
Compare the following image file formats and determine the one that has the MOST available colours.
GIF
PNG-8
PNG-24
Animated GIF
In the User Centered Design Development Phases, the phase whereby the data of the target audience is collected is called as
analysis
storyboarding
usability testing
guidelines review
Which of the following is the correct code to implement an ID selector in cascading style sheet?
.mycss {font-style: italic;}
*mycss {font-style: italic;}
#mycss {font-style: italic;}
--mycss {font-style:italic;}
What is the purpose of thumbnail sketches in website development?
To decide the suitable server to be used to host the website
To choose the suitable graphical editing tool to create the images.
To develop the most effective layout, balance, tone, shading and colour palettes
To decide the most suitable programming language to be used in developing the website
Which of the following cascading style sheet codes displays a fluid content?
.mycss {height: 80%; width:80%; border: thin solid #03C;}
.mycss {height: 80cm; width:80cm; border: thin solid #03C;}
.mycss {height: 80px; width:80px; border: thin solid #03C;}
.mycss {height: 80mm; width:80mm; border: thin solid #03C;}
An 'instance of a symbol; in Adobe Flash is a
type of bitmap
type of motion tween in Adobe Flash
copy of a break apart state of a bitmap
copy of a symbol located on the Stage or nested inside another symbol
The advantage of using symbols in Adobe Flash is to
speed up SWF file playback
automatically add blur effect to SWF
convert raster image to vector image
align to the professional standard of appearance in SWF
Which of the following is the correct copyright symbol used?
C
(C)
$C
&C
Frame-by-frame animation is used in
complex animations where graphic elements of each frame must be different
any animations which require the frame rate to be lower than 12 fps but greater than 4 fps
any animations which require the frame rate to be lower than 60 fps but greater than 30 fps
any animations which require animation tweening to be generated automically in less than three steps
Gabrielle wanted to use a poster found from the internet in her web design project. The poster she found has a copyright license which belongs to the public domain. As a graphic designer, which of the following is the correct advice to give her for using the poster for her web design project?
She is allowed to use the poster as there is no copyright attached to the poster.
She needs to pay for the copyright license every time she wants to use the poster
She has to pay for the copyright license, then she allowed to use the poster as many times as she wants
She is required to pay for the copyright license and acknowledge the creator every time she uses the poster
An animation with a total of 48 frames is played within 2 seconds. Calculates the frame rate for this animation
12 fps
24 fps
30 fps
48 fps
What colour mode does printing machines use?
RGB
CMYK
Grayscale
lab colours
What is Hue?
Family of light blue
Family of warm colours
Distinct colour of the spectrum
Group of colours in grayscale and in different tones of black
Which of the following is the benefit of using web-safe colours?
Have wider range of colours
More stable in various devices
More range hues compared to other colour models
Able to work consistently across various browsers and operating systems
Which of the following is NOT an example of additive colour theory?
Adding equal parts of red, blue and green light to produce white light
Create yellow colour by mixing 255 of red, 255 of green. and 0 of blue
Different spectrums of lights interact together to create yellow spectrum
Create yellow colour by mixing 6% of cyan, 0% magenta, 97% of yellow and 0% of black
What is the benefit of interaction design in a website design?
The dpi of the system increases
Cost of the system becomes cheaper
The system becomes an Adobe Flash system
Able to constantly improve relationship between human and technology
Usability testing is
the process of making an image usable for the website
the evaluation of a product or service by testing it with representative users
the process of designing database, tables, graphics and forms for companies
the practice of designing animations, graphics, and storyboards used in a website
Which of the following describes the advantage of doing a usability testing?
Cleans up unwanted coding existing in the website
Does not need to be conducted in a formal usability lab
Removes unprofessional animations that exist in the website
Removes all the coding comments that exist in the website
Which of the following is NOT the criteria used for usability testing?
Usefulness
Satisfaction
Comprehension
The file formal used.
What is a responsive web design?
The procedure of creating a HTML 5 document
The process of designing the website based on HTML 4 standard and actionscript 3.0
The approach of development a website for providing the best viewing and interaction experience
The process of designing the website to provide audience the best interaction experience based on XHTML 1.0 strict and actionscript 3.0
What is the advantage of using Media queries?
Able to use a HTML tag to get the information of the media embedded in the webpage
Able to use any javascript command to control each individual media used in the website
Allow any javascript command to get the information of the media embedded in the webpage
Enable the creation of responsive experience, where specific styles are applied to small screens, large screens and anywhere in between
When John and Jim views the same JPEG image on their own monitors, the colours of the JPEG file appear entirely different. What could be the cause of this?
The JPEG image has not been rasterized
The JPEG image is not created using Adobe Photoshop
The colour profiles used by both monitors are different
The JPEG image is not created using RGB colour model
Organize the problems from most critical to least important
A. Spelling error, "knowledge" is spelled as "knoledge"
B. Users unable to register an account due to an error in the submit function
C. Users unable to navigate to the feedback page
C, A, B
A, B, C
B, C, A
A, C, B
Which one of the following format should be used to save a raster-based logo graphic with alpha transparency?
GIF
JPEG
PNG
SVG
Which one of the following XHTML tags will display your items in a numbered list?
<dl>
<nl>
<ol>
<ul>
Which one of the following is the correct way to insert a link to direct users to the Facebook website?
<a href=http://www.facebook.com>Facebook</a>
<a src=http://www.facebook.com>Facebook</a>
<a src="http://www.facebook.com">Facebook</a>
<a href="http://www.facebook.com">Facebook</a>
Which one of the following conforms to XHTML accessibility standards?
<img src="logo.jpg">
<strong><u>ITE</strong></u> has 3 colleges
<input type="checkbox" id="gender" checked/>
<input type="submit" id="submit" value="Register" />
Which one of the following lists the user centered development phases in the correct order?
Analysis, Design, Implementation, Evaluation
Analysis, Design, Evaluation, Implementation
Design, Analysis, Implementation, Evaluation
Design, Analysis, Evaluation, Implementation
Which one of the following will set the top margin as 10 pixels, bottom margin as 20 pixels, left margin as 15 pixels and right margin as 5 pixels?
margin: 10px 20px 15px 5px
margin: 10px 20px 5px 15px
margin: 10px 5px 20px 15px
margin: 10px 15px 20px 5px
Which one of the following XHTML form attributes is used to specify the URL that will receive the submitted form data?
action
enctype
id
method
John is optimizing his website so that it is easy for users to find it via all the major search engines. Which one of the following basic aspects of web design is he trying to achieve?
Appearance
Content
Usability
Visibility
Siti would like to enforce the texts on her new website to appear the same size across all devices. Which one of the following units of measure should she use to set the size of the texts on her website?
%
pt
px
em
Which one of the following Photoshop tools is used to change the colour saturation of an area in a image?
The Burn Tool
The Sponge Tool
The magic Eraser Tool
The Color Replacement Tool
Which one of the following types of copyright licenses should be used when the creator wants to allow others to share, use and build upon a work he/she had created?
Royalty free
Public domain
Rights managed
Creative commons
With the Move Tool selected in Photoshop, by how many pixels will an image be shifted when the Shift and right-arrow key are used at the same time?
1 pixel
3 pixels
5 pixels
10 pixels
When the amount of pixels per inch (PPI) is increased for a bitmap image, how will it affect the image resolution and file size?
Reduce resolution and reduce file size
Increase resolution and reduce file size
Reduce resolution and increase file size
Increase resolution and increase file size
Which one of the following represents a group of cool colours?
Green, blue, purple, cyan
Red, brown, black, yellow
Orange, green, cyan, blue
White, purple, cyan, yellow
Which one of the following colours is associated with calmness, responsibility and trust?
Black
Blue
Green
Yellow
Which of the following statements is TRUE about primary colors
They cannot be created by mixing other colours
They are produced by mixing two other colours
They are colours that are next to each other on the color wheel
They are colours that are on the opposite ends of the colour wheel
Which one of the following usability heuristic involves ensuring that the system uses words, phrases and concepts that are familiar to the user instead of system-oriented terms?
Recognition rather than recall
Aesthetic and minimalist design
Match between system and real world
Help users recognise, diagnose and recover from errors
Which one of the following statements about heuristic evaluation is TRUE?
It can only be used as an after design evaluation and rating method
It tends to uncover more cosmetic problems instead of the deeper design problems
It can only be used as a design finalisation predictive method
It is easy to find testers as no expertise is required to conduct the evaluation
Which one of the following metrics is the MOST important when conducting usability studies?
Usefulness
Satisfaction
Task success
Comprehensive or learning
Usability testing CANNOT be used to
Reduce frustration of users by eliminating design problems
Determine the best design solution from a single round of testing
Inform design and ensure that the website is useful and valued by the target audience
Improve profitability by reducing the number of calls and emails by users requesting for assistance
which one of the following statements about usability testing is TRUE?
It can only be done with testers face-to-face
It is an inspection matter involving usability experts
Positive findings should be omitted from a usability test report as it should only focus on the problems
It allows the design and development team to identify problems before they are coded and fix the problem together
Which one of the following this is the problem according to the level of severity the most critical to least important?
A. Users able to find a contact information on the website
B. Spelling error, "health" is spelled as "helth"
C. Users are unable to submit their registration details due to validation errors
C, A, B
B, A , C
C, B, A
A, B, C
Which one of the following statements about Reponsive Web design is INCORRECT?
Responsive web design is only for mobile devices
Responsive web design is not suitable for all websites
A responsive website will rank higher in Google search results
A responsive website is easier to manage as there is only one set of content
