University Web Developers

University Web Developers

Replacing Website Menus with a combination of Thumbnails and Tags?

Hey everyone!

One other question...while I'm on a roll today.  One idea I've had kicking around in my mind the past two months is to try and develop a web presence that used a "Google.com" model in its presentation of matching results to end users.  Asking visitors "what are you looking for?" or "what would you like to know?" and then as they enter keywords or search phrases, have a series of ~2,100 "thumbnails" (different pages of content) being quickly whittled down to 5-10 potential matches that they can then choose from.

A VERY rough, quick mock-up of the concept is attached as a .pdf.  For example, someone types in "campus map" into the search field, and all pages (thumbnails) that do NOT match said tags or search criteria would be removed from the collection of thumbnails beneath the search field.  Someone then adds "Texas" to "campus map" in said search field, and the display of matching thumbnails (pages) is whittled down even more.  To the point where someone eventually is left with a very small, manageable collection of pages from which to choose from.

I've thought that Google gets it right in this regard...getting people to content that interests them very quickly.  Only I want to display rows of thumbnails in "real time" beneath the search field, rather than having to require people to hit Enter to have matching results displayed as one vertical row of text.  Has anyone seen any good examples of this being done that you might refer me to?  And also, do you think this might be an interesting way to display college/university site content...rather than traditional menus?

Any thoughts/feedback/suggestions would be greatly appreciated.  Thanks!  - Derek

Views: 228

Attachments:

Reply to This

Replies to This Discussion

Hi Derek,

This is an interesting concept, though I have never seen anything like it implemented, it does remind me of the use of facets in Apache SOLR search implementations, but with a more highly visual interface than is typically used.

I would tend to consider it as a search alternative rather than a menu replacement, as I think hierarchy gives context to information in a way that is still useful when one is exploring a topic, rather than targeting in on a specific fact or page. Basically there are users who will find one or the other meets their needs, so I'd want them to have access to both.

Of course if you base it on a structured tagging taxomony, the hierarchy is still there to some extent... What are your thoughts on hierarchy in ordering information? Is it useful or not-so-much, for your users?

Thanks for the reply, Daniel.

I guess in my experience, which is probably different than most site developers/managers, due to our very particular subject matter, hierarchy as it related to menus seems to not be nearly as useful to many/most of our website users.

I track our website analytics nightly (I'm a numbers geek/wonk...plus I like seeing who was looking at what, what content is trending up/down in popularity, etc.).  And related to our website, the VAST majority of the traffic is people who find us via google/bing/yahoo/________ searches where they are coming to us looking for one VERY specific thing:  a specific piece of information, a specific page or image, etc.  They get to what they want, and then they're gone as quickly as they came.  The only people who really "mill around" and look at dozens/hundreds of pages are the people who are interested in browsing a particular category.  i.e. "3D vector campus maps."  They might look at 40-50+ examples in one site visit!  But they get to those samples via one main portal/page...which google/bing/yahoo/________ lead them to.

After 3+ years of watching our site analytics, it seems like a Google/Bing type of interface, asking visitors "what would you like to know?" and then having thumbnails with links to relevant ("tagged") pages would serve our users much more efficiently/effectively.  For example, sometimes people who are searching our site might not know what "vector" means.  But they know they want a map drawn in "Adobe Illustrator," or that they want a "bird's eye map" (don't refer to it as "3D perspective").  Letting them type in their terms to describe what they are looking for (even in their own language besides English), then quickly having the resulting matching pages be displayed as thumbnailed tiles beneath their search criteria, would not only get people to the content they want more quickly!  But might help them stumble on to content that is relevant that they might not otherwise have discovered.

Our website is VERY image-heavy.  ~1,200+ pages and over 8,000 maps that people can view (so far)!  Trying to find "campus maps that we've drawn in Kentucky" (as one example of a common type of question we get) is a nearly impossible, frustrating task for people to locate without calling me for help.  And if I can help people get to the content they want, not forcing them to use the one hierarchy/tree (menu) that I/we think is the most efficient or logical, it would seem to be a superior user-centered design technique.

The larger question, then, is could colleges and universities benefit from more of a similar approach to serving constituent needs?  And if yes, since nobody probably cares about little 'ol me...a former 8+ year higher ed employee who went "corporate" back in 2000, :-D ...how might one go about building it?

I have all the content developed.  I have most of the ~2,000+ thumbnails created and optimized.  I just don't quite know how to code it in a way that would work on both "desktop" and portable/handheld devices.  I thought of abandoning a CSS menu altogether since there are so many problems with a:hover on tablets...and a site as big/deep as ours would struggle from not having sub-sub+ layers beneath main menu categories.  But I can't "cut that cord" until I figure out some of the "tech" behind building my mock-up.

Sorry for another novel!  But maybe that helps to answer your questions?

Hm... It seems to me that your idea works very well in a constrained domain, especially a visual one like a maps database. It seems a lot like a drill-down through a tagging system rather than conventional search -- or at least it seems like it could easily be rationalized to such an extent that a tagging taxonomy can handle the drill-down, with no free-text search needed.

The real-time responsiveness you are after seems to me the kind of thing that custom web apps developed in Ruby on Rails and similar coding frameworks often handle very well. Are you looking to use a particular technology for compatibility or other reasons, or are you considering starting from scratch with a best-fit technology for this particular purpose?

Not being a programmer, I don't have strong views on what it would best be built in, and would be really interested in hearing what others have to say on the subject.

Cheers, Dan

Thanks again for the reply, Dan!

I'm mainly just trying to have our site best "fit" our constituents related to user-centered design.  Design and deliver content the way that people desire to get to their content of interest, as efficiently as possible.  Done as a responsive design...since not only are the nav menus not intuitive for everyone (i.e. I've heard 10-12 different names people use, in English, to refer to only one style of map illustration...and we offer dozens of potential map illustration services), but right now that nav doesn't even work on tablets and phones due to :hover.

That's 95% of the reasoning behind my investigating this type of change.  The remaining 5%?  Vanity, I suppose.  :-)  Most of the people who do what we do for a living are still "stuck" in more of a 1990s/print mindset and/or never get much beyond .jpgs and .pdfs kicked out of GIS/CAD programs and prettied-up a bit in Adobe Illustrator...when it comes to electronic/interactive.  So us moving to more of a VISUAL/tagged search and responsive design would really raise the bar for our little cottage industry (serving higher ed).  And maybe that would be enough of a kick in the pants to drag a few others forward with us.  Benefiting universities across the continent/planet who use and depend upon our services.

You might be interested in this article: http://www.insidehighered.com/news/2012/09/10/ozarks-technical-comm...

I think it's a really neat way to organize a website, but its a little too outside of the box to really catch on with most institutions.

Thanks for sharing, Thomas!

If only their search results were a little more "sexy."  The information is solid (and I've obviously tipped my hand in liking the radical "K.I.S.S." approach to developing a highly targeted/customized portal for site visitors).  But the search results page just isn't elegant at all, IMHO.  If that were fixed?  I'd love it.  Plus I love the fact that they've also left in a "view full website" option for people whose minds would be too blown via the radical departure to the norm.  Smart AND safe from an end-user standpoint.  :-)

RSS

Elsewhere

Latest Activity

Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Jim Heiney from Lock Haven University shares his advice on how an editorial calendar can help keep your web content up to date and engaging in today’s blog post.  "
Thursday
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"We have a new addition to our OmniUpdate family. Welcome, Cerritos College! "
Wednesday
Lauren Zakich commented on Lynn Zawie's group OmniUpdate
"Emergency Alerts for OU Campus allows you to communicate with students, staff, and the community with custom website announcements. When time matters most, make sure your website is the go-to place for info."
Tuesday
Neil Joellenbeck replied to Mark Greenfield's discussion The Future of the UWEBD Social Network
"This is the first time I have been here in a long time. Selfishly, I would hope that you would be able to continue the site, but I understand realities. As I re-acquaint myself, I'm seeing a lot of value in what you have tirelessly built.…"
Sep 16
Gareth J M Saunders replied to Mark Greenfield's discussion The Future of the UWEBD Social Network
"Hi Mark, in line with many others who have posted, first a big thank you for providing this resource for so many years. I was a keen reader of it and occasional poster a good few years ago. And I loved my Website Hero mug until I dropped it and had…"
Sep 15
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Have you heard about our new UX Feedback Program? Your input can directly affect the future of OU Campus! Learn more in today's blog post. "
Sep 14
Lauren Zakich joined Lynn Zawie's group
Thumbnail

OmniUpdate

Share your experiences using OmniUpdate CMS
Sep 13
Genevieve Howard replied to Mark Greenfield's discussion The Future of the UWEBD Social Network
"I want to chime in along with the others in thanking you for being a leader in our niche group! I appreciate your effort. I lean toward LinkedIn. "
Sep 13
A. Watson replied to Mark Greenfield's discussion The Future of the UWEBD Social Network
"I was a recent addition and did not find too much activity here that I could leverage but LinkedIn does seem to be the logical destination.  Perhaps there is interest here and you can crowd source the migration. Migrating the content could…"
Sep 13
Eloine Chapman replied to Mark Greenfield's discussion The Future of the UWEBD Social Network
"I would be very sorry to see this resource go. I am just a one person shop at my college and feel quite a alone as far as anyone understanding the complexity of what I do. It's a wonderful thing to see people facing the same challenges I face…"
Sep 13
Christopher Spires replied to Mark Greenfield's discussion The Future of the UWEBD Social Network
"I wouldn't feel necessary to stick with Ning if the cost isn't a burden. Facebook, LinkedIn, and Slack are all satisfactory options in my opinion. Slack is a great option for more instant communication, and you'll probably find a lot…"
Sep 13
Mark Lawrence replied to Mark Greenfield's discussion The Future of the UWEBD Social Network
"Thank you Mark, this has been an invaluable resource - particularly for seeing how our cohorts at other institutions approach the problems we all face. But, as many people have said today, I haven't visited in a while. I think that's…"
Sep 13
Charlie Lindahl replied to Mark Greenfield's discussion The Future of the UWEBD Social Network
"Ah. Thank you. I've just sent a request to have TAMU.EDU added to the list."
Sep 13
Laurie Trow replied to Mark Greenfield's discussion The Future of the UWEBD Social Network
"Is this for the Slack? If so, you need to email leta@berkeley.edu to have your edu domain added."
Sep 13
Hugh Jarvis replied to Mark Greenfield's discussion The Future of the UWEBD Social Network
"Regardless of where this goes, Mark, thanks for setting it up and running it all these years! I find it quite useful myself, lurking mostly, but occasionally joining in where it might help us, or I might be able to provide value. I like having this…"
Sep 13
Charlie Lindahl replied to Mark Greenfield's discussion The Future of the UWEBD Social Network
"OK, I give up. I am at Texas A&M, and @tamu.edu is not listed among those allowed to create userids. Can someone either (1) add TAMU.EDU or (2) send me an invitation to uwebd slack? (clindahl@tamhsc.edu). Thanks, Charlie"
Sep 13
Jay Massey replied to Mark Greenfield's discussion The Future of the UWEBD Social Network
"Mark, I agree that the paid Ning site may have outlived its usefulness in light of other group media apps. Like many have stated, Slack and FaceBook / LinkedIn groups. are good options. Slack may not have as much adoption as FB or LI yet. Consider…"
Sep 13
David P. Dillard replied to Mark Greenfield's discussion The Future of the UWEBD Social Network
"If you decide to leave Ning, please consider as an additional place to have this discussion group at no cost, the GROUPS.IO discussion group network which is free and of a very high quality. It also provides a wiki to those who have discussion…"
Sep 13
Tiffany Broadbent replied to Mark Greenfield's discussion The Future of the UWEBD Social Network
"There is already a uwebd.slack.com Slack group that was created back in May so that is something that folks could transition to now if they'd like (http://cuwebd.ning.com/forum/topics/is-there-a-university-web-developers-slack-group). I…"
Sep 13
Sherrie Roberts replied to Mark Greenfield's discussion The Future of the UWEBD Social Network
"UWEBD is a site I come to ever so often but would hate for it to go away because it is a great place to meet and get input from other university web developers. Maybe move to a cheaper platform, Facebook group or LinkedIn group would be my choices.…"
Sep 13

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

© 2016   Created by Mark Greenfield.   Powered by

Badges  |  Report an Issue  |  Terms of Service