E-Tech Quiz Flashcards
It means What You See Is What You Get . In this kind of platform, no coding skills are required. Instead, you manipulate with design components using an editor window and get the chance to choose what elements are on your page.
WYSIWYG
These are unique full-page layout that contains generic information which can be replaced by the users with their own personal information.
Web Templates
Your website needs to accommodate the needs of the user. Having a simple clear intention on all pages will help the user interact with what you have to offer.
Website Purpose
Common core purposes of websites
✓ Describing Expertise
✓ Building Your Reputation
✓ Generating Leads
✓ Sales and After Care
The best way to go when considering the user experience and the usability of your website.
- Color
- Typography
- Imagery
Simplicity
The way-finding system used on websites where visitors interact and find what they are looking for. It is the key to retaining visitors.
Navigation
Mimics our natural pattern of reading in the West (left to right and top to bottom). An effective designed website will work with a reader’s natural pattern of scanning the page.
F-shaped layout
The arrangement of elements is order of importance. This is done either by size, color, imagery, contrast, typographically, whitespace, texture, and style. One of the most important functions of visual hierarchy is to establish a focal point; this shows visitors where the most important information is.
Visual Hierarchy
Arranges content into a clean rigid grid structure with columns, sections that line up and feel balanced and impose order and results in an aesthetically pleasing website.
Grid-based layout
Nearly half of web visitors expect a site to load in 2 seconds or less and they will potentially leave a site that isn’t loaded with within 3 seconds. Optimizing image sizes will help load your site faster.
Load Time
It is important to consider building your website with a responsive layout where your website can adjust to different Screens.
Mobile Friendly
✓ Canva.
✓ Venngage.
✓ Piktochart.
✓ easel.ly.
✓ Visme.
✓ Infogram.
✓ Vizualize.me.
✓ Snappa
Infrographics
✓ Animoto
✓ Moovly
✓ PowToon
✓ Youtube Video Editor
Videos
✓ Wix
✓ Google Sites
✓ Weebly
Website Creation
✓ WordPress.org
✓ WordPress.com
✓ Blogger.com
Blogging
When a user makes a mistake which of the following would they expect?
A. An easily understood error message telling them how to solve the problem.
B. A detailed error message which gives them detailed instructions on how they can
avoid the error next time.
C. To have to log out of the site, log back in and start again.
D. A re-direction to another website where you will log in.
A.
Which principle of a good web design refers to the waiting time for your web site to load?
A. Navigation
B. Visual Hierarchy
C. Load Time
D. Grid-based Layout
C. Load Time
The F-shaped reading pattern is designed for what specific type of reading strategy?
A. Active Reading
B. Previewing
C. Skimming
D. Scanning
D.
What principle of a good web design refers to the type of font used in the web site?
A. Color
B. Grid-based Layout
C. Navigation
D. Typography
D.
Which statement best describes good use of animation on a website?
A. Animation should never be used on a website; it is just too distracting.
B. Animation should be used sparingly and to create impact.
C. Animation should be used as much as possible to attract audience attention.
D. Animation should be in small sizes, so they do not get too much space on the website.
B.
It has the power to communicate messages and evoke emotional responses. It will allow you to influence your customer’s behavior.
Color
Keep the color selection limited to less than how many colors?
Less than 5 colors
The text used. It should be legible and only use a maximum of 3
different fonts on the website.
Typography
Every visual aspect used within communications. This includes still
photography, illustration, video and all forms of graphics. It should be expressive and capture the spirit of the company and act as the embodiment of their brand personality.
Imagery
