This year’s #PSEWEB Conference is officially booked for July 28-29, 2014 in beautiful Toronto!Learn More
In getting ready for two new team members to join our team of 3+Director, I’ve been thinking about our team processes and wanted to share some of them for feedback. (Anyone else using agile for website development? i.e. not app/software development?)Learn More
Presenter: Terri Vaughan, Web Customer Support Specialist, Clemson University
Are you one of the lucky individuals who provide support for your organization’s Web content providers who have little, if any, Web experience? Does your organization think typing and word processing skills are all that are needed to be a Web content expert? Is the “Webmaster” role part of a job description’s “other duties as necessary,” If you answer yes to these questions, this presentation is for you. You can transform your Web content providers into Web content experts by teaching a few simple skills. Reveal the “magic” of the internet and how it differs from “the Web.” Show how their Word skills can help them create interesting and informative Web content. Explain writing for print and writing for Web and why it’s important to know the difference. Inspire your content providers to learn these skills and more to transform them into Web content experts and you into a Web support genius!
Notes from presentation …
Many content providers given the job without volunteering and without specific skillset (they can type).
What they want:
- Someone else to do it for them.
- Want their web files and folders to be organized like on their desktop.
- To never learn markup.
- Drag and drop.
- Word like interface
What they get:
- Unfamiliar file structure.
- Inadequate graphics tools – training.
- Unclear or hard instructions.
What they do:
- Put off content.
- Insert improperly formatted graphics.
- Create unfriendly urls.
- Upload documents instead of web pages. (Don’t make users download.)
Clemson is on cascade, good because feels like word processing. Content providers are happy. Don’t have the other skills
What do they need:
- Adequate technical experience.
- Learn web best practices.
- Easy to use img editting tools.
- Ability to adapt print to web.
What we should do:
- Select staff w the right skills.
- Develop training program.
- Require attending training.
- Provide positive reinforcement.
- Periodically check on their web and offer positive as well as support.
- Basic computer skills
- How the web works
- Web best practices
- Multimedia formatting and best practices
- Simple tips for writing for web
- Site specific hands on training w tools
- Basic html
How to teach Content Providers:
- Show them confidence
- Avoid tech speak
- Explain why skills are necessary
- Analogies that they can relate to
- Entertain and engage during and after
- Follow up w reminders, cool tricks and compliments
- If you can compare it to ms word, they will get it.
- Stress the increase in their marketability.
Content Providers Love:
- Copy paste from word
- Activate previous version of updated page
- Restore accidental deletions
- Seeing their content live right away
- Clemson has 460 content providers. Manual monitoring process. Run report to see what’s been touched. Go out and look at their sites – this is what my job should be.
- Clemson redesign had 4 templates – full, left, left + spotlight, right, in multiple looks.
- Decision makers don’t understand web any better than admin
- Training infinitely better when one on one
- With workflows, someone needs to be in charge.
Presenter: Brad J Ward, CEO – Blue Fuego
Abstract: I will walk through many of Google’s services and products and show attendees how they can use them to increase productivity within their workplace as well as provide a better experience for their website visitors.Sites featured include, but are not limited to, Google Docs, Maps, Alerts, Webmaster Tools, YouTube, Analytics, Forms, GTalk/GChat, Blogger and more.
Notes during presentation …
Recommended Reading: Free, Chris Anderson
First step: get a Google account that you will use for all of this …
Thought: stop and think whether other staff will ever need access – should you create a corporate Google account instead of using your personal one?
Next: set up Google Alerts – great way to get buzz about your institution.
Thought: I am almost anti-google-alerts … relying too heavily on it can cause you to miss a lot of important web content/buzz. Remember to regularly search your brand (you’ll be shocked by how much didn’t show up in your alerts).
Brad’s Experience: Brad found out that Butler’s $13K mascot costumes had been stolen via a Google Alert. Caught it early enough to hitch a ride with the buzz and blow tweets and youtube out of the water, even get mass media attention.
Thought: Best practice is to track down specific mentions of your brand, individual applicants commenting about their school decision. Don’t try to do this for every social mention. Just don’t. Catch what you reasonably can, but unless you have a social army, it’s not realistic to respond to every tweet, blog post, facebook note, discussion thread. If you end up getting them all – great, but don’t hate on yourself for getting 90%.
Notes from presentation …
What is the purpose of your homepage?
Help users find information that they are seeking.
Most of the room is the “jack of all trades web person at our university”
And does it look good while its doing that?
We all have websites and they all have problems. Demolition is the go to solution – rebuild. In many cases, the best thing to do is tear it down but in the majority the best thing is to fix what’s wrong: incremental redesign. Research, tweak, repeat.
It’s easier to ask forgiveness than to get permission. (But you shouldn’t need forgiveness)
Step One: Research
Something to go back to to explain decisions
- articles, books & conferences
- web statistic data
- user testing
Introduce your institution and its strengths
University of Mary Hardin-Baylor
What is this university really about?
Biola – tagline that identifies a unique aspect of the school.
Also, a nice simple succinct paragraph that introduces your school – UTennessee Noxville. http://www.utk.edu/
Flash or Ajax, typically. This is prime real estate.
Notre Dame – carousel. Using the space for useful things – interesting stuff that is taking place at Notre Dame. Changes on a regular basis. Could you use your banner better? Could we send some messaging out?
Washtenaw Community College – promoting valuable things at the school
uTexas Office of Communications page.
Banners: you need to fill them with stuff.
Ideally you have a photographer on staff, but not many people in the room do. Cheaper than hiring: you can get a good camera for about $400. (USD) The beauty of digital photography is that it doesn’t cost you anything to try it again and again and again.
Try crowdsourcing to students who are passionate about taking photography. UWO uses a flickr box on the homepage to bring in crowdsourced content.
Tip: Taking your own pictures? Avoid situations that will need a falsh.
Lenoir Community College. Every day we fight battles about what goes on the homepage. Our job is to be the gatekeeper – and turn 90% of people away.
Over 50 links on Lenoir’s page. 5 navigation systems, in groupings that don’t exactly make sense. “I don’t see why these links are different from those links.” Remember, goal of the homepage is to get people to the information they want to get to.
Logical groupings, with headings.
University of Oxford – you will probably lose a lot of the homepage battles. uOxford makes the page simpler by grouping the homepage links.
Boston University – another example of a page with many links, but grouped in logical groupings.
Ideally you don’t have more than 10 links on your homepage, but in higher ed, this isn’t the reality.
Search Placement – navigation is not going to work for everybody.
Search box is expected in the top-right corner.
Web is made up primarily with links – their design is a critical part of web design.
They don’t always need to be blue with underline, but be cautious each time you break this guideline. Persistent navigation is an area where it is often ok to break the mould. Also, feature areas. In-text links should at least be underlined.
Critical to use the a:hover state. Reaction when touched.
Colour: use with caution
Very dangerous unless you have a background in colour theory or design. And most of us don’t have that. When it’s great on a jersey, or on a fan’s chest – it won’t necessarily look great on the web. Your school colours were chosen before the web came along.
Indian Hills Community College – eek.
USC Rossier – stronger use of the same colours. It’s not always the colours, it’s how you use them.
Sometimes, adjust colours slowly – go into photoshop and move them down and to the right – just don’t tell the brand owner.
Rossier used a gradient (red to red) to create warmth and depth in the top of the homepage. Monochromatic gradients help you have a nice site in spite of your school’s colours. Use them as an accent, not a background.
Step back and look at your colours – what emotion to they evoke without text or design or layout. Pick colours that go with the message you are trying to put out there. See if you can use complimentary colours to balance difficult official colours – i.e. a brown to a yellow.
Use Color to Separate Content
Champlain College- nav, banner, content
Oklahoma Wesleyan – top, bottom
Spacing & Fonts
Higher ed websites tend to be text heavy, and your spacing/fonts play an impact on readability of your site.
Line height: Increase line height slightly – makes it easier to see individual lines of text. Too tight blurs the lines together.
Headings, Lists, Bold, Italics, etc: Web content 101 … Use colour in headings, create your own default bullet with some colour.
Wesleyan (About Us page): Has some of the spacing issues. Tight spacing creates a feel of business. Add height to top nav and increase font size.
These are little things you can do without the hassel of a redesign.
Recommendation: Consider every element. Don’t do anything because everyone else is doing it. Look to people for inspiration but don’t follow them off the cliff.
Consider whether you have the content/staff time to maintain a new element. i.e. newsfeeds aren’t so great when you have no news.
Don’t look to just one source for inspiration.
Recomended sources: Edystyle.net, BlogHighEd.org
Dezinspiration, Most Inspired, Smashing Magazine
How to spot a good web designer:
Look beyond “looks” – usability considerations are good cues that the designer was thinking about every element of the site, and how they are used. Look at their sites, ask them questions about usability.
Height of a homepage banner: screens are getting bigger, mobile browsing is very small (and getting more popular). If the space is used effectively (communicates, drives into content) then it isn’t too big. “Above the fold urgency is fading, people are more willing to scroll. Most important stuff should be above the fold – so if banner takes it all up, it better be important.
Fixed layout vs elastic layout: Steward leans more towards a fixed layout, primarily because of line length. Maximizing can create a verrry long line length, which kills the purpose of the page which is to be read/consumed. Also much easier to design for fixed (no background images that tile, or boxes out of place).
Designing for mobile environments: Research is important here – use your stats. Check your analytics.
Adding social media right up front on the homepage: Oklahoma Wesleyan – live twitter stream on their homepage. Skittles disaster … Bare minimum is to have the social links. Penetration is mostly facebook. Twitter is getting more mainstream, still a niche thing. Flickr is very niche.Learn More