Your ePortfolio Website
Website Design Basics
ePortfolio Visual
Design Basics
Intro content
How To:
3x5 Design Method
EVERY WIX PAGE should incorporate the 3X5 method.
-
3 Images
-
related to the information on the page
-
create internal redundancy by adding a caption about the image and how it relates to the text.
-
-
3 Hyperlinks
-
within the essay/narrative
-
not just Works Cited links
-
-
-
3 Pull-Out-Quotes
-
Can be called a "callout"
-
-
3 Moments with Orienting Information
-
Information that clarifies context like who, what, where, when, and why.
-
These include a clear title
-
name the Genre in the title
-
-
last date updated
-
brief overview or abstract
-
HYPERLINKS to the NEXT SECTION
-
-
3 Paragraph Design Choices that Enhance Readability
-
double space between paragraphs
-
readable font choice
-
not all caps, not script or comic styles
-
-
a background that makes it easy to read
-
avoid using a moving background behind the text or background colors that bleed into the color of the font
-
-
BULLETED LISTS
-
Build Better Webpages:
Eye Track
-
The way your audiences' eyes move across the screen is called eyetrack.
-
Knowing more about eyetrack will help you build better webpages.
-
To access a page designed for another IUPUI course that explores eye track, visit
-
8 Minute Read
-
The absolute best introductory article on EyeTrack
-
A Quick Note:
Internal Redundancy
Internal Redundancy is EVERYWHERE
-
Internal redundancy helps readers contextualize what they're reading.
-
Internal redundancy can be achieved with:
-
images
-
captions
-
charts
-
+MORE
-
The same info can appear more than once on your website.
This strategy is called internal redundancy and is common in business and professional writing, particularly with charts: both a chart + commentary on what the chart has to say are included on a document.
For example, on YOUR W231 Micro-ePortfolio HOME PAGE, a solid overview of the Recommendation Report on your HOME page can be copied/pasted at the top of your Analysis TAB. The overview is ORIENTING/ CONTEXTUALIZING information that qualifies toward your three items of orienting information--data that helps your reader know what is on the page BEFORE they start reading the documentary review.
MUSTS for EVERY WEBPAGE
Simple Design Tips
Title, Abstract, & Callout Sentence
Every page should have a clear title that tells the reader the GENRE, like "Executive Summary" and SCOPE "Raising Search Engine Result Page Results Using Search Engine Optimization Strategies".
Then, include an ABSTRACT near the top of every page. Be consistent with where you place these in on each page/ or section. They help the reader know what content is on the page/ or in the section. These help guide the reader. They signal for the reader what to anticipate. This is also a great place to signal major points that you want to emphasize for the reader.
In addition to your clear/specific titles and helpful abstract, within the text, have CALLOUT SENTENCES (some people refer to these as PULL OUT QUOTES). Use these to re-emphasize great statistics, quotes, and other critical materials that you want the client to notice.
Clear Title
Abstract= Overview
"Side"
Callout Sentence
