A workshop covering the basics of Website Planning. Green Hectares offers this content as part of an initiative to enable rural communities with technology.
2. www.greenhectaresonline.com www.zephyrtraining.ca
info@greenhectaresonline.com info@zephyrtraining.ca
THESE MATERIA A COPY
LS RE RIGHTED WITH A RIGHTS A RESERV THIS DOCUMENT MA NOT IN WHOLE OR IN PA BE COPIED, PHOTOCOPIED, REPRODUCED, OR REDUCED TO A ELECTRONIC
LL RE ED. Y RT NY
MEDIUM OR MA CHINE-REA BLE FORM WITHOUT PRIOR CONSENT, IN WRITING, FROM Z R SOFTWA TRA
DA EPHY RE INING LTD. A GRE HECTA S CORP.
ND EN RE
A SOFTWA COMPUTER, A PRODUCT NA MENTIONED A MA CTURER A PUBLISHER TRA
NY RE, ND MES RE NUFA ND DEMA A A USED ONLY FOR THE PURPOSE OF IDENTIFICA
RKS ND RE TION.
Blogger is a trademark or registered trademark of Google Inc.
WordPress is a registered trademark of Automattic, Inc.
eBay is a registered trademark of eBay, Inc.
PayPal is a registered trademark of PayPal, In
3. Why is Planning Important?
• It makes your site easy to find.
• It makes your site easy to
navigate.
• It makes updating your site
easier.
6. Goals – Identify yours!
• A you interested in selling online?
re
• Do you want to show-case multimedia like music or
video?
• Will you require a blog for frequent updates?
• Is this site a way to stay in touch with friends and
family?
• Is this a site to educate users on a specific topic?
7. Target Audience
Y target audience is the group
our
of people that you are trying to
reach with your website, the users
to whom your site will most
appeal.
8. Target Audience
• Who is your target audience?
• How do they use the Internet?
• What information will they be looking for?
• How can your website cater to their
needs?
9. Content
Content is all the information
found on your site.
Think of it as the meat and
potatoes of your site.
10. Content
Keep in mind that your site’s
content is the most
important aspect of your
site.
12. S ite Architecture
Y site’s “architecture” is the
our
skeleton of your website, the
foundation under all your content.
13. S ite Architecture Tips
• Give web pages clear names.
• Always keep users in mind. Imagine them
navigating your website.
• Plan your site’s architecture around your
content. Don’t write content to fit the site’s
architecture.
15. S howcase Websites
• Excellent for musicians/
photographers/ artists to display
their work
•Typically incorporates a graphical
or artistic layout
16. Blog
“Blog” is a contraction of the term web log.
• Fastest way to establish an online presence
• Excellent for updating information quickly
• Typically used for personal use/ournal
j
entries
17. Blogging S ites
http:/www.blogger.com
/
http:/www.typepad.com
/
http:/www.wordpress.com
/
19. E-Commerce
•Enables you to sell products/services
online
•Y can either incorporate a store into
ou
your website or use eBay/ Paypal.
•Straight-forward, more formal
approach
20. Categorizing Your Content
1 . Categorize your content into broad groups:
• About • Blog
• News • Support
• Shop • Contact
• Services • Video
• Pictures
21. Categorizing Content cont’d.
2. If you have content that isn’t properly
categorized in the previous groupings, feel free
to create a grouping of your own.
3. Organize your groupings from most
important to least important. This is how your
information will appear on your site!
22. S ite Mapping
A site map is a visual guide
for the structure and
organization of a website.
Editor's Notes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Welcome to Website Planning - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Participants will learn to understand and create a purpose for their website and develop a diagram of the pages, links and content. *Instructor notes will be distinguished by italics *Instructor should have a graphics and web development background. Although it isn’t absolutely necessary the students have computers or Internet Connectivity, the instructor should for demonstration purposes. As this workshop is a lot of lecture, using this PowerPoint presentation as a learning tool may help students learn. Make sure the following are installed / updated: Internet Explorer Other requirements: Internet Connection (High Speed preferred) Sticky Notes *This course should be taught by a person with a graphics /web development background.
Think of your website as a building or a home. The site architecture is the architecture of your building, and the room furnishings are your content. You will need to set up the framework for your building before you can fill your building’s rooms. Also, the purpose of each room will affect how you plan the over all structure. A swimming pool wouldn’t be designed with the same intent as a firehouse or a condominium; and a website to share family photos would be designed differently than a website that sells shoes.
Identifying your site’s goals is a great way to streamline the beginning stages of website planning. If you know what your website’s goals are, it’s easier to plan how to build the site’s structure.
*Ask participants to identify their site’s goals . Depending on the goals of one’s site, its design and planning will be different. If you’re interested in selling online, you need to consider product, exchanging tender, and security options to protect both you and your buyers. If you’re interested in showcasing multimedia, you’ll want to incorporate music players, or videos players. If you’re interested in updating your website frequently, incorporating a blog into your website plan would be a terrific way to direct users to new information without having to sift through your entire site for updates. If this is a site to stay in touch with your friends and family, then a blog is most likely a perfect way to communicate quickly and keep your family in the loop! If this is a site for educating users on a specific topic, its design probably won’t need to be flashy or incorporate multimedia – its content will be the focus. *Have a list of websites available to visit to visually explain the differences.
Your target audience is the selection of users that will find your site most useful and informative. It is so helpful to keep your audience in mind while you plan your site so that you can cater to their needs as users.
To determine your target audience, think of who is most likely to benefit from the information you will be posting on your site. Is it children? Family members? Think of age, location, interests, culture. Different demographics of people will use the Internet differently. If you are building a site for an older generation who is just beginning to use the Internet, it is best to make your site clear and easy to navigate. If you are building a site that is focused on teenagers, the content needs to be written to best communicate with them. When catering to the needs of your users, it is important to put yourself in their shoes and try to imagine what it would be like searching for your site and then browsing through it. What kind of information are your users going to find important?
Content can also be thought of as the furnishings in each room of a house or building.
As it’s often said “Content is King”. Visuals can impair the flow of your site if they are irrelevant or misplaced. Don’t let flashy visuals impede how you display your information. Organize the most important information prominently, so your audience can find it easily. This is best placed on the home page of your site. Always keep your target audience in mind. If it were turned around and you were searching for the information found on the site you’re planning to build, how would you like it organized? What would you like to see first? How would you like to see information displayed?
Search for sites online that offer similar services/information to that which you are planning to incorporate into your own website. If you are interested in starting an online bike store, search for local stores online. If you are looking to set up a fashion blog, checking out existing fashion blogs will give you a terrific idea of how blogs are usually executed. Look for good ideas that you can incorporate into your own website, but don’t forget to think about how you can make improvements to previous designs. This will give your site an advantage over other sites. *If you have computer/internet access, have your participants do an online search for businesses/blogs/sites that would be relevant to the site they are planning to create. If your students do not have internet access, feel free to ask them which sites would be relevant to their potential website and go through the steps of searching for a few with the class to make this portion of the workshop more interactive.
Site architecture refers only to the hierarchy and organization of content within your website. It is separate from your site’s aesthetic design, graphics, and text. *You may want to have a site map already created for a website to explain visually how a map becomes a website.
If you can’t concisely explain why a page is going to be useful to someone, exclude it from your site plan. Not everything has to take up a separate page. Some information can be categorized to fit on similar pages.
The goals of your website will affect the style that you choose to implement. Photo-heavy sites will need plenty of room to display images or a photo viewer; whereas blogging sites will have the majority of their online space dedicated to text.
Showcase websites are terrific for incorporating style and flare into the aesthetics of your website. They are perfect for illustrators or filmers to exhibit their work. *Be prepared to show the students some great examples of showcase Blog and eCommerce sites. Also take them to some poorer examples.
Blogs are terrific for getting information on the web fast . They are nearly always free to sign up, and incredibly intuitive. They usually incorporate an informal writing style/design, and are typically very easy to update, which make them well suited for journals or as a forum to keep friends and family in the loop with day-to-day happenings. Many people use blogs when they go travelling to keep an online record of their travels while abroad. Most blogging sites will offer a wide range of visual themes for you to select to give your blog more personality.
Blogger and Wordpress are free; however, Typepad charges a fee to register with their site.
Selling online allows users to browse your shop online and purchase from any location. You customers can be from almost anywhere.
Selling online allows users to browse your shop online and purchase from any location in the world with Internet access. With electronic commerce, you have the option of building a store inside your website via products like Wazala (http://www.wazala.com) which allows users to buy directly on your website, or you can use a site such as eBay to sell goods. eBay (http://www.ebay.com) is an auction-style website that is easy and inexpensive to use for buying and selling. One issue that needs to be addressed while engaging in e-commerce is that of identity theft and payment security. PayPal (http://www.paypal.com) is a terrific resource that keeps your banking information and that of your buyer safe, confidential, and secure. It is quite common for sellers to use Paypal in conjunction with eBay.
Planning the structure of one’s website is hugely important. Without a clear plan about how the website will be organized and function, it will take the creator longer to post information online, make it difficult for users to find the information they need, and make it harder for the site to accomplish its goals. *Take some time during the workshop to have participants break their content into manageable groups, labelled and separated for future use.
It is crucial to place the most essential content of your site in prominent places, like the home page. This is the first place users will search for what they need. The more times a user has to click away from the home page to find what they are looking for, the less likely they are to stay on your website.
.
You don’t have to be a web developer or a designer to create a site map! Most people sketch our their web plan on a piece of paper to get an idea of how their site will appear; but if you decided to add or delete pages, it can mean a lot of erasing and starting afresh. One of the best methods to develop a site map is to write down the name of each desired webpage on a small piece of paper and shuffle the pieces around until you’ve created a final site map that will allow users to navigate smoothly through your website’s hierarchy of pages and information. *It is highly recommended that you provide post-it notes , paper, and pens for your participants to go through the exercise of sketching a site-map of their own. They can use the post-its to shuffle around prospective pages and then write down their proposed site map on a sheet of paper to take with them. *By the end of the workshop the participants should be well on their way to planning out their sites. Before taking the Website Design course, they should have notes on what they like and don’t like from competitors sites. They should also have a finalized site map.