UNC.edu Redesign Update August 6, 2009. Redesign Process Phase OnePhase TwoPhase Three Stakeholder interviews User interviews User survey Focus groups.

Slides:



Advertisements
Similar presentations
Program Update and Site Redesign Program Update and Site Redesign | Aug 2013.
Advertisements

Improving Web Usability with a Content Management System Fred Miller, Rick Lindquist, & Curtis Kelch Illinois Wesleyan University.
UX and Content Strategy for the ISD website Chris Moos ISD Website and Communications Team.
User-Centered Design: From Concept to Product Peter Merholz peterme
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Homepage Design Audience Satisfaction Survey. Survey Goal: The new website design should invoke an aesthetic emotional response with our audience. The.
David Richards website redesign MA in UXD, Kingston University Experience Design 1, Fleeta Chew.
Introducing new web content management tools for Priority...
Kapi’olani Community College Art 155 Information Architecture In-class Presentation Week 9A.
1 Google’s Goals, User Experience Challenges Maria Stone 10/08/07 based on earlier talks by Jen Fitzpatrick, Jenny Gove, Deepak Menon and Michael Margolis.
Web Redesign Effort Western Michigan University. The Problem  The size  over 60,000 pages  The content  out-of-date, 60% never visited, incorrect,
The Road to Redesign. Project Objective To redesign & reorganize the Carleton web site. To redesign & reorganize the Carleton web site.
Tuesday, 8 th June 2004 Introduction Margaret Hanley Business Analyst/Senior Information Architect BBC Worked on three continents – Australia, USA and.
Administration Of A Website Information Architecture November 17, 2010.
Information Architecture Donna Maurer Usability Specialist.
Information Architecture Creating well structured, usable sites.
PBA Front-End Programming Development Organisation.
Navigation and Menus Hillary Funk. Agenda  Overview of Navigation and Menus  Types of Navigation  What good navigation includes  Navigation Stress.
Website Redesign: User Testing and Web 2.0 Bennett Claire Ponsford - Digital Services Librarian Christina H. Gola - Coordinator of Undergraduate Instruction.
U.S. Department of Agriculture eGovernment Program FSIS Web site Re-design Project Information Architecture Strategy October 8, 2003.
Dawn Pedersen. Web Interfaces Web interfaces allow a user to interact with a website. The simplest web interfaces provide information and allow the user.
Making YOUR WEBSITE MORE EFFECTIVE Website Evaluation & Usability September 17 th,
Hearts, Minds and Online Donations Wednesday 10 th of March 2010 Bristol Fundraising Group Talk by Tickbox Marketing.
Sarah Rice - IA Summit 2004 Bottom-Up Information Architecture: Re-Design of an Enterprise Class Web Site.
IndusInd Bank – Website
 What is a wireframe?  What features are important?  Which wireframe tools might you want to try?
A User-Centered Website Redesign Ray Heigemeir Stanford Music Library.
Web-designWeb-design. Web design What is it? Web-design features Before…
– Strategies for Effective Navigation Design & Prototype Phases.
1 Successful Ingredients and zShell Josten Ma 12 March 2008.
Do You Have a Web Site?. Everyone does, don’t they?
Archives.gov Redesign The Past and the Present 2010 Redesign Process Participation The Future!
What did our users tell us about how we should improve the library website interface? And what are our actions in response? Neena Weng User Interfaces.
CAIS Boarding Schools │ BRAND V: 1.0 October 13, 2011.
International Center for Agricultural Research in the Dry Areas Web strategy ICARDA2.0 :: re-design project 1.
Designing the Perfect E-Commerce Experience Alex Metcalf, Senior Usability Analyst.
Web Redesign Project Update September 15, Agenda Recall: Project Scope and requirements Information Architecture Usability Testing Visual Design.
Organizing Information AGCJ 407 Web Authoring in Agricultural Communications.
CIS 285 Winter Quarter 2005 Robinson Web Design CIS 285 January 2005.
Giving to the Libraries. A Competent Site  It’s all here (but its all here)  Users have a telephone book, but they need a map.
Building the right web team Matt Herzberger. The Goal Getting the right people in the right room at the right time.
Web Site Usability. Benefits of planning usability Increased user satisfaction, which translates directly to trust and brand loyalty Increased user productivity,
Webmasters’ Guild User-Centered Web Redesign: Project Overview Presented by: Susan Powell and Jen Strand NYS Department of Taxation and Finance
INORBIT.in A Case Study. Over view  The New Inorbit Website is setting benchmarks in terms of design & usability in the retail sector, providing users.
Interface Design Web Design Professor Frank. Design Graphic design and visual graphics are equally important Both work together to create look, feel and.
Power to the user. TM Bringing Value Through Increased Usage.
Web Usability1. Goal : Your average user can use it without frustration. Usability guidelines:  Don’t make users think.  Avoid obscure messages. Web.
Rockford College Campus Web site Development. Today’s Agenda Review Best Practices Discussion Review Template 3 design possibilities Discussion Site/Front.
PBA Front-End Programming Development Organisation.
Creative Digital Technology Excellence in Internet Development Since 1992 Westpac Online FX Facelift RFP Discussion.
Internet Organization Structure
Session A305 Findability: Information Not Location Mike Creech Web Content Manager Ken Varnum Web Systems Manager University.
Louisa Lambregts, Algonquin College. Today, we will review: 1. website design process 2. main client project and deliverables 3. what is effective web.
Information Architecture
Information Architecture & Design Week 9 Schedule - Web Research Papers Due Now - Questions about Metaphors and Icons with Labels - Design 2- the Web -
1 Sky Business Website rebuild. 2 Agenda  Client Brief  Our Approach  Budgets & Timings  Agree next steps.
WHY DO YOU NEED IT? What is a wireframe?. A wireframe is… A wireframe is a simple visual guide to show you what a Web page would look like. Wireframes.
NLM Web site redesign Out with the old
MMI Web Transition Team Briefing Nan Galbraith (and many others) August 2008.
Online Assessment Roll System A Simple User Guide.
WEBSITE NEW FEATURES presented to Mt. SAC Website End User’s Group presented by Uyen Mai, Marketing and Communication Eric Turner, Web and Portal Services.
St. Luke’s Social Media Facebook  1,238 Likes; 14 Talking About This  Date Joined: October 26, 2010  Last Activity: March 26, 2011  Seldom posts status.
ILO Public web site guided tour. WEBDEV Page 2 The way we were...  The ILO web presence is composed of about 150 different sites  On top of them there.
RUSA Website Review Task Force Questionnaire Results.
Presented to SMPH Web Steering April 26, 2016
Web-design.
Texas Legacy Project LIS 385T Information Architecture and Design
Phases of Designing a Website
The New MD Consult: Smarter. Easier. Better
Presentation transcript:

UNC.edu Redesign Update August 6, 2009

Redesign Process Phase OnePhase TwoPhase Three Stakeholder interviews User interviews User survey Focus groups Content Audit Competitive review Information architecture Card sort testing Features Creative approach Wireframes and functional design Usability testing Visual design Content development YOU ARE HERE

Designs Reflect Brand Personality: preeminence – minus the pretension Impart a sense of your culture Balance functionality and Narrative Convey a distinctive look-and-feel

Message

Design One

Design Two

Users Diverse set of users with diverse set of needs The main Web site is proxy to the outside world and entry point for insiders “Especially for people who haven’t visited the campus, the site is a view into UNC. It has to stand in for the actual campus.” “This is University property. It’s one chance to interface with lots of people who share a common interest. The University should be highlighting interesting things about it.”

Serving Users

User Research

Strategic Guideposts Evoking Narrative: telling your story Increasing Relevance: making your site more relevant Reducing Complexity: designing for a complex environment

Evoking Narrative Illuminate the Carolina experience Convey your brand Humanize the University

Balancing Functionality and Narrative “There’s no story in the directory page…it’s just a set of links.” “When someone approaches the University’s current Web site, they don’t know anything more about UNC-Chapel Hill from the homepage than they did before they came to the Web site.”

Supporting Features: Narrative Big Story Discover UNC In Pictures Tour UNC Profiles of People

Increasing Relevance Structure content to meet users’ needs Focus on distinct user groups, search and timeliness “On the site, you see an area called ‘Alumni and Parents.’ I never liked how they were grouped together. It doesn’t make sense to me. I often look under Students.”

Site Map Prototype

Card Sorting

Usability Testing

Supporting Features: Relevance Audience in transition sections Today & Tomorrow pages Calendar improvements Portable content widgets Place finder RSS Index

Reducing Complexity Provide a cohesive Web experience across the University Provide tools to campus communicators

Implementation

Templates

Brand Bar Universal asset for all UNC.edu sites

Next Steps Further feedback from campus Design interior pages Additional usability testing Development

Thank You.