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: 137

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 - www.mapformation.com). :-)

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 happen...at 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. :-)

http://map.emory.edu

--john
Hi John! Great to see you in here.

Related to http://map.emory.edu , 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!

Derek
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

RSS

Elsewhere

Latest Activity

Linda Faciana commented on Lynn Zawie's group OmniUpdate
"Join us for our next webcast with April Buscher from Montana State University Billings to learn how blind readers and people with hearing impairment view and read your website and how you can make it accessible to them. http://bit.ly/2zhdcIt"
Wednesday
Amanda Lawson joined Lynn Zawie's group
Thumbnail

OmniUpdate

Share your experiences using OmniUpdate CMS
Aug 9
Amanda Lawson posted a photo

Amanda Lawson

Amanda Lawson, Web Content ManagerCommunity College of Allgheny County
Aug 9
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"High schoolers spend more time on their digital devices than they do sleeping, doing homework, or participating in extracurricular activities. So how do you make your message stand out to them? #eexpect http://bit.ly/2MOIIWC"
Aug 8
Linda Faciana commented on Lynn Zawie's group OmniUpdate
"Want to increase digital engagement with high school juniors and seniors? Join our next webcast with Stephanie Geyer from Ruffalo Noel Levitz as she shares new data from the 2019 E-Expectations Trend Report on email, paid media, and social media…"
Jul 31
Charlie Holder joined DNI's group
Thumbnail

Cascade Server CMS

For folks who use (or are interested in) Hannon Hill's Cascade Server CMS productSee More
Jul 26
Linda Faciana commented on Lynn Zawie's group OmniUpdate
"Is your website in compliance with the new WCAG 2.1? Join our webcast to learn various accessibility guidelines, what’s new in 2.1, and more! http://bit.ly/2zhdcIt"
Jul 22
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Even though GDPR has been in effect for over a year, many U.S. colleges and universities are still struggling with how best to implement the rules. We’re here to help. http://bit.ly/2YZZtRQ"
Jul 18
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Does your college or university website meet the new WCAG 2.1 accessibility standards? http://bit.ly/2JBXD3s"
Jul 12
Linda Faciana commented on Lynn Zawie's group OmniUpdate
"Join us for our next webcast with Eric Turner from Mt. San Antonio College, who will share easy steps to make your website GDPR compliant. http://bit.ly/2zhdcIt"
Jul 10
Linda Faciana commented on Lynn Zawie's group OmniUpdate
"It is always important to make a good first impression! Join Aaron Blau from Converge Consulting as he covers ways to make your web content attractive to your target audience and create an authentic brand message. http://bit.ly/2zhdcIt"
Jun 19
Jon Shaw posted a discussion

email obfuscation

Anyone using a javascript or php email obfuscation library that is effective for spam defense?See More
Jun 11
Linda Faciana commented on Lynn Zawie's group OmniUpdate
"Join us for our next webcast with Kelly Bostick from University of Arkansas who will provide some great tips on ways to ensure that all of your digital content is accessible. http://bit.ly/2zhdcIt"
Jun 6
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Creating and producing website content is just the tip of the iceberg. In our latest white paper, learn how to manage that content to help your website reach its fullest marketing and recruiting potential. http://bit.ly/30WJ0PW"
May 30
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"A college or university website redesign is the most effective and cost-efficient way to attract and recruit new students. Download our ultimate guide to get started on your redesign today! http://bit.ly/30MmcSQ"
May 28
Cody Bryant is now a member of University Web Developers
May 20
Linda Faciana commented on Lynn Zawie's group OmniUpdate
"Join us for our next webcast with Rachael Frank from Gravity Switch to learn how to organize your content and messaging for a website redesign. http://bit.ly/2zhdcIt"
May 16
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Capitalize on content by creating an editorial calendar for your college or university website. Here’s how: http://bit.ly/2WCauaY"
May 9
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"A soft launch of your website redesign is well worth the extra time. Find out why. http://bit.ly/2LfeigX"
May 2
Linda Faciana posted a blog post

Webcast - Website Redesign | The importance of using content inventories

Join us for our next webcast with Laura Lehman from Eastern Mennonite University to learn how to effectively use Google Sheets during a website redesign and migration! http://bit.ly/2zhdcItSee More
May 1

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

About

© 2019   Created by Mark Greenfield.   Powered by

Badges  |  Report an Issue  |  Terms of Service