Intro training – Kerryann
The summary field is optional but important. Use it to summarise your page in 20 words or less.
[ Style the next line with the right float box style found in the styles dropdown ]
Content is the most important component of our website.
This is the body text field, where the main part of your page content goes.
When writing for the web, using plain language allows users to find what they need, understand what they have found, and then use it to meet their needs.
[ Style the next line as heading 2 ]
The seven Cs of content quality
James Mathewson identifies seven features that will help you to write readable and engaging content.
[ Style the next seven lines as a numbered list. Add bold to the words before the colon in each point ]
Client-centric: Quality content is not about what you want to write. It's about what your audience need to read
Compelling: Web users typically scan the page and only read if they see words that are obviously relevant to them
Credible: Everything you write needs to have solid evidence behind it
Concise: Give web users the information they need in the smallest possible time
Clear: Clarity is also in the eye of the beholder. And that's really the most important point
Conversational: On the web, nothing turns an audience off faster than writing that sounds mechanical
Clean: Make sure you proofread and have someone else proofread for you before you publish
[ Style the next line as heading 3 ]
Structuring content
When designing your content, keep the following in mind:
[ Style the next four lines as a bullet list ]
have a clearly defined goal for each page
be clear and succinct, no repetition
break up big chunks of text by using short paragraphs (chunking) and adding headings and subheadings to enhance scannability.
ensure keywords are in the headings and main text.
[ Style the following line as heading 2 ]
A bit about links
[ Style the five lines as a bullet list ]
Link to something only if it helps meet the user's need
Write link text that is meaningful and makes the destination clear
Don't set links to open in another tab or window
Create internal links to support the user's journey
Add the document type, file type and size when linking to files
[ We'll do this bit later – Add and link a pdf file ]
Download UX Myths poster (PDF, 668KB)
[ Select the next two lines and style as a quote ]
If you learn your audience's needs and pain points, you have a chance of creating high-quality content for them.
James Mathewson
[ Style the next line as heading 2 ]
Content development process
These two steps are important when you develop content for the UTS web.
[ Add accordions for these two steps:
- Put your cursor in the empty line below, then click on the add accordion icon in the WYSIWYG menu.
- Copy the heading and pasting into the title section and the rest into the content section. Style the text as a bullet list.
- Repeat for step 2 text ]
Step 1: Content and audience identification
Identify the information that is required and the purpose for publishing it.
Ensure that the information has not been published elsewhere on the UTS web.
Identify who the audience(s) are and their particular needs.
Step 2: Publication and ongoing maintenance
Determine and document ongoing maintenance requirements.
Publish content.
Maintain your content: keep the info current, accurate and relevant and undertake regular quality assurance checks.
[ Style the next line as heading 2 ]
Accessibility
[ Find (google) the DDA act and add a link to the act title in the next line ]
Under the Disability Discrimination Act 1992 we are legally required to ensure that people with disability have the same fundamental rights to access information as the rest of the community.
[And this is where we'll stop today – we'll cover the rest in a second session, if needed]
[ Style the next line as heading 2 ]
Images
Two important notes about images:
[ Style the next two lines as a numbered list ]
Alt text replaces the element whenever the element can't be seen by the user or displayed on the screen.
Check the copyright of your image and attribute accordingly.
[ Add new image ]
The Dr Chau Chak Wing Building is the first Australian building designed by Frank Gehry, one of the world's most celebrated architects. Photo by Tom Hanks.
[ Style the next line as a heading 3 ]
Image sizes
[ Insert the existing image: ‘drupal training image’, set it at size 250px and align left ]
When you add an image to the body field, you have four image sizes to choose from:
[ Style the next four lines as bullet points, save your changes as a draft. See how the image aligns ]
Generic: The maximum size. Upload images that are at least 2000 pixels wide. 4000px wide is best.
250px: Good for decorative shots. Upload images that are at least 500 pixels wide
150px: Good for individual headshots. Upload images that are at least 300 pixels wide
50px: Good for icons such as social media. Upload images that are at least 100 pixels wide.
[ Style the next line via the ‘styles’ dropdown as h3 clear float style ]
Videos
Multimedia files must be published with a transcript.
[ Add the existing video: stay safe at uts ]
[ Style the next line as heading 2 ]
Questions?
If you have questions about using Drupal or want to know more about web guidelines, contact us via our web request form on ServiceConnect.
