University Web Developers

University Web Developers

About a year ago, we were working on a new Web site for the College of Business, and they wanted a new campus map, because they hate the clunky old cartoon map of our campus.

The whole thing became a huge political football, and I even got screamed at in a public meeting by one of our "old guard" who was offended that I didn't like the cartoon map...

Anyway, COB dropped the campus map idea and went for a simple regional map instead (which I designed and built). Of course, it isn't accessible and it's no great shakes, but they liked it.

Anyway, as part of the process I posted some research reviewing campus maps in my blog. No offense intended if one of the one's I didn't like is yours. :-)

Views: 152

Replies to This Discussion

Hey Tony! I thought I would chime-in on this thread...since I've basically been living, breathing, eating and sleeping "campus maps" for most of the past 14 years (8 years as a private consultant - :-)

When looking at your criteria of what you like in a campus map:

* Quick response (many maps were slow or had to load a separate page when you zoomed in)
* Detailed zoom control with easy to use controller with feedback (e.g., Google Maps)
* "Grab and pan" control for panning map (like Google Maps)
* Switchable custom data layers to show/hide information
* Attractively designed maps (many maps were crude or used ugly colors)
* Clear to read and clearly labeled maps (many were difficult to read)
* Photos of buildings (seeing a square on a map doesn't help you recognize the building on the ground)

...I noticed that you were essentially talking about on-screen solutions. In my experience, a REALLY good campus map is not only a design that looks good and is clear/easy to understand on-screen, but will also translate over into print or signage mediums as well. I love electronic maps as much as probably anybody you'll come across...but if somebody cannot hit "print" and take a good copy of that map with them, it is effectively doing a disservice to one's constituents, in my opinion. Having one map for print, one map for the web, ANOTHER map for directional kiosks, etc. is confusion and constituent frustration waiting to least in my experience, and is much, MUCH more time-consuming and/or costly to try and maintain.

One thing I have also learned in 14+ years of map design is that there are two types of people in the world related to wayfinding and navigation:

Type A: Prefer and depend upon more traditional cartographic traditions, such as planemetric designs (2D or "straight-down" views), physical distance, "North," street names, etc.

Type B: Navigate using visual landmarks (building facades, unique architecture, adjacent to notable landmarks), with a much lower reliance upon "traditional" navigational resources.

I've casually surveyed hundreds of individuals on this very subject....and what I've found is that the break-down of Type A and Type B individuals is almost 50/50. Type A individuals tend to more-often be men, left-brained and (in a campus setting) employed within Facilities Management and Public Safety departments. Type B individuals tend to more-often be women, right-brained (creatives) and in a campus setting, tend to be found in Admissions and Public Relations departments.

The key is user-centered design. If you're a "Type A," you have to try and remember that as many as half of your constituents will need/want visual breadcrumbs (photos or drawn building facades) in order to get a feel for where they are in space. Many institutions make the mistake, however, of only serving the portion of the population who happen to mirror the "Type" that is common within the department/individual(s) who control that institution's official maps.

Some other items I might add to your list of what makes a good/better map:

- Significant attention being paid to issues of contrast (color-blindness) within the design elements.
- Reducing the quantity of items that require a key to explain what that iconography is referring to
- Avoiding the use of campus lingo/jargon at all costs...remembering that a vast majority of the users of your map designs will be unfamiliar with your institution.
- Maps that look good and work well as .pdf output at 8.5x11" if at all possible.
- MAPS THAT ARE CURRENT! Sounds obvious, but you'd be surprised how many severely-outdated maps are still floating around the internet as "official" institutional maps.

Sorry for the long post! This one obviously hits VERY close to home...although none of our clients didn't make either your "love" or "hate" lists...from what I could see. :-)
Hi Tony and Hi Derek, I'd be interested in your assessment of our campus map. Don't pull punches. I didn't make it. :-)

Hi John! Great to see you in here.

Related to , there are a few quick/easy things right off the bat that could probably make that interface a LOT better:

1. Image tiles. It appears as though 24-bit .jpg image tiles are being used as the "backbone" of the GUI, even though the planemetric-styled map with "flat" colors would easily lend itself well to 6-bit or possibly even 5-bit .png. Cutting out all of those unnecessary colors would likely have a dramatic effect on the file size of each tile...making the entire interface load/display faster while consuming less bandwidth.

2. Building Photos. I also noticed that many of the building photos that are displayed in the upper left corner of the interface haven't been sized properly. The interface displays those photos at 200x140 pixels, yet some of those photos are stored at over 1300 pixels wide. 380 KB 200x140 pixel .jpg files aren't good...and that is really bogging-down the entire interface. ;-)

3. Disabling the Back/Forward buttons (at least in Firefox). I keep finding myself wanting....NEEDING a back button as I am maneuvering through the interface, yet that is a service that has been disabled. Why? I assume there are very good reasons for this, but it makes the interface more cumbersome overall.

4. General appearance. The map graphic, in general, isn't that attractive to look at, and without the accompanying drop-downs on the left-hand side of the interface, it would be very difficult to use. I would think that the map could graphically be made much more appealing and "intuitive"...but obviously I don't have a good sense of everything that went on behind the scenes to arrive at that current design.

I might think of more, but those were four items that quickly jumped out at me as I was playing around with the interface a bit this afternoon. Hope that helps!

Some interesting links at your blog John, thanks.

We're all big fans of the following maps here at City:
I saw nothing has really been posted here in quite some time, figured I'd contribute. In my opinion, this is a feature that seems neglected by most Universities, which is surprising given the numerous tools available these days.

We, Millersville University, played around with Google Maps and came up with a decent mashup. We even went as far as to implement clickable buildings, using coordinates rather than overlays (we found that adding 100+ overlays made the map crawl).

Map of Millersville University
The map tiles themselves were the most time intensive. We cut out aerial screenshots from various maps (Google, Ask, Yahoo) and manually re-created the campus in vector shapes in Photoshop. The actual JavaScript was a combination of adopted code from Google and other contributors and some custom stuff.

In a nutshell, we feed the map an XML file containing building information for each of our markers (i.e. image, departments, description, coordinates, building type). Then we create two click events for each of the markers to add the information windows and the "clickable building" feature.

The clickable building feature basically loops through each marker and uses the marker's coordinates, the cursor's position, and a "point-in-polygon" algorithm to determine which building is clicked. This may sound inefficient; however, we've found that for roughly 120 markers, there is no significant delay.
Ryan you did a great job on that map!

Interestingly enough, our team did a similar job for the University of Ottawa here in Canada:

Interactive Google map of U Ottawa

The map is still stationed on their testing server, but our development work is finished for the most part.

We even went as far as making a brief video to showcase all of it's features:

Video Demonstration



Latest Activity

Profile IconTracey Vellidis and Mikey Greenland joined University Web Developers
Jan 14
Sara Kisseberth posted a discussion

Archived magazine stories

Greetings,What are you all doing online with "old" magazine stories? Do you delete issues after so  many years? 5 years? 10? I'm torn between keeping all on for historical purposes or keeping just a few years online to simplify the site (ala Gerry McGovern.) Curious as to what you see best practices being.ThanksSara KisseberthBluffton Universitywww.bluffton.eduSee More
Jun 10, 2020
Erin Jorgensen posted a discussion

HighEdWeb 2020 Accessibility Summit

The HighEdWeb 2020 Accessibility Summit is a one-day, online conference about digital accessibility in higher education happening June 25, 2020, from 10 a.m. to 5 p.m. CDT.Join in to learn best practices, share stories and connect with your higher ed peers on topics including social media accessibility, web development, user experience and more. Sessions are designed to boost knowledge at every level, from accessibility beginners to technical experts. Conference registration is $25, with…See More
May 29, 2020
Erin Jorgensen is now a member of University Web Developers
May 29, 2020
Christine Boehler posted a discussion

HighEdWeb 2020 Annual Conference - ONLINE

October 19-20, 2020     Join us ONLINE for HighEdWeb 2020, the conference created by and for higher education professionals across all departments and divisions. Together we explore and find solutions for the unique issues facing digital teams at colleges and universities. In 2020, the Conference will be held completely online, offering multiple tracks of streamed presentations, live…See More
May 3, 2020
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Throughout April, we're hosting webcasts exploring how colleges and universities across North America are responding to the COVID-19 pandemic. Register for the series today!"
Apr 13, 2020
Christelle Lachapelle is now a member of University Web Developers
Apr 6, 2020
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Download our latest white paper to learn how the demographics of today’s higher ed learners are shifting, and how schools can adapt to meet the needs of these new learners."
Mar 31, 2020
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Join our next webcast with Amrit Ahluwalia from The EvoLLLution to learn about the new "modern learner" in higher education."
Mar 30, 2020
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"As we ride out the latest developments and impact of the coronavirus, there's no better time than now to learn the three Bs of crisis planning."
Mar 16, 2020
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Is your college or university prepared to meet the challenges that come with disasters and emergencies like the coronavirus? Learn how your CMS can help."
Mar 12, 2020
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Can’t afford the time and money to launch a comprehensive guided pathways model? Register for our FREE webcast to learn tricks for simulating a digital guided pathways experience."
Feb 21, 2020
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"With college enrollment decreasing for the 8th year in a row, boosting your college or university marketing efforts is more important than ever. Here's how to get started."
Feb 20, 2020
Christine Boehler posted a discussion

HighEdWeb 2020 Annual Conference

October 18-21, 2020 in Little Rock, Arkansas, USA     Join us for HighEdWeb 2020, the conference created by and for higher education professionals across all departments and divisions. Together we explore and find solutions for the unique issues facing digital teams at colleges and universities. With 100+ diverse sessions, an outstanding keynote presentation, intensive workshops, and engaging networking events,…See More
Feb 19, 2020
Christine Boehler posted a discussion

HighEdWeb 2020 Call for Proposals is Open!

The 2020 Annual Conference of the Higher Education Web Professionals Association (HighEdWeb) will travel to Little Rock, Arkansas, this October 18-21 — and the call for proposals is now open! As a digital professional in higher education, we know you have great ideas and experiences to share. From developers, marketers and programmers to managers, designers, writers and all team members in-between, HighEdWeb provides valuable professional development for all who want to explore the unique…See More
Feb 14, 2020
Christine Boehler shared Sara Clark's discussion on Facebook
Feb 14, 2020
Christine Boehler is now a member of University Web Developers
Feb 14, 2020
Brian Bell joined Kevin Daum's group
Feb 14, 2020
Brian Bell joined Mark Greenfield's group
Feb 14, 2020
Kenneth George is now a member of University Web Developers
Feb 13, 2020

UWEBD has been in existence for more than 10 years and is the very best email discussion list on the Internet, in any industry, on any topic


© 2021   Created by Mark Greenfield.   Powered by

Badges  |  Report an Issue  |  Terms of Service