pages Archives - Web Strategy and Development Blog

Changes to Facebook Pages

March 8, 2012 by

Facebook recently announced some major changes to pages, most importantly that all brand pages will now mimic the timeline layout that has been available for Facebook profiles for some time. Facebook will be automatically changing all pages to this new format on March 30, so it is definitely time to make the change now and get your page ready for this new format.

Here is a screenshot of the Missouri State University Facebook page; I’d suggest using this page as a reference point when updating your page to the new format.

Important new features

You can now include a large cover picture at the top of your page. The dimensions for this image are 851 x 315 pixels. It is also worth noting that Facebook will not allow contact information, calls to action or references to other Facebook features to be included in this image.
It is also possible to now arrange and feature your applications in the small images below the cover picture. The dimensions for these custom application images are 111 x 74 pixels.
You can now ‘pin’ a status update, so that it stays at the top of your timeline for up to a week. This is a great feature if there is a single update or post you’d like to feature on your page.
Since your page is based upon a timeline, you can can now add milestones to that timeline. For an example, click on the ‘Founded’ link on the right of the Missouri State page. These milestones can include text and an image to tell the story of what your institution or department has done through the years.

Other Facebook features specific to Missouri State

It is important that all Missouri State Facebook pages be branded in a similar fashion and ensure they link and interact with one another. While these methods of interacting with other Missouri State pages are not required, it is recommended that you do the following on your pages:

When posting about something having to do with the University, make sure you include the @ symbol before you type in ‘Missouri State University.’ This will create a link to the Missouri State Facebook page from your update, and will also pull your update onto the Missouri State Facebook page.
You should be liking and adding to your page’s favorites the Missouri State Facebook page and others on campus; these Likes appear in a box on the right side of the timeline on your page.

Other resources

Here are a few posts from other sites that show best practices and other page examples for this new timeline format:

New Media Support

October 30, 2009 by

The Office of Web and New Media recently overhauled our new media support web site. It now offers guidelines, recommendations, examples and resources on a variety of social media and multimedia topics:

We’ll continue to update and enhance these pages.

You can also keep up with new media (and web) tips and resources by subscribing to the Web and New Media blog, following MSUWEB on Twitter or referencing our Delicious bookmarks.

Linking your Facebook Page to Twitter

October 27, 2009 by

Facebook recently released a great new plugin that allows users to link their Facebook Pages to their Twitter account. If your University unit already has a Facebook Page established but has been hesitant about using Twitter, this tool should help convince you it’s time to set up that new Twitter account.

This new tool will automatically share status updates, links, photos, notes, and events with your followers on Twitter directly from your Facebook Page. You also have the option to choose the kinds of things you want to share both on Twitter and Facebook.

What this means to you is that once you set up a Twitter account and link it to your Facebook Page, this plugin will do all the work for you – importing all of the info you want your Twitter followers to see from Facebook. You only have to update your info once, on Facebook, and your updates will automatically show up on Twitter. It’s a great way to re-purpose content and allow people to keep up-to-date with info from your University unit in different ways.

Here are the step-by-step instructions on how to add this plugin to your Facebook Page:

Visit http://www.facebook.com/twitter/ and log in to Facebook.
Click the green button marked Link a Page to Twitter.
A new screen will appear, allowing you to select from the Pages you’ve created to choose one to link. Click the appropriate Link to Twitter button.
Your browser will redirect to Twitter. If you are not logged in, do so, and a screen will appear that asks if you want to allow Facebook access to your account. Click the green Allow button.
You will be redirected back to Facebook, which will ask you what sort of updates you want to be sent to Twitter. Choose from the options and click Save Changes.
Your updates from Facebook will now appear as tweets in your Twitter account, linking back to the original item in Facebook.

If you wish to learn more about using these tools, be sure to read our support pages for both Facebook and Twitter.

Best of HighEdWeb 2009

October 19, 2009 by

A few weeks ago, a group of Missouri State staff and faculty attended the HighEdWeb 2009 Conference in Milwaukee, WI. This conference is targeted at web developers in higher education. Last year, I sent out a summary of presentations, and several of you requested I send it again this year. Below are the favorites from 2009. Anyone can access the conference presentations and handouts.

Goal-Driven Web Strategy: Implementing Technology with an Eye on ROI

Favorite Chosen by Rob Hornberger, Enrollment Services

This session gave practical instructions on how to quantify results regarding whether or not integrating technology into a marketing plan has worked. We had real world exampled on how to calculate a return on investment, using examples such as an alumni broadcast email or an admissions visit event.

I learned calculations for how much of an employee’s salary was used on a project, how to access an online ROI calculator and determine how to populate the various fields, and why summer is an excellent time to engage admitted students for fall in a social network.

The Kids Are Alright

Favorite Chosen by Joe Hughes, Modern and Classical Languages

Mark Greenfield’s presentation addressed the elusive point at which technology and pedagogy intersect.

Tips: 1) Understand the Business, Understand the User, Understand the Medium; 2) Be Authentic

Augmented Reality – Merging the Virtual World into Ours

Favorite Chosen by Grayson Gordon, West Plains Computer Services and Chad Killingsworth, Web and New Media

This session demonstrated the Augmented Reality technology of which I was partially familiar and showed how applications can be developed for campus use. Combining 3d models into live video has all kinds of potential. This session demonstrated how easy it is to do and how it can be done with any computer with a web-cam.

Several marketing possibilities were demonstrated including a demonstration of TOPS Baseball cards. I saw how Augmented Reality could be used as a possibility for a Virtual Campus tour using commonly available open source applications.

BFF <3: How Social Networking Made the Class of 2013

Favorite Chosen by Brad Mitchell, Web and New Media

Ithica College used a third-party too, Social Engine, to create a private social network for incoming Freshmen and those interested in attending their institution. Social Engine was integrated with their Banner system. When a person changed from an applicant in their private social network to a student, their profile was ported over as a new student profile in Banner, and their information was carried over as well.

The most used tools within the social network were wall comments, personal profiles, and friending of others. The least used tools were private messages, photos, and the discussion forum.

Better Living Through Minions: A Guide to Student Workers

Favorite Chosen by Brad Mitchell, Web and New Media

Student workers are the most valuable resource to a web office. Students can see things, such as a page’s design, layout or content in a different way than we can. They are a great resource for testing a new web site.

Some great training tools for new student workers are:

Usability Workshop with Jared Spool

Favorite Chosen by Lindsay Winchester, Web and New Media

My favorite session of the High Ed Web Conference was the final workshop with Jared Spool. His focus on usability was specifically targeted at my role as a designer.

His workshop focused on the navigation style of sites. His method of navigation was aimed at pulling viewer toward their desired content versus pushing them in a direction we as content generators think they should go. His main idea was that website viewers will come to your site with a purpose in mind. They have a specific piece of information they want or a task to do. If a site’s navigation focuses on keywords that a viewer is likely to look for, your site is now leading them down a trail toward that information by “scent.” Viewers do not mind multiple clicks if they feel they are getting more specific information with each click, if they feel they are actually moving closer to there goal.

My main takeaways from this workshop is that navigation should be designed and structured to incorporate more keywords. From his research the ideal navigation is 7 to 10 words long for each choice. Anther main point I agreed with is assume the user has no knowledge of your institution. This is especially important for university sites to consider. One of a university’s website target audiences is prospective students. That translates into avoiding jargon terms as your navigation. The final take away for me was that from each page instead of structuring your navigation to reflect a hierarchical system, let the flow of information be more organic. The flow of information should be driven by the content itself. People structuring their pages should ask themselves, “What is the next piece of information the viewer would want?” There were many more interesting points from this workshop, but these were the highlights that particularly interested me.

Increasing Web Site Usability (With or Without a Redesign)

Favorite Chosen by Brian Heaton, Web and New Media

Users will only spend approximately 10-15 seconds scanning a page before moving on, and then will only “read” 20% of the text.
Eye tracking studies have led to the development of the F-pattern which is the prime real estate on your page. The implications of this are:
- Most users don’t read text thoroughly
- First two paragraphs = your most important information
- Subheadings, paragraphs and bullets should start with information-carrying words
When writing for your web site remember:
- Most people scan web pages—not read them
- 50% text on the web as opposed to its print counterpart
- Cut the “marketese” and the welcome mat
- Don’t use clever spelling, like Fysics
- Use terms your target audience(s) will be looking for while “scanning,” e.g., Master’s vs Graduate
- Users expect underlined/colored text to be a hyperlink
- Highlight (bold) key words, not entire sentences

Inform, Interact, Inspire: Reimagining the Admissions Website

Favorite Chosen by Brian Heaton, Web and New Media

Carleton College research indicates prospective students prefer home page photos of ornate buildings and campus settings and not people, which they suspected were staged shots of models. Carleton College called this a desire for a “sense of place.”
Research with prospective students passing through the admissions office demonstrated that prospects expected many of the same items available on (or directly accessible from) the university home page to also be on (or directly accessible from) the admissions home page. This lead to important lesson #1: to the prospective student, every page on your site is an admissions page.
There are two types of prospects, based on where they are in the admissions cycle. The first type of prospect, a searcher, is looking for something in particular, e.g., campus demographics or an application form. The second type, an explorer, is interested and now they want to learn something about you; they’re in search of that sense of place. They want to see the virtual tour, faculty and student profiles, blogs and campus/student videos.

Interactive Maps: Making Them Work for You

Favorite Chosen by Chad Killingsworth, Web and New Media

This session validated much of the work we have done over the past 2 years to the campus map. The session specifically talked about the importance of having all the maps use a common source, have a good search and a very clean interface.

Talking to Your Boss about Twitter

Favorite Chosen by Sara Clark, Web and New Media

Lori Packer provided a great summary for how to show all kinds of social media, including Twitter, to decision makers. First, show them the stats, second let them see the conversation then take them for a test drive. Some takeaways from her session included:

Social media is not about control. Social media is like a river: you can’t control the river, but you can harness it to further your goals.
It’s best to just get started first then generate a strategy.
Use Twitter to do your job better and look for opportunities.

Re-purposing videos from Inside Missouri State

September 30, 2009 by

This post will give you step-by-step instructions on how to embed the videos from Inside Missouri State on your University web site. There are five marketing message videos, one for each of the first five sections of the site, as well as testimonial/spotlight videos that correspond to each marketing message on the left of these sections. You are free to include any of these videos on your University website. Here’s how:

The videos are hosted on Missouri State’s iTunes U site. You will need the URLs for these videos to embed them on your site. First ensure that the iTunes software is installed on your computer, and then visit http://itunesu.missouristate.edu and click on the button labeled ‘Open iTunes U: Public Access.’ This will open iTunes on your computer, and automatically navigate to Missouri State on iTunes U.
Now that iTunes is open to Missouri State’s page, click on the section labeled ‘About Missouri State,’ which is in the first content area called ‘Welcome.’ You will see multiple tabs in the About Missouri State section. The tab labeled ‘Inside Missouri State’ houses the five marketing message videos from Inside Missouri State, and the tab labeled ‘Spotlights’ houses the testimonial videos from Inside Missouri State (they are the first six videos under this tab).
Find the video you wish to use on your site, ensuring that the correct tab where it is located is selected and open in iTunes. At the top of the page is a ‘Subscribe’ button. Right-click on this button, and select ‘Copy Link.’
Open your web browser, and paste the link you just copied from iTunes into the address bar and press Enter. You will now see the RSS Feed of the tab you had open in iTunes U. Find the video you wish to embed on your site, and copy the URL of that video. The video URLs should all end with ‘encolusure.mp4.’

Now that you have the URL to the video copied, you need to paste that URL into the video player. In Web Press, you will use a content class called ‘Video Player – MP4 or FLV.’ The instructions below will show you how to embed the video using this player in Web Press.

If you have a University site that does not use Web Press, the embed code can be provided to you. Please send an email request to bradmitchell@missouristate.edu if you would like to use the video player embed code on your site outside of Web Press.

To embed the video in your Web Press page:

Open the Foundation Page of the web site that you want to edit.
Scroll to the bottom of the page, and click Edit List of Content Pages. The Edit Link Element page opens.
On the Edit Link Element page, click Create and Connect Page. The Content Class Groups page opens.
In the top portion of the screen, click the General Pages group.
In the bottom portion of the screen, click Video Player – MP4 or FLV.
Type in a headline. This headline can not seen by users and is used for searching only.
Open Edit Video Settings Via Form and paste the video URL you copied from iTunes.

(More information on using the MP4/FLV Video Player in Web Press can be found at http://webpress.missouristate.edu/VideoPlayerMp4Flv.htm)

Also note that you can use the above instructions to embed any video that is hosted on Missouri State’s iTunes U site. Simply find the video you wish to embed on your site, and then follow the above instructions.