The new unc.edu

We’re excited to share the chosen design for Carolina’s web site below.  The design will be presented to the University’s Board of Trustees later this month.

Thanks again to all who shared in the redesign process.  The creative team took to heart all of your comments and those we heard outside of the blog and recent online poll.  Reaction to the two proposed designs fell into some main themes:  need for school colors, less darkness, larger school logo, more prominence for the utility navigation, and need for information about the background photo.

We addressed those concerns by

• adding more white and a bit more Carolina blue in places such as link text
• increasing the UNC  brand logo size by 25 percent
• emphasizing the utility navigation at top so that you can find the most-used tools of search, maps, directories and libraries
• adding descriptions of the changing background photos at a link in the top right corner.

Plus, we’ll create landing pages for campus athletics and health care.  The athletics page will provide information about Carolina’s recreational sports, fitness opportunities and varsity athletics.  The health care page will point users to the wealth of health and wellness resources on campus.

These changes improve a design that benefited from thousands of comments, user research, usability testing, and what we learned from best practices.  And, of course, the expertise of web developers and communications professionals on campus, as well as those directly involved in creating the design.

Plus, Chancellor Thorp made some helpful comments, too.

We’ll soon conduct another round of usability testing with an emphasis on accessibility that was not possible during the wireframe testing.  The creative team will work with ITS Web Services on building the new site in the content management system Carolina Content.

Proposed redesign for www.unc.edu. Click for a larger image.

Design feedback. What we heard and what’s next.

Wow!  Thanks for your valuable and honest feedback.  This blog received nearly 10,000 views since we posted the designs and over 1,000 of you responded to the poll.  Your 500+ comments show that you are truly connected with Carolina.

The comments have been informative and encouraging.  Can everyone be pleased?  No, but we’re determined to strike the right balance.

Before we touch on main themes, please know that the design is evolving, based in large measure on your comments.  The themes that emerged from comments included:

Color:   Some of you like a dark background  and some don’t.  As far as how background color impacts readability, Web standards show that high contrast is of utmost importance.  We will continue to test and evaluate this.

Branding:  Some of you mentioned highlighting Carolina Blue and making the University’s logo bigger and more prominent.  We hear you.

Libraries:  Placing the Libraries link at the top of the page enables users to quickly access the site from every page in the same way as Directories and Maps.  Usability testing showed that people had no problem finding this link. Nevertheless, we’re working to make this more prominent.

Looks like something you’ve seen before: Successful sites have many elements in common.  Neither design was pulled off a template rack or copied.  Heck, I think the basis for design B is a Mondrian painting or a Mackintosh detail, so that’s high praise in my book.

Sense of place:  Some folks think that the large photo in design A gives a sense of place, especially if other photos of Carolina rotate through.  This has always been a priority.

Academic life:  With the addition of real content – photos and stories about the people exploring, creating and researching – the site will take users deep into Carolina’s meaningful academic life.  The design will serve as a starting point for this and the content will ultimately show the substance and heart of Carolina.

Photos:  Will images change?  Yes. The idea is to frequently interchange photos of our beautiful campus, academic settings such as laboratories and classrooms, and our people to show what life at Carolina is like.  Keeping the best user experience in mind, many photos will take users to the stories and people behind them. And, by the way, the photo stream will be moderated.

Thanks again for your feedback.  We’ll continue to use the blog to keep you up-to-date on our progress and we welcome your comments at any point.

On behalf of the Web Advisory Committee,  Scott.

Designs are here! Tell us what you think.

After months of research and testing with users, including current and prospective students, parents, alumni, faculty and staff – we are at the design stage. We’d like to share a couple of design directions with you and get your feedback. With your input, we’ll refine and test a new design and develop some second-level templates.

Here are our goals for the new site design:

• a site that not only meets users’ needs, but illustrates the academic exploration, life-changing research, and important work of our faculty, students and staff.
• a user-friendly site. That means a new design that helps you find what you’re looking for – quickly and easily. It also means more relevant content, including RSS feeds, campus updates, a mobile version of the site, a Libraries link at the top of the page, and plenty of new features.
• a distinctly Carolina site. We don’t want to look like every other University Web site out there. We want to go in a direction that shows why Carolina is distinctive.

A couple of notes on both designs.

1. Navigation: Users have multiple entry points, based either on user group or by content category.
2. You will see the places for:
   • A big story (breaking news or an in-depth look at a subject)
   • Campus updates, such as Commencement information, with longer shelf lives
   • User-submitted photos
   • News and calendar feeds
   • Social media

Enough said. Here are the designs.

Click on the image to zoom in.

Click on the image to zoom in.

What have we learned? Research and your responses

Our redesign team and advisory committee have tapped the minds and expertise of students, alumni, faculty and staff.  But our  collective knowledge isn’t enough to redesign UNC.edu. Over the past several months, our  team has enlisted input from the greater community. Here’s what we have been up to:

* More than 1,000 people shared feedback on the interim home page design in 2008.

* We interviewed nearly 50 campus stakeholders and students last September and October.

* 1,600 of you completed an online user survey.

* We held a series of student focus groups.

* In February 2009 more than 1,000 of you helped test the proposed navigation.

* Just last month, we sat down with 17 people representing a cross section of users to conduct an in-depth usability test for the new navigation and proposed features.

* Throughout the process, we’ve presented our findings to campus stakeholders and to  students from schools and units from across campus, ranging from ITS to Undergraduate  Admissions to the Graduate School to the School of Journalism and Mass Communication to UNC Health Care.

* Nearly 100 comments on this blog and others through help.unc.edu have provided valuable suggestions.

What did we learn? Clearly, UNC.edu has a diverse set of users. It’s both the entry point  for insiders and the proxy to the outside world. Based on what you told us, the new site  needs to:

* Improve ease-of-use so you can find what you need, quickly and easily

* Increase relevance by providing timely and interesting content

* Help users navigate the University’s complex environment

* Reflect Carolina’s personality: preeminence without pretension

* Impart a sense of our culture

* Convey a distinctive look and feel.

We’re not done yet, in a couple of weeks you’ll get a preview of the  designs and will have the opportunity to share your feedback and preferences. Once a  final direction is chosen, we’ll conduct additional testing with users across campus,  including accessibility testing.

Thank you for your feedback. We look forward to  hearing from you again.

Scott Jared, University Relations, on behalf of the design team and advisory committee

Some words about accessibility

“Accessibility” is one of the most debated and misunderstood concepts in the field of web design and development. According to the World Wide Web Consortium (W3C), web accessibility means that “people with disabilities can perceive, understand, navigate, and interact with the Web.” The group notes that accessibility encompasses all disabilities that affect access to the Web “including visual, auditory, physical, speech, cognitive, and neurological disabilities.”

By incorporating accessibility standards into our new site we’ll not only help those with physical disabilities, but also benefit users on different platforms, browsers, and mobile devices. In addition, an accessible web site can improve search engine rankings.

Although many factors contribute to an accessible web site, WebAIM recommends the following high-level guidelines:

* Provide text alternatives for any non-text content
* Provide alternatives for time-based media such as audio or video
* Create content that can be presented in different ways without losing information or structure
* Make it easier for users to see and hear content including separating foreground from background
* Make all functionality available from a keyboard
* Provide users enough time to read and use content
* Provide ways to help users navigate, find content, and determine where they are
* Make text content readable and understandable
* Make Web pages appear and operate in predictable ways
* Help users avoid and correct mistakes
* Maximize compatibility with current and future user agents (such as browsers, screen readers, braille browsers, mobile phones), including assistive technologies.

Let’s embrace new technologies and create a rich, interactive experience while also ensuring that our site is accessible to the entire Tar Heel community.

by Billy Hylton, ITS Web Services, Senior Web Producer & ad hoc member of UNC Web Advisory Committee

Positive user experience: what does that mean?

When someone arrives at unc.edu (either intentionally or not), we would like them to have a positive “user experience.” But what does that mean?

Those of us who study human-computer interaction or engage in website design have moved beyond basic usability – usability means that someone can effectively and efficiently accomplish their goals when using our site. In addition to being usable, a site should evoke an emotional response in the user. Those emotional responses may vary over a wide range, depending on the goals of the site. For example, an environmental activist site might want to motivate people to take action, while a multi-user game site might want to evoke the experience of having fun. A medical information site might want its users to engage seriously with the information they provide, while a high-end department store site might want its users to feel like they’re in the lap of luxury.

Designing to evoke a particular emotional response is still more of an art than a science, but the tools used to design usable sites can also inform design decisions related to the user experience. A wide variety of user research supports the redesign of unc.edu. In particular, a survey completed by 376 prospective students, 70 first year students, 345 upperclass students, 103 graduate students, 117 faculty members, 379 staff, 334 parents and 320 alumni yielded much useful data and ideas.

From the user data, the development team concluded that one of the ways that a new design of the UNC website can promote a positive user experience is by balancing the site’s functionality with its ability to tell a story.  This could be done through three narratives that are important to UNC:

• sense of place: Carolina’s openness, atmosphere, beauty.
• vitality – that people (both students and faculty) come here to engage in exciting work on interesting problems.
• heritage, with an emphasis on both its long tradition and how up-to-date it is today.

Through these three narrative emphases, a new website design will attempt to convey the institutional culture of UNC to those website users who are new to the site and to those who use it every day.

Barbara Wildemuth, member of the UNC.edu redesign steering committee and Professor in Carolina’s School of Information and Library Science

Where have all the wizards gone? Right here.

My beat is research. Dull or downright scary, right? All about lab coats and beakers, numbers and facts?

No. Let me rephrase that: hell no. If you’re an ideas junkie like me, research is where the action is — what’s up, what’s next, and what’s new. How do we let people in on the action?

On a Website, a new UNC.edu, that’s how. Let’s take a chance. When it comes to the wild, woolly, wonderful Web, boring and safe are not options. They are dead on arrival. Let’s find the action.

Action, like the kind you find in a good tale about a daring adventure, a risky gamble, a passionate quest! Such stories are the soul of research. Let’s find them. Let’s find surprises. We live for surprises. Research is hatching a goodly supply. But most of all, most of all, we are craving enchantment. Give us some spellbinding, mind-bending mystery and breathtaking awe.

Dream on, you say. How in the world do we find all of that? With a telescope, a microscope. With a computer than conjures from data the long-hidden patterns of life. Where have all the wizards gone? They’re here. Right here.

Let’s stop boiling our research down into bullet lists and bragging points. Let’s write the stories about mysteries unfolding. Let’s find some brave daring-do. Let’s follow sea turtles finding their way home, take the pulse of an active volcano, read about climate in a glacier’s ice or a mollusk’s shell, wage war against cancer, wander the maze of a protein, unwind the magical ribbons of life.

Students? The best ones won’t come to Carolina to play it safe, to hold up a test tube and mug for the lens. They want a piece of the action. They want to take on a huge, hairy problem and solve it. They want to arrest global warming, invent a clean fuel, cure a disease, correct an injustice, name a new species, compose a great concerto. Let’s show them this is the place to be doing all that. Forget the propaganda, the impressive statistics. Let’s find the stories, the images, and the people right here on our campus who go about changing the world.

by Neil Caudle, member of the UNC.edu redesign steering committee and Associate Vice Chancellor for Research. Neil oversees communications, external relations, information technology and various projects for the Vice Chancellor for Research and Economic Development.

Welcome

Welcome to the UNC web site redesign blog. We’re here because UNC.edu is going to change, and we want to continue getting your input. You’re here, we hope, because you’re interested in helping.

Thousands of you have already told us what you think Carolina’s site should and could be. You’ve emailed, responded to surveys, sat in on group discussions and talked one-on-one. Thanks for speaking up. This blog will expand the conversation.

You’ve pointed out the current site’s strengths and weaknesses. Your comments range from “It stinks!” to “Give everyone an iPhone instead” to “Don’t change it!” You’ve told us what could make the site more useful. Now, we’re looking at possible new solutions and features.

A steering committee comprised of Carolina students, faculty and staff will guide University Relations as it drives the redesign of UNC.edu. A list of members is below. You’ll hear from some of these members on this blog.

As we share news along the way, we’ll all be able to talk about it. Our team has loads of experience and know-how, but you’ve got the insight into what works for you.

So, keep sharing your thoughts, preferences, even your pet peeves. As we proceed with making the site everything it ought to be, we’ll look to you for input and feedback.

Take a moment to envision your ideal UNC.edu: when it’s all said and coded, and that new home page loads for the first time on your screen, what do you hope it reveals?

We look forward to hearing from you.

Web Advisory Committee Members:

• Leigh Adam, Executive Director of Marketing and Communications, Kenan-Flagler Business School
• Neil Caudle, Associate Vice Chancellor for Research and Director, Office of Information and Communications
• Jeremy Davis, Manager, CarolinaContent, Information Technology Services
• Nancy Davis, Chair, and Associate Vice Chancellor for University Relations
• Steve Farmer, Assistant Provost and Director of Undergraduate Admissions
• Matt Holway, Director, Enterprise Applications, Information Technology Services
• Jasmin Jones, Student Body President (former SBP J. J. Raynor served during her tenure)
• Karen McCall, Vice President for Public Affairs and Marketing, UNC Hospitals
• Cathy Melvin, Research Associate, SHEPS Center, and Research Associate Professor, Gillings School of Global Public Health
• Ashley Memory, Director of Communications, Undergraduate Admissions
• Dee Reid, Director of Communications, College of Arts and Sciences
• Laura Ruel, Assistant Professor, School of Journalism and Mass Communication
• Tim Shearer, Web Development Coordinator for UNC Libraries
• Barbara Wildemuth, Distinguished Professor, School of Information and Library Science

Ex officio:

• Courtney Mitchell, Writer/Editor, Web and Publications Services
• Dave Kass, Assistant Vice Chancellor for Information Services, University Advancement
• Scott Jared, Web Content Director, University Relations
• Chris Johnson, Web Designer, Design Services
• Mike McFarland, Director of Communications, University Relations
• Jessie Schaefer, Design Services Director, University Relations

Many thanks on behalf of the team, Scott.